Jump to content
  • 0

dd и background


wowkas
 Share

Question

Использую списки http://htmlbook.ru/html/dd вот такие.

Хочу тегу придать background, в Chrome работат, а вот в других браузерах нет.

Не пойму почету.

dl.obiektu  {
width:100%;
overflow:hidden;
margin:0 0 15px 0;
}
dl.obiektu dt, dl.obiektu dt h4 {
font-size:16px;
font-weight:bold;
display:block;
clear:both;
line-height:35px!important;

}
dl.obiektu dt {
padding-top:5px;
}
dl.obiektu dd {
width:40%!important;
float:left!important;
background: url(../images/li.gif) no-repeat left 9px;
padding: 0 0 0 25px;
margin: 0 0 0 20px;
}

Link to comment
Share on other sites

20 answers to this question

Recommended Posts

  • 0

http://geveya.aplus-records.com/about/ вот страница.

Да там стоит флоат, мне нжно что бы список разбивался на 2-е части.

width:40%;

float:left;

Оказывается действительно, проблема в float.

Как можно по другому решить разбиение на две колонки?

Проблема решена, background не нужно задавать значение left. Вместо left я поставил 0 и всё заработало ;)

background: url(../images/li.gif) no-repeat 0 9px;

Edited by wowkas
Link to comment
Share on other sites

  • 0

FF 3.6, FF 4.0b, Opera 11, IE9 во всех режимах — картинка-тире показывается (хотя в IE чуть подтормаживает). Но dl/dt/dd тут совершенно не в кассу. Обычный ul/li c тем же width:40%; float:left; и clear для четных пунктов (или display: inline-block вместо float, тогда clear не нужен) прекрасно разложится в две колонки, а по смыслу подойдет на порядок лучше.

Link to comment
Share on other sites

  • 0

Тогда для чего используют? dl/dt/dd

Мне очень удобно использовать не для меню вот такого типа списки...

Там можно в двух строчках задать и Заглавный текст не плодя всяких <span> <h1.....6>

Link to comment
Share on other sites

  • 0
Там можно в двух строчках задать и Заглавный текст не плодя всяких <span> <h1.....6>

На обсуждаемой странице же всё равно <h4> используется. Причем в FF4, по показаниям файрбага, он вываливается из dt (и правильно делает). Так зачем там этот dt вообще, что он добавляет?

Link to comment
Share on other sites

  • 0

Вовкас, валидность не самоцель. Проверку валидатором проходят даже табличная чушь и дивный суп. Это всего лишь свидетельствует об отсутствии грубых синтаксических ошибок.

Link to comment
Share on other sites

  • 0
Вовкас, валидность не самоцель. Проверку валидатором проходят даже табличная чушь и дивный суп. Это всего лишь свидетельствует об отсутствии грубых синтаксических ошибок.

Да, валидность - это чушь собачая. Нужна лишь для заказчиков, которые слышали, что это круто и для великих семантов. Если валидностью можно пожертвовать (и при этом она вообще никак не испортит вёрстку), ради цели, я это сделаю не задумываясь.

Хотя я стараюсь всегда всё делать хорошо ;)

Link to comment
Share on other sites

  • 0
Ну, Макс, это ты загнул! ;)

Почему загнул? Например я прописываю префиксы для браузеров ради того, чтобы в фф работали закругления. При этом валидность теряется, но не портит вёрстки. Вопрос: нахер она нужна в таком случае?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy