• 0

CSS Design - Sort of lost here...


Question

Hi Everyone,

I'm sort of lost here. I'm trying to create a div to look something like the attached mockup image. I've searched the internet, read into positioning using several books and experimented multiple times and I still only get the image overlapping the text. Could anyone point me in the right direction?

Your help, as always, is greatly appreciated.

-Mike

post-8889-12706620173948.png

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

 <div class="left">
   <h2>Open Road Acura of East Brunswick</h2>
    <p>1041 State Route 18, East Brunswick, NJ 08816</p>
    <ul> 
            <li>Division II -
                   <ul>
                           <li>General Manager:</li>
                           <li>Sales Manager:</li>
                           <li>Office Manager:</li>
                           <li>Service Manager:</li>
                           <li>Parts Manager:</li>
                           <li>IT Manager:</li>
                    </ul>
             </li>
     </ul>
</div>
<div class="right">
 <img src="map.png" alt="Open Road Acura Location" />
</div>

 .left {
          float: left;
          width: 700px;
         }
 .right {
          float: right;
          width: 200px;
         }

Just adjust everything accordingly. :)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.