PDA

View Full Version : How to put one more line under the header div area?


dreamweaver1
08-12-2010, 10:34 PM
Hi all,

I am attaching a screen shot of what I am trying to accomplish. I am trying to place another word/sentence under the word "header" while having the image stay to the right.
Here is my code piece for it.

<body><div id="wrap">

<div id="header">
<h1>header<img src="http://www.chouselive.co.za/flag64.jpg" alt="flag" width="64"
height="43" /></h1>

<p><strong>"It only takes a moment...for a drowning to happen etc</strong></p>
<p><strong>"Child Guard can prevent accidental drowning</strong></p>
</div>

<img id="frontphoto" src="front.jpg" width="760" height="175" alt="" />

Ricky55
08-12-2010, 10:45 PM
There are several ways to do this, one is to float the image.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
img {
float: right;
}

div#contentWrap {
width: 600px;
}
</style>

</head>

<body>
<div id="contentWrap">
<img src="flag.jpg" alt="" width="308" height="163" />
<h1>My first header</h1>
<h2>My Second header</h2>
</div>
</body>
</html>

dreamweaver1
08-12-2010, 10:48 PM
Cook thanks I will give that a try...one other thought I had was to just create the image with the text I want and just put that there in place of the text and image.

Corrosive
08-13-2010, 07:06 AM
Try and use HTML text wherever you can as Search Engine 'bots' can't read text in images so you'll miss out on SEO power. Personally I'd use Ricky's way but you can always use this method; http://www.domedia.org/oveklykken/css-image-replacement.php to have image text and HTML text.

Ricky55
08-13-2010, 09:09 AM
Yeah don't use images for things like this.

dreamweaver1
08-13-2010, 02:23 PM
ok thanks.