i need some more halp.

Zokoli · 22-07-2009, 04:06 PM

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>
<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;

Code:

<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.

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..

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

Originally Posted by Jamesy

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!

Fehm · 22-07-2009, 04:56 PM

Originally Posted by Zokoli

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!

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

Thread: i need some more halp.

Thread Tools

i need some more halp.

Posting Permissions