PDA

View Full Version : i need some more halp.


Zokoli
22-07-2009, 04:06 PM
<!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>Zokoli ~ Ah yes!</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana;
font-size: 11px;
font-weight:bold;
color: #000;
}
body {
background-image: url();
background-repeat: no-repeat;
background-color: #FFF;
}
#header-wrap {
width: 100%;
height: 65px;
background-color: #3F4C6B;
}
#header-wrapper {
width: 100%;
height: 100px
display: block;
margin: 0 auto;
}
.header {
float: right;
margin-top: 4px;
height: 60px;
width: 220px;
background-image: url(zokoli.PNG);
background-repeat: no-repeat;
display: block;
}
#wrap-1 {
/*margin-top: 5px;*/
background-color: #4096FF;
width: 100%
padding-top: 10px;
padding-bottom: 10px;
}

#wrap-2 {
/*margin-top: 5px;*/
background-color: #CDEB8B;
width: 100%
padding-top: 30px;
padding-bottom: 30px;


}

#wrapper-2 {
width: 100%;
height: 100px
display: block;
margin: auto;

}

.nav-text {
font-family:Verdana;
font-size:10px;
color: #36393D;
}
-->
</style></head>

<body>
<div id="wrap-2">
<div id="wrapper-2">

<div id="header-wrap">
<div id="header-wrapper">
<span class="header"></span>
<div id="wrap-1"></div>
<span class="nav-text">I want this text in the green :[</span>

</body>
</html>

Put this code into a HTML file, and have a look.
I want this;
<span class="nav-text">I want this text in the green :[</span>

In the green zone (see in the HTML file).

thanks,
zokoli.
Jamesy
22-07-2009, 04:13 PM
One thing is that you have missed out a lot of ";" on your CSS 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>Zokoli ~ Ah yes!</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana;
font-size: 11px;
font-weight:bold;
color: #000;
}
body {
background-image: url();
background-repeat: no-repeat;
background-color: #FFF;
}
#header-wrap {
width: 100%;
height: 65px;
background-color: #3F4C6B;
}
#header-wrapper {
width: 100%;
height: 100px;
display: block;
margin: 0 auto;
}
.header {
float: right;
margin-top: 4px;
height: 60px;
width: 220px;
background-image: url(zokoli.PNG);
background-repeat: no-repeat;
display: block;
}
#wrap-1 {
/*margin-top: 5px;*/
background-color: #4096FF;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

#wrap-2 {
/*margin-top: 5px;*/
background-color: #CDEB8B;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;


}

#wrapper-2 {
width: 100%;
height: 100px;
display: block;
margin: auto;

}

.nav-text {
font-family:Verdana;
font-size:10px;
color: #36393D;
}
-->
</style></head>

<body>
<div id="wrap-2">
<div id="wrapper-2">

<div id="header-wrap">
<div id="header-wrapper">
<span class="header"></span>
<div id="wrap-1">
</div>
</div>
<span class="nav-text">I want this text in the green :[</span>
</div>
</body>
</html>

seems to place it in the green, unsure if that's what you are after.
Colin-Roberts
22-07-2009, 04:19 PM
jamesy beat me to it :S i guess i shouldnt of left it on post advance for so long..
<!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>Zokoli ~ Ah yes!</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana;
font-size: 11px;
font-weight:bold;
color: #000;
}
body {
background-image: url();
background-repeat: no-repeat;
background-color: #FFF;
}
#header-wrap {
width: 100%;
height: 65px;
background-color: #3F4C6B;
}
#header-wrapper {
width: 100%;
height: 100px
display: block;
margin: 0 auto;
}
.header {
float: right;
margin-top: 4px;
height: 60px;
width: 220px;
background-image: url(zokoli.PNG);
background-repeat: no-repeat;
display: block;
}
#wrap-1 {
/*margin-top: 5px;*/
background-color: #4096FF;
width: 100%
padding-top: 10px;
padding-bottom: 10px;
}

#wrap-2 {
/*margin-top: 5px;*/
background-color: #CDEB8B;
width: 100%
padding-top: 30px;
padding-bottom: 30px;


}

#wrapper-2 {
width: 100%;
height: 100px
display: block;
margin: auto;

}

.navtext {
color: #36393D;
font-family:Verdana;
font-size:10px;
}

-->
</style></head>

<body>
<div id="wrap-2">
<div id="wrapper-2">

<div id="header-wrap">
<div id="header-wrapper">
<span class="header"></span>
<div id="wrap-1"></div>
<div class="navtext">I want this text in the green :[</div>

</body>
</html>
Zokoli
22-07-2009, 04:25 PM
+rep to both.

Also, if it is possible could you show me what you did to change it?
Jamesy
22-07-2009, 04:32 PM
You had missed out several closing </div> tags. We just added those in, fixed the closing ;'s in the css and placed the <span>'s below the other divs while still remaining the in green one.
Zokoli
22-07-2009, 04:40 PM
You had missed out several closing </div> tags. We just added those in, fixed the closing ;'s in the css and placed the <span>'s below the other divs while still remaining the in green one.

Thank you James, I would +rep again if I could.

Edit;
Just tested the code, it gives another green bar at the top of the layout?
It's suppose to be the light blue at the top...
Test your self! :P
Fehm
22-07-2009, 04:56 PM
Thank you James, I would +rep again if I could.

Edit;
Just tested the code, it gives another green bar at the top of the layout?
It's suppose to be the light blue at the top...
Test your self! :P

ensure the hex code for the green bar color is the correct one ;)

Want to hide these adverts? Register an account for free!