The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Contentbackground not displaying properly

The forum of the forums :: Miscellaneous :: Garbage

View previous topic View next topic Go down

Solved Contentbackground not displaying properly

Post by Bleachzor on October 28th 2010, 8:42 pm

It is devided into 3 containers:
a top container
a middle container
a bottom container

The middle container is where I'm at and it has:
a top part(see design)
a middle part stroke, which is stretched vertically
a bottom part

The big issue is that the middle part stroke doesn't stretch, even tho there is content in there.
How do I make it stretch?

Design:


Actual display:


html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Interactive - More Than Imagination</title>
<link href="Interactive.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="headingstroke">Hier kunnen links komen te staan als je denkt dat, dat leuk is.</div>
<div id="topgradientwrapper">
    <div id="contentcontainer">
        <div id="headingbackground">
            <div id="banner"><p><img src="../Pictures/banner.png" />
More Than Imagination</p></div>
        </div>
        <div id="headingbottom"> </div>
        <div id="contenttop"></div>
        <div id="contentmidpiece"> 
            <div id="navbg">We will be writing some text here and replacing it later with something else.</div>
                <div id="lol">
                    <div id="lolhead">now lets pretend I just write a piece of text here.</div>
                </div>
            </div>
        <div id="contentbottom"></div>
    </div><!-- end #contentcontainer -->
</div>
</div>
   
 
</body>
</html>
Css:
Code:
@charset "utf-8";
/* CSS Document */

body {
    background-image: url("../Pictures/bgshizzle.png");
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#headingstroke {
    text-align: center;
    color: #666;
    background-color: #1f1f1f;
    height: 24px;
    border-bottom: solid;
    border-bottom-color: #CCC;
    border-bottom-width: 2px;
}
#topgradientwrapper {
    width: 100%;
    height: 100px;
    background: url("../Pictures/gradientlol.png") 0 0;
}
#bottomgradientwrapper {
    background-repeat: repeat-x;
    height: 100px;
    background: url("../Pictures/gradientlol.png") -100px 0;
    background-position: bottom;
}
#headingbackground {
    background-image: url("../Pictures/lightbg2.png");
    background-position: top center;
    text-align: center;
    background-repeat:no-repeat;
    width:724px;
    height:146px;
    background-color: #1f1f1f;
}
#contentcontainer {
    margin: 0px auto;
    width: 724px;
    text-align: left;
}
#banner {
    padding: 44px 0px 0px 0px;
}
#banner p{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#999;
}
#headingbottom {
    background-image: url("../Pictures/headerbottom.png");
    height: 20px;
    width: 724px;
    background-repeat: no-repeat;
}
#contenttop {
    background-image: url("../Pictures/contenttop.png");
    padding: 8px 0px 0px 0px;
    width: 724px;
    background-repeat: no-repeat;
    background-position: top;
}
#contentbottom {
    background-image: url("../Pictures/contentbottom2.png");
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 724px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: bottom;
}
#contentmidpiece {
    background-image: url("../Pictures/contentmidpiece.png");
    width: 724px;
    background-repeat: repeat-y;
}
#navbg {
    background-image: url("../Pictures/navbg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #06060d;
    width: 200px;
    margin-left: 3px;
    float: left;
}
#lol {
    background-repeat: no-repeat;
    width: 500px;
    height: 200px;
    margin: 0px 0px 0px 18px;
    float: left;
}
#lolhead {
    background-image: url("../Pictures/contenthead.png");
    background-repeat: no-repeat;
    width: 500px;
    height: 32px;
    margin: 0px 0px 0px 0px;
}

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 29th 2010, 3:30 pm

I forgot to add: If there is anything else, you need in order to help me out, please say so.

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 29th 2010, 10:27 pm

bump

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Guest on October 29th 2010, 10:37 pm

Can't help you without the images...

Guest
Guest


Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 29th 2010, 11:03 pm


Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Guest on October 29th 2010, 11:15 pm

i can't understand how this site is looking :/ xD

Guest
Guest


Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 29th 2010, 11:42 pm

@Gangstar15 wrote:i can't understand how this site is looking :/ xD
Ok first: I devided the post above like this:
Name
[picture]
link

The name represents the file name so when you save them on your css they are named: .../pictures/[filename].[file extension(png/jpg/jpeg/gif)]

Basically replace the links in the css with the links I provided.
Then test it with dreamweaver(or whatever u using).

If the html doesn't pick up on the css then the html cannot find the file.
Replace the <link href="Interactive.css" rel="stylesheet" type="text/css" />
with whatever you named the css I profided.

The Actuall display in the first post represents the way it should NOT display and the design describes what it should look like.

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 30th 2010, 6:06 pm

If it doesn't make sense then can you tell me which parts are vague or simply crappy explained?

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by LilJur on October 31st 2010, 1:11 am

Well... For forumotion i wouldnt suggest you to create a solid dessign...
I'd suggest to just go by creating sepperate images and then make them fit with Css and Html.
Also, i suggest you to use PunBB or PhpBB if you wanna go this way...

You can pm me if you like for further details and help ( im dutch so you can pm me in dutch)

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on October 31st 2010, 8:55 am

it's not a forumotion concept for a change.

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by LilJur on November 1st 2010, 12:50 am

Regular website it is then?

Alright, PM me, i'll help you with it

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by kirk on November 3rd 2010, 12:51 am

whats the link to the site.. i mean i see the examples you have up there but it's not making any sense to me.. if i can see the site i may be able to understand a Lil better what it is your trying to to do?

If it's background image your haveing a problem with then just add it to your background in pic's management?

@Bleachzor wrote:it's not a forumotion concept for a change.

Not sure if i understand what you mean by this either?
Is it a forumotion forum you are working on? If not then we do not provide support for any other host/sites.. this is a forumotion support forum for forumotion forums only?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by Bleachzor on November 3rd 2010, 8:47 pm

Ok nvm Solved anywayz...

Bleachzor
Forumember

Posts : 211
Reputation : -10
Language : Dutch

Back to top Go down

Solved Re: Contentbackground not displaying properly

Post by kirk on November 4th 2010, 6:19 pm

@Bleachzor wrote:Ok nvm Solved anywayz...

cool beans.
Please remember to always try to explain things in as much details as possibil
Thanx.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

View previous topic View next topic Back to top

The forum of the forums :: Miscellaneous :: Garbage

 
Permissions in this forum:
You cannot reply to topics in this forum