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

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>

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

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">
<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;


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

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.

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.

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

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