More HTML/CSS help NO LONGER NEEDED

[Good Rejects]

<div class="header">
<img class"header" src="images/jpg/belly_image_background.jpg" width="267px" height="200px">
<div class="header_text">Satiety and Weight Loss</div>
</div>


.header {
width: 580px;
height: 200px;
padding: 0px;
margin: 0px 10px;
background-color: #CC9966;
clear: both;}

.header_text {
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-family: aerial, helvetica, sans-serif;
font-size: 16px;
text-decoration: none;}





OKAY SO: when I put this into DreamWeaver (and no I can't put it in another program it's all I have and what I use for school), the preview shows the text underneath the image instead of next to it in the header div. How do i shot fix ; 3;




I can post more of the code and css or all of it, if needed.

Keep in mind this is only my second web coding project ever. gonk

[Anataya]

For future reference, use the Code button and put code between those BB tags when posting code in the forums.

First of all, you're missing an equal sign in the second line:

<img class="header"

Second, web pages work from top to bottom. If you want something in columns or to go left to right then you'll need to say so, otherwise the browser assumes to put things underneath. If you want text beside an image, you'll have to use a table and put the things in separate cells.

<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
<img src="YOURPICTUREHERE.jpg">
</td><td valign="top">
Your text here.
</td></tr>
</table>

I made two td cells, which is next to each other. I put valign="top" in the second one so that the text is at the top of the cell, otherwise it'd be vertically centered. Valign means "vertically align", so you know.

By the way, you misspelled arial in your header_text class. And if you're on a PC you can always code stuff in Notepad, you don't have to use Dreamweaver.

[Good Rejects]

The only thing that helped from all of that was telling me I needed two 'cells' or whatever, the rest was stuff I didn't need. razz Thanks, though.

http://i6.photobucket.com/albums/y219/DoshiteOnegai/Picture9.png

here's the outcome so far, and I'm not on a pc.

[iiTenten]

<font face="" color="" size="">

[Shrander]

For the method shown by Anataya, a table would be the most efficient method that works in each browser.
For something to point out, div tags are great for many situations, but they are made so that when they are closed, they enter a line break, that's why it pushed the text down a line.
And notepad, or a Mac equivelent is great to use, I may be strange, but I prefer it over dreamweaver. cool

[Good Rejects]

I think you guys missed that this was.. for a class. xd It's more a grade to see that we can make stuff appear on a webpage and less about it being compatible with other browsers, but thanks and I'll keep that in mind.

I did get it though, and I'm happy with the results considering I just finally understood what all of this stuff meant earlier today.