Comments on: CSS Tip: Positioning photos with floats

By: Web Consultant

Web Consultant — Fri, 20 Jun 2008 16:07:40 +0000

That is quite a nice article about to position pictures between text. What you didn´t consider that u also might to use div´s for your pictures with seperate background or border which makes them look a bit nicer. I am not sure if it works with p tag aswell but canbe

By: Shawn Bishop

Shawn Bishop — Fri, 01 Feb 2008 22:42:38 +0000

I've heard that latest version of Dreamweaver (CS3) is supposed to expedite CSS. Is that worth purchasing?

By: Jonathan

Jonathan — Thu, 17 Jan 2008 22:00:43 +0000

Thanks for the tutorial on inserting the float attributes into CSS. I had stopped using photos because I couldn't figure out how to get it right. Now, hopefully, I should be able to start including them again, for a better reader experience.

By: Jonathan

Jonathan — Thu, 17 Jan 2008 22:00:05 +0000

By: Heidi Cool

Heidi Cool — Wed, 16 Jan 2008 00:22:05 +0000

Amie, I'm glad you got your border problem worked out. For those of you who don't know how to solve this problem, the easiest way is to create a new class in your style sheet that controls the border around images contained within the photoright class. So if you wanted a 1 pixel black border around such images you would add the following to your style sheet. .photoright img {border: 1px solid #000000; padding:0; margin:0;} This will put the border around the image only.

By: Vincent @ Office Tips and Tricks

Vincent @ Office Tips and Tricks — Sun, 13 Jan 2008 17:17:37 +0000

@ Amie, I know what you mean with IE and Firefox problems, I had the same issues. I was struggling with the colors of my border. It was different in several browsers when I wanted it to be the same. It was a small designer nightmare;). This should be known by every webmaster. Although it belongs to the basics of web design, it sure is nice to read it again. Thanks for pointing it out again. Vincent The World of Office Tips and Tricks.

By: Amie

Amie — Thu, 10 Jan 2008 03:11:53 +0000

Oops -- one typo was the source of the problem! Didn't affect IE but caused problems in Firefox. My borders are working again...thanks for post!

By: Amie

Amie — Thu, 10 Jan 2008 03:03:47 +0000

Very helpful, thanks! A question: what if I want a border around my image? I've tried it a couple of different ways and end up with a border around the overall dimensions (including the padding). It seems like it should be simple, but I'm stumped!

By: David

David — Sat, 05 Jan 2008 00:10:37 +0000

My husband likes photography so much. He will surely like your post because this will really help him more understand about positioning of photos. Thanks for the great post.

By: Sam Wilkinson

Sam Wilkinson — Fri, 04 Jan 2008 02:27:19 +0000

This is a good tip on the float attribute. I too have been playing around with this computer articles site that I have been designing. It took me a while to fully get my head around some of the coding but it is look good so far