Hi I had issues with a navbar, some of you guys were kind enough to give me some tips which helped me find a solution so thanks a lot.
Now I'm running into a problem with a div box that needs to contain three divs side by side. I've executed the same principle in the past, but for some reason it's giving me problems in this exact scenario.
the first div goes in the box fine but the second div will only show below the box, I can't get it to go in, here are the images and code:
IMAGE:
CODE:
========="Index.php"=============
============CSS================
Now I'm running into a problem with a div box that needs to contain three divs side by side. I've executed the same principle in the past, but for some reason it's giving me problems in this exact scenario.
the first div goes in the box fine but the second div will only show below the box, I can't get it to go in, here are the images and code:
IMAGE:
CODE:
========="Index.php"=============
HTML:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<div id="topheader">
<div id="logo"></div>
<ul id="nav">
<li id="nav-home"><a href="#">Who Are We?</a></li>
<li id="nav-about"><a href="#">Our Work</a></li>
<li id="nav-archive"><a href="#">Positions</a></li>
<li id="nav-lab"><a href="#">Reports</a></li>
<li id="nav-reviews"><a href="#">Press</a></li>
<li id="nav-contact"><a href="#">Contact</a></li>
</ul>
</div>
<div id="topbox">
<div id="welcome">
<div id="post-<?php the_ID(); ?>">
<h2><a href="#" rel="bookmark" title="Permanent Link to">Text</a></h2>
<div class="entry">
<?php the_content('Read More'); ?>
</div>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
</div>
</div>
<div id="toppic">
<div id="post-<?php the_ID(); ?>">
<div class="entry2">
<?php the_content('Read More'); ?>
</div>
</div>
</div>
</div>
============CSS================
Code:
#topbox {
background:url(images/topbox.jpg) no-repeat;
height:193px;
width:763px;
margin: 10px auto;
border: 1px solid #00FF00;
text-align:left;
z-index:100;
}
#welcome {
border: 1px solid #FF0000;
height:193px;
width:260px;
margin-left:0px;
}
#welcome h2 {
margin: 0px 0 0;
font-size:17px;
text-align:left;
width: 260px;
border: 1px solid #0000FF;
}
#welcome .entry{
font-size:14px;
text-align:left;
}
#toppic {
margin-top:0px;
margin-left:290px;
border: solid 1px #FF00FF;
height:193px;
width: 200px;
position:absolute;
z-index:101;
}
Last edited by a moderator: