PDA

View Full Version : A very minor problem with css on this webpage



armen
Oct 7th, 2009, 02:59 PM
Hi coders,
I'm kinda confused with this problem im having. This is the website:

http://www.warplayart.com/Shekamoo/cake_1.2.5/categories/index/cat_id:2

the orange list of items in the middle, have a picture and a link/rate/description. I can't the last three to move up a bit to align with the picture on the left.

The related css file is named list_places.css
and each orange box is a div id = "single_place".

-Thanks in advance.

abduraooft
Oct 7th, 2009, 03:19 PM
There's a <br> in between the anchor and <p>. Remove it first and change your CSS like

.single_place {/*list_places.css (line 2)*/
background-color:Orange;
clear:left;
margin:0.3em;
overflow:auto; /* refer www.quirksmode.org/css/clearing.html*/
padding:5px;
position:relative;
}

Excavator
Oct 7th, 2009, 04:45 PM
Hello armen,
I wasn't fast enough with the <br> but I did find something I thought might help so I came back. Have a look at these examples - http://nopeople.com/CSS/image%20captions/index.html

armen
Oct 7th, 2009, 06:21 PM
thank you both very much. I should get more sleep before posting.