Question about images and DIV - CSS

**john7911** · 05-26-2010, 05:34 PM

Hi

i want to know how to put images in the corners of a DIV, i used to use table in HTML.
This is an example of an image:

This is an example with TABLE I want it in CSS

Thank you

**john7911** · 05-27-2010, 07:32 PM

Is there any solution?

**coelloc123** · 05-27-2010, 07:44 PM

hey i have another question i have a problem with my navbar inserting into my dreamweaver this is my coding

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=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="flexdropdown.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="flexdropdown.js">

/***********************************************
* Flex Level Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
<title>New Construction and Renovation Specialists</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:812px;
	height:94px;
	z-index:1;
	left: 510px;
	top: 367px;
}
.style2 {
	font-size: 36px;
	font-weight: bold;
}
#Layer2 {
	position:absolute;
	width:389px;
	height:1367px;
	z-index:2;
	left: 41px;
	top: 334px;
}
.style3 {
	font-weight: bold;
	font-size: 40px;
	color: #000099;
}
#Layer3 {
	position:absolute;
	width:320px;
	height:217px;
	z-index:1;
	left: -2px;
	top: 213px;
}
#Layer4 {
	position:absolute;
	width:343px;
	height:216px;
	z-index:2;
	left: 384px;
	top: 184px;
}
#Layer5 {
	position:absolute;
	width:438px;
	height:81px;
	z-index:3;
	left: 509px;
	top: 976px;
}
#Layer6 {
	position:absolute;
	width:704px;
	height:93px;
	z-index:4;
	left: 509px;
	top: 1134px;
}
#Layer7 {
	position:absolute;
	width:243px;
	height:145px;
	z-index:5;
	left: 1106px;
	top: 1393px;
}
#Layer8 {
	position:absolute;
	width:387px;
	height:90px;
	z-index:6;
	left: 677px;
	top: 1463px;
}
.style7 {font-size: 24px; font-weight: bold; color: #0000FF; }
.style8 {
	color: #0000FF;
	font-size: 18px;
}
#Layer9 {
	position:absolute;
	width:47px;
	height:28px;
	z-index:1;
	left: 515px;
	top: 190px;
}
#Layer10 {
	position:absolute;
	width:65px;
	height:29px;
	z-index:7;
	left: 646px;
	top: 243px;
}
.style9 {font-size: 18px}
.style10 {font-size: 36px; font-weight: bold; color: #0000FF; }
#Layer11 {
	position:absolute;
	width:93px;
	height:44px;
	z-index:8;
	left: 758px;
	top: 242px;
}
#Layer12 {
	position:absolute;
	width:119px;
	height:80px;
	z-index:9;
	left: 870px;
	top: 305px;
}
-->
</style>
</head>

<body>

<div id="mydroplinemenu" class="droplinebar">
<ul>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/index.html">Home</a></li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/Services.html">Services</a>
  <ul>
  <li><a href="C:/Users/Manny/Documents/NCRS/Services.html">Residential</a></li>
           <ul>
	  <li><a href="C:/Users/Manny/Documents/NCRS/pages/HandymanR.html">Handyman</a></li>
	  <li><a href="C:/Users/Manny/Documents/NCRS/pages/BuilderR.html">Builder</a></li>
	  </ul>  
<li>
<a href="C:/Users/Manny/Documents/NCRS/pages/commercial.html">Commercial</a></li>
	  <ul>
	  <li><a href="C:/Users/Manny/Documents/NCRS/pages/HandymanC.html">Handyman</a></li>
	  <li><a href="C:/Users/Manny/Documents/NCRS/pages/BuilderC.html">Builder</a></li>
	  <li><a href="C:/Users/Manny/Documents/NCRS/pages/MaintainanceC.html">maintainance</a></li>
	  </ul>
  <li>
<a href="C:/Users/Manny/Documents/NCRS/pages/consult.html">Consulting services</ a></li>	
</li>
  </ul>
</li>
<img src="photos/home1_clip_image002.jpg" width="1375" height="1500" />
<li><a href="C:/Users/Manny/Documents/NCRS/pages/General.html">General Information</a></li>
  <ul>
  <li><a href="C:/Users/Manny/Documents/NCRS/pages/contact.html">Contact Us</a></li>
  <li><a href="C:/Users/Manny/Documents/NCRS/pages/About.html">About Us</a></li>
  <li><a href=""></a></li>
  <li><a href="<li>
</li>
</ul>
</div>


<img src="photos/home1_clip_image002_0001.jpg" alt="main background" width="1375" height="1500" />
<div id="Layer8">
  <p align="center" class="style10">If you  dream it, we can build it. If it&rsquo;s broken, let&rsquo;s fix it.</p>
</div>
<div class="style8" id="Layer7">
  <p align="right">Winter Park, Florida. 32792</p>
  <p align="right"><strong>Ph</strong> 321-377-2205</p>
  <p align="right"><strong>Fx</strong> 407-637-2369</p>
  <p align="right">E-mail: coellomanuel@msn.com</p>
</div>
<div id="Layer5">
  <p class="style2">Our Focus is a common goal.</p>
</div>
<div id="Layer6">
  <p class="style9">When we start a project, our intention is to complete it  with whatever it takes mind set. Once NCRS is assigned a project, we make it  our goal to meet and exceed customer expectations in an effort to get that &ldquo;wow&rdquo;  affect and a satisfaction of completion. Above all, our customers trust and  continued business for years to come.</p>
</div>
<div id="Layer2"><img src="photos/Main page pic.jpg" alt="Protractor" width="405" height="1435" /></div>
<div id="Layer1">
  <p class="style3">New Construction &amp;  Renovation Specialists</p>
  <div id="Layer3"> <span class="style9">&nbsp;New Construction and Renovation Specialists (NCRS) has been  on the customer&rsquo;s side since 2001. We have had the opportunity to cater to  customers on both sides residential and commercial.</span>
    <p class="style9">      As a builder, we have the experience needed to build,  renovate and repair at any stage from existing, conception to completion.     </p>
    <p class="style9"> 
      We are continuously working with our architects and  engineers to ensure Florida codes and customer satisfaction are met. </p>
  </div>
  <div id="Layer4">
    <p class="style9">As a company, we provide truthful and honest recommendation,  but always keep in mind the customers view. By doing so, we pride ourselves in  having a faithful cliental and keeping our image with zero complaints from the  BBB, Florida Construction Board and any building departments.</p>
    <p class="style9">      We offer many services within the construction field. From  a simple drawing on a napkin, to a completion of a project. We offer handyman  services: to service our clients the old fashion way with face to face contact  and keeping your interests in mind first.</p>
  </div>
  <p class="style7">When getting it done  right matters most.</p>
</div>
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">

<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/index.html">Home</a></li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/Services.html" rel="ddsubmenu1">Services</a></li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/General.html" rel="ddsubmenu2">General information</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Pctures</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>



<!--Top Drop Down Menu 1 HTML-->


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="C:/Users/Manny/Documents/NCRS/Residential.html">Residential</a>
  <ul>
  <li><a href="C:/Users/Manny/Documents/NCRS/pages/HandymanR.html">Handyman</a></li>
  <li><a href="C:/Users/Manny/Documents/NCRS/pages/BuilderR.html">Builder</a></li>
  </ul>

</li>
  <li><a href="C:/Users/Manny/Documents/NCRS/pages/commercial.html">Commercial</a>
    <ul>
    <li><a href="C:/Users/Manny/Documents/NCRS/pages/HandymanC.html">Handyman</a></li>

    <li><a href="C:/Users/Manny/Documents/NCRS/pages/maintainanceC.html">Maintainance</a></li>
    <li><a href="C:/Users/Manny/Documents/NCRS/pages/BuilderC">Builder</a></li>

    </ul>
  </li>
	</ul>
</li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/consult.html">Consulting services</a></li>

</ul>


<!--Top Drop Down Menu 2 HTML-->

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="C:/Users/Manny/Documents/NCRS/pages/About.html">About us</a></li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/contact.html">Contact Us</a></li>
<li><a href="C:/Users/Manny/Documents/NCRS/pages/references.html">References</a>
  </ul>

</body>
</html>

i dunno whats wrong with it its the All Levels Navigational Menu (v2.2) and im trying to make it work but its not at all its just links and not an actual navbar please hit me back at your earliest convenience thank you