1 Vote Vote

html div boxes:help needed

Posted by topdog 473 days ago Questions| div href html All
everything seemed to work fine for a long period of time, but then 2 of my divboxes begun to get a css rule they should be using
the div boxes "logo" and "right"(or perhaps some other div..) are getting properties of div box "nav" a - defining the links for navigation menu
However "foot" is ok and receiving the general rule for a as it is meant to be.

Here is my html:

CODE
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN'
'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<!-- Created by pinZdesign -->
<head>
<link href='pinzstyle.css' type='text/css' rel='stylesheet'>
<title>pinZdesign - creative web-developing studio - Main</title>
<meta name='description' content=''>
<meta name='keywords' content='web,design,photoshop,flash,hmtl,css,php,mySQL,javascript,tutorials,tips,libr
aries,portfolio'>
<meta name='author' content='pinZdesign'>

</head>
<body><div id='wrap'><div id='logo'><a href='index.php'><img src='images/logo.png' alt='pinZdesign logo'></a></div><div id='nav'>
<ul>
<li><a href='#'>LIBRARY</a></li>
<li><a href='#'>errr...pffft</a></li>
<li><a href='#'>PORTFOLIO</a></li>
<li><a href='forum.php'>FORUM</a></li>

</ul>
</div><div id="content">
<div id="left">TRa-lalala...mumletekst i venstre spaelt</div> <div id="right"><div id='option'><p><strong>test</strong> 00 - January , 0000</p>random tesxt</div><br /><div id='login'><form action='index.php' method='post'><p>Login</p>
<input type='text' maxlength='40' name='log'/> Username<br /><br />
<input type='password' maxlength='40' name='pas'/> Password<br /><br />

<input type='submit' name='login' class='button' value='LOGIN'/>  <a href='register.php'>Register</a>
</form></div></div></div>
<div id='foot'><adress><a href='mailto:tyrael2101@hotmail.com'>pinZdesign</a><br />KTS 2011</adress></div></div></body></html>


And here is my css:

CODE
@charset "utf-8";

* {
padding:0;
margin:0;
}

body {
background-color:#000000;
background-image:url(images/bg_body.gif);
background-repeat:repeat-x;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#FFFFFF;
text-align:center;
}

img {
border:none;
}

p {
padding-bottom:12px;
}

a:link, a:visited{
color:#ffffff;
font-size:x-small;
text-decoration:none;
}

a:hover {
color:#ff0000;
font-size:x-small;
text-decoration:none;
}

.button {
width:74px;
height:28px;
background-image:url(images/button.png);
border-color:#000000;
border-style:solid;
border-width:1px;
padding-left:18px;
padding-right:18px;
}

.button:hover {
background-color:#777;
border-color:#999;
}

#nav {
height:29px;
}

#nav a {
display:block;
}

#nav a:link, a:visited {
color:#999;
font-size:small;
text-decoration:none;
}

#nav a:hover {
color:#fff;
font-size:small;
text-decoration:none;
}

#nav li {
background-image:url(images/bg_catbottom.gif);
background-repeat:repeat-x;
width:202px;
height:19px;
padding-left:15px;
padding-top:5px;
float:left;
list-style:none;
border-color:#000;
border-style:solid;
border-width:1px;
}

#nav li:hover {
background-image:url(images/bg_buttons.gif);
background-repeat:repeat-x;
border-color:#333;
}

#wrap {
background-color:#000000;
width: 876px;
height:auto;
margin: 0px auto;
text-align:left;
}

#logo {
height:136px;
background-image:url(images/rightop.png);
background-position:right bottom;
background-repeat:no-repeat;
}

#content {
height:300px;
border-color:#222222;
border-style:solid;
border-width:3px;
}

#left {
margin:3px;
width:570px;
height:97%;
border-color:#222222;
border-style:solid;
border-width:1px;
float:left;
padding:1px;
}

#forum {
margin:3px;
width:570px;
height:97%;
border-color:#222222;
border-style:solid;
border-width:1px;
float:left;
padding:1px;
}

#right {
margin:3px;
width:280px;
height:97%;
border-color:#000;
border-style:solid;
border-width:1px;
float:left;
padding:1px;
}

#option {
background-color:#111;
width:268px;
height:auto;
border:solid #333333 thin;
padding:5px;
}

#foot {
width:877px;
height:60px;
background-image:url(images/header.jpg);
text-align:center;
}

#login {
background-image:url(images/bg_buttons.gif);
background-repeat:repeat-x;
padding:8px;
border:solid #333333 thin;
}
Discuss Bury


Who Voted for this Question