Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

The right way to fluidly place images?

Status
Not open for further replies.
rockyroad

rockyroad

Programmer
Feb 22, 2003
191
US
Hello

I have searched hi and lo for a tutorial.

What I am seeking is the *correct* way to use CSS to place images.

I have a right column DIV, and inside that I want to place X number of images (it could vary) and some accompanying text (i.e the img floated left of a <p> element.. )
However, everything I try, when using a clearing <div> after the whole thing acauses a loss of contol of the attributes (i.e. padding) of the overall div, and.or never looks the same in all browsers...

Does anyone know of a tutorial or have examples of extensible CSS code for handling this common task?

THANKS! I have a headache from this!

rockyroad
 
Sort by date Sort by votes
Probably the major cause for HTML and CSS to look markedly different across browsers is the lack of a complete and valid DOCTYPE as the first line of your code.

Do you have a complete and valid DOCTYPE?

Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

 
Upvote 0 Downvote
Hi,

thanks yes I am using this doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"

I know that there must be a correct strategy for dealing with image placement with .css... resources on this is what I am looking for, any advice?

Thank you
 
Upvote 0 Downvote
Could you show us what you have so far? I usually had no problems with this. Best if you have a site on the net, because you say you use images and it is hard to debug without them.
 
Upvote 0 Downvote
Here's a link to abbreviated code ---


if you look at this in IE6, Opera, and Netscape -- the text looks different relative to the images --

I think the way I have coded this is overly complex and the result is not good!! :)

there must be better way...

Thanks
 
Upvote 0 Downvote
The links to the images on this page are broken so it is hard to say. I would personally make a following <br /> element clear both to begin the picture in a new line. If that is what you're after.
 
Upvote 0 Downvote
Yes, the <br> would seem to be a solution. I just keep thinking that I am missing something. Thanks!
 
Upvote 0 Downvote
You could always use tables to clear things up. either that or the <dt><dd> elements
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
755
bdwilcox
bdwilcox
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
223
lmcate
lmcate
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
813
pmonett
pmonett

Part and Inventory Search

Sponsor

Back
Top