Contentbackground not displaying properly
Contentbackground not displaying properly
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:
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>
- 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
Re: Contentbackground not displaying properly
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
Bleachzor- Forumember
- Posts : 211
Reputation : -10
Language : Dutch
Re: Contentbackground not displaying properly
Background(diagonalstrokes):

http://i29.servimg.com/u/f29/14/69/22/94/bgshiz10.png
Banner:

http://i29.servimg.com/u/f29/14/69/22/94/banner10.png
Contentbottom:

http://i29.servimg.com/u/f29/14/69/22/94/conten11.png
Contenthead:

http://i29.servimg.com/u/f29/14/69/22/94/conten12.png
Contentmidpiece:

http://i29.servimg.com/u/f29/14/69/22/94/conten13.png
Contenttop:

http://i29.servimg.com/u/f29/14/69/22/94/conten14.png
Headerbottom:

http://i29.servimg.com/u/f29/14/69/22/94/header10.png
Lightbg2:

http://i29.servimg.com/u/f29/14/69/22/94/lightb10.png
Navbg:

http://i29.servimg.com/u/f29/14/69/22/94/navbg10.png
This should do it. Might be some missing but, you wont be needing those for sure.
Thank you for helping me out.
Regards,
Bleachzor

http://i29.servimg.com/u/f29/14/69/22/94/bgshiz10.png
Banner:

http://i29.servimg.com/u/f29/14/69/22/94/banner10.png
Contentbottom:

http://i29.servimg.com/u/f29/14/69/22/94/conten11.png
Contenthead:

http://i29.servimg.com/u/f29/14/69/22/94/conten12.png
Contentmidpiece:

http://i29.servimg.com/u/f29/14/69/22/94/conten13.png
Contenttop:

http://i29.servimg.com/u/f29/14/69/22/94/conten14.png
Headerbottom:

http://i29.servimg.com/u/f29/14/69/22/94/header10.png
Lightbg2:

http://i29.servimg.com/u/f29/14/69/22/94/lightb10.png
Navbg:

http://i29.servimg.com/u/f29/14/69/22/94/navbg10.png
This should do it. Might be some missing but, you wont be needing those for sure.
Thank you for helping me out.
Regards,
Bleachzor
Bleachzor- Forumember
- Posts : 211
Reputation : -10
Language : Dutch
Re: Contentbackground not displaying properly
i can't understand how this site is looking
xD

Guest- Guest
Re: Contentbackground not displaying properly
Ok first: I devided the post above like this:@Gangstar15 wrote:i can't understand how this site is lookingxD
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
Re: Contentbackground not displaying properly
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
Re: Contentbackground not displaying properly
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)
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
-
Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch
Re: Contentbackground not displaying properly
it's not a forumotion concept for a change.
Bleachzor- Forumember
- Posts : 211
Reputation : -10
Language : Dutch
Re: Contentbackground not displaying properly
Regular website it is then?
Alright, PM me, i'll help you with it
Alright, PM me, i'll help you with it
LilJur- Forumember
-
Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch
Re: Contentbackground not displaying properly
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?
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?
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
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Contentbackground not displaying properly
Ok nvm Solved anywayz...
Bleachzor- Forumember
- Posts : 211
Reputation : -10
Language : Dutch
Re: Contentbackground not displaying properly
@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
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum