Проблемы с новой строкой CSS

Question

Я пытаюсь создать шаблон breezebrowser (используется для генерации галерей изображений локально, выводит HTML). Я взял HTML из своего шаблона Wordpress и смог создать следующую галерею http://uploads.peasyphotos.com/20100607t-candids/gallery/, но каждое изображение идет по новой строке, и я не знаю, почему, я полагаю, это в CSS. Что я должен искать в CSS, чтобы попытаться остановить это, или что я могу поместить вокруг моего кода шаблона, чтобы отключить CSS для этой части?

Благодаря

Answer 1

Так что я уже получил ответ для Возможное вас.

Сначала вы должны добавить этот CSS-стили в теге картин:

display: inline-block; 
height: 150px; 
widht: 150px; 
text-align: center; 
vertical-align: top; 

Он работает с Firefox 3.6. Я не уверен, что он будет работать с oure lovley IE: P

Надеюсь, я смогу помочь!

Answer 2

В вас CSS файлы, у вас есть один файл с именем reset.css. На строке номер 57 у вас есть одна строка, называемая блоком отображения. прокомментируйте это. не может быть красивым видом. но изображения не будут идти следующей строкой.

Answer 3

Для элемента привязки, имеющего фотографии, используйте поплавок следующим образом. Это позаботится.

float:left; 

Answer 4

У вашего родительского якоря-тега изображения нет правильного css. Поместите изображения классов поверх тегов привязки и используйте для них следующий css.

a.images { 
border-bottom:1px solid #D8048D; 
color:#D8048D; 
display:block; 
float:left; 
height:159px; 
margin:0 10px; 
text-decoration:none; 
width:100px; 
} 

Answer 5

Во-первых, я бы порекомендовал validating your html.

Во-вторых, я бы предложил помещать изображения в элемент контейнера какого-то типа: возможно, неупорядоченный список. Существуют серьезные проблемы с доступностью, связанные с тем, что серия ссылок работает как таковая, без разделения символов без пробелов.

В-третьих, я хотел бы использовать класс CSS в списке, и стиль его так:

ul.gallery { list-style: none} 
ul.gallery li { float: left; clear: none; list-style: none}