Solved

600 pixels of grey bar in between

Posted on 2011-09-24
3
336 Views
Last Modified: 2012-05-12
want
title_.l.gif
title_aboutus.gif
600 pixels of grey bar
title_r.gif


title-l.gif title-aboutus.gif 600 pixels of grey bar title-r.gif
0
Comment
Question by:rgb192
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 9

Expert Comment

by:user_n
ID: 36592838
<html>
<head>
<style>
#left{
float:left;
}
#right{
float:right
}
</style>
</head>
<body>
<div>
<div id="left"><img src="./images/title-l.gif" alt="Angry face" /></div>
<div ><img src="./images/title-aboutus.gif" alt="Angry face" /></div>
<div id="right"><img src="./images/title-r.gif" alt="Angry face" /></div>
</div>
</body>
</html>
0
 
LVL 12

Accepted Solution

by:
Dean OBrien earned 500 total points
ID: 36593158
<html>
<style>
img {margin:0;border:0}
.toFloat {margin:0;padding:0;float:left}
</style>

<body>
<div>
<div class="toFloat" style="width:51px;height:36px"><img src="title-l.gif"></div>
<div class="toFloat" style="width:144px;height:36px"><img src="title-aboutus.gif"></div>
<div class="toFloat" style="width:600px;height:36px;background:#ccc">&nbsp;</div>
<div class="toFloat" style="width:10px;height:36px"><img src="title-r.gif"></div>
</div>
</body>
</html>

Easynow
0
 

Author Closing Comment

by:rgb192
ID: 36596124
thanks
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

635 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question