Помощник
|
Кривое отображение блоков Li в Ie6, Опять IE6 |
borod
|
Сообщение
#1
|
||
|
|
||
|
|||
borod
|
Сообщение
#2
|
|
Поставил хак для IE 6
#header_user li#your_account { _position: absolute; _right: 168px; _top: 91px} Всё заработало! |
|
|
Пират_hb |
10.12.2010, 19:24;
Ответить: Пират_hb
Сообщение
#3
|
|
Тоже проблема отображение в ие. Товарищи помогите исправить:
Вот так должно отображаться, и отображается в браузерах(гугл,фаер): http://www.moto-hobby.ru/accessories/1.png А вот так не надо как в ие отображается и нужно как-то исправить: http://www.moto-hobby.ru/accessories/2.png [CSS] div.brands_group {margin-bottom: 20px;} div.brands_group a { display:inline-block; width: 124px; height: 155px; margin: 0 30px 10px 0; text-align: center; text-decoration: none; background: url(image/image1/back_cat_list_sprite.gif) no-repeat 2px 0; font-family: tahoma, arial, sans-serif; font-size: 70%; color: #406090; font-weight: bold } div.brands_group a:hover { background-position: 2px -200px;} div.brands_group img {padding: 9px 9px 4px 9px; margin-bottom: 10px;} br.clear { clear: both;} [/CSS] |
|
|
FightInGlory |
10.12.2010, 19:44;
Ответить: FightInGlory
Сообщение
#4
|
|
Структуру не покажите?
|
|
|
Пират_hb |
10.12.2010, 20:25;
Ответить: Пират_hb
Сообщение
#5
|
|
Структуру не покажите? Это? <div id="brands_group" class="brands_group">
<a href="/accessories/index_kofri.html"><img src="image/image1/kofri.jpg" border="0" /><br /> Кофры</a> <a href="/accessories/nakleiki.html"><img src="image/image1/nakleiki.jpg" border="0" /><br /> Наклейки</a> <a href="/accessories/setki.html"><img src="image/image1/setki.jpg" border="0" /><br /> Сетки</a> <a href="/accessories/chexli.html"><img src="image/image1/chexol.jpg" border="0" /><br /> Чехлы</a> <a href="/accessories/gryziki.html"><img src="image/image1/gryziki.jpg" border="0" /><br /> Грузики руля</a> <a href="/accessories/zamki.html"><img src="image/image1/gryziki.jpg" border="0" /><br /> Противоугонные замки</a> <br class="clear" /> </div> |
|
|
FightInGlory |
11.12.2010, 12:24;
Ответить: FightInGlory
Сообщение
#6
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style> div.brands_group {margin-bottom: 20px;} .brands_group img{ border:0; } div.brands_group a { float:left; width: 124px; height: 155px; margin: 0 30px 10px 0; text-align: center; text-decoration: none; background: url(image/image1/back_cat_list_sprite.gif) no-repeat 2px 0; font-family: tahoma, arial, sans-serif; font-size: 70%; color: #406090; font-weight: bold; border:1px solid red; } div.brands_group a:hover { background-position: 2px -200px;} div.brands_group img {padding: 9px 9px 4px 9px; margin-bottom: 10px;} br.clear { clear: both;} </style> </head> <body> <div id="brands_group" class="brands_group"> <a href="/accessories/index_kofri.html"> <img src="test.png" alt="" /> <br/> Кофры </a> <a href="/accessories/nakleiki.html"> <img src="test.png" alt="" /> <br/> Наклейки </a> <a href="/accessories/setki.html"> <img src="test.png" alt="" /> <br/> Сетки </a> <a href="/accessories/chexli.html"> <img src="test.png" alt="" /> <br/> Чехлы </a> <a href="/accessories/gryziki.html"> <img src="test.png" alt="" /> <br/> Грузики руля </a> <a href="/accessories/zamki.html"> <img src="test.png" alt="" /> <br/> Противоугонные замки </a> <br class="clear"/> </div> </body> </html> Уберете красный бордер и поменяете линки на картинки. Я убрал бордеры у картинок, прописал в css и вписал в картинки атрибут atl="" это для валидации. Вообще если можно вместо <img src="..." alt=""/> используйте какой-то контейнер скажем <span> ему ставите размеры и display:block, и пихаете в него фон, который будет хранить все картинки и позицией подставляйте. Почему так лучше, потому что это будет один запрос на сервер, а не 6 как у вас. Если вам такое нужно, но вы не знаете как сделать или не поняли, пишите. |
|
|
Пират_hb |
11.12.2010, 13:10;
Ответить: Пират_hb
Сообщение
#7
|
|
Попробовал данным способ, изменив css. Получил эффект ie во все браузерах.!
Дописал атрибут margin-top:5px; в div.brands_group img в ie стало получше, приблизительно как и во остальных браузерах. А как прописать это условия только для браузера ie? |
|
|
Пират_hb |
11.12.2010, 13:37;
Ответить: Пират_hb
Сообщение
#8
|
|
|
Победил я эту гадость))
Дописал в div.brands_group img: [CSS] //margin-top:5px; /* для ie*/ //margin-bottom: 20px; /* для ie*/ [/CSS]
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ | 0 | Dark_process | 993 | 7.11.2022, 13:48 автор: Dark_process |
|
Отображение нужного блока при клике. | 0 | bhtml | 1649 | 10.7.2020, 15:18 автор: -bhtml- |
|
Нужен дизайнер для прорисовки блоков на сайте | 3 | kolyas | 1581 | 12.5.2020, 21:24 автор: kolyas |
|
Правила обертывание блоков | 1 | sergei_burg | 5588 | 17.10.2016, 19:34 автор: -Degradator- |
|
Растягивание блоков ,оцентровка | 2 | DONit09 | 6066 | 16.5.2016, 17:57 автор: -DONit09- |
Текстовая версия | Сейчас: 29.3.2024, 10:25 |