html/css classes, please help!?

I'm making my dad a website and just finished up an html, xhtml, and css tutorial for review and would like to know the html code for aligning an image in the center, left, or right area of the page using css. not enclosing it in center tags.

Public Comments

  1. Set text-align:center to the element that contains the image.
  2. YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON YOURE A SAD PERSON
  3. Yep, center tags'll get you nothing but trouble! style="float: left;" or style="float: right;" usually work for shoving the image to the side. You might want to shove it back up away from the absolute side by adding in, say, style="float: right; margin-right: 1em;" or like that, see? and you may have to play with "clear: right;" to make sure your img doesn't mess with what's above it... and the list goes on Sometimes it's best to put the img in its own div ahead of the paragraph; sometimes it's best to put the img within the paragraph. Usually, if it's right, you need to place it your html *before* the stuff to the right of which it's going to be floated... For centering, things get tricky...often, a simple <div style="text-align: center;"><img ...></div> will suffice but sometimes depending on what you're trying to do in and around your img (like captions? associated text block?) you may need divs with "margin-left: auto; margin-right: auto;" Good luck!
  4. It depends on if you want text to flow around the image or not. If you want it to be on a line by itself, you can use the "text-align" css attribute with the values "center", "left", or "right". In this case, though, you have to apply that attribute to a container object, such as a "div" that the image is in (and it could be that the image is the only thing in that container). This would look like this: <div style="text-align: center"><img src="mypicture.gif"></div> If, on the other hand you want the text to flow around the image, you can only align the image to the left or the right, and instead of "aligning" it you are "floating" it. To do this, you merely add the "float" attribute to the image with the value of "left" or "right". This would look like this: <img src="myimage.gif" style="float: right">
  5. Look on this site: Learn HTML and about the technical bits of web design? http://www.w3schools.com/html/ I had better get top answer for that - I pasted a whole bloody page off my own website then - I can't give you the link - it's spamming!
  6. <image align=center src="..">
Powered by Yahoo! Answers