С нами с 29.09.06
Сообщения: 1127
Рейтинг: 1237
|
 Добавлено: 09/12/09 в 23:46 |
при открытии сиджа в ФФ и опере тумбы открываются ужастно т.е диз растягивается как гармонь по мере открытия тумб.. и такое ошющение что бордер не 1 а больше похоже на 2...и при наведении на тумбы они шавелятся  из за того что бордер сменяется на истинную однерку
в ИЕ все нормально и бордер и тумбы открываются сразу вразмере
кто знает как поправить?
стиль
| Код: |
A.thumbs IMG {
BORDER-RIGHT: #CCCCCC 1px solid;
BORDER-TOP: #CCCCCC 1px solid;
BORDER-LEFT: #CCCCCC 1px solid;
BORDER-BOTTOM: #CCCCCC 1px solid;
width: 230px;
height: 173px;
}
A.thumbs:hover IMG {
BORDER-RIGHT: #FFFFCC 1px dashed; BORDER-TOP: #FFFFCC 1px dashed; BORDER-LEFT: #FFFFCC 1px dashed; BORDER-BOTTOM: #FFFFCC 1px dashed
}
|
тумбы
| Код: | | <td><a href="" class="thumbs"><img src=""></a></td> |
Последний раз редактировалось: Man of war (09/12/09 в 23:49), всего редактировалось 1 раз
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 09/12/09 в 23:48 |
Жёсткие размеры всем элементам таблицы должны помочь. Ещё лучше - переверстать блочно, будет больше толку.
|
|
|
|
| |
• HandMade Design •
С нами с 12.07.04
Сообщения: 891
Рейтинг: 328
|
| Добавлено: 09/12/09 в 23:49 |
задавай размер картинки заранее
<td><a href="" class="thumbs"><img src="" width="" height=""></a></td>
|
|
|
|
| |
С нами с 29.09.06
Сообщения: 1127
Рейтинг: 1237
|
| Добавлено: 09/12/09 в 23:51 |
знаю этот вариант- но как бы он задерживает загрузку сиджа?
|
|
|
|
| |
♣ MAFIA ♣
С нами с 03.07.07
Сообщения: 1657
Рейтинг: 2246
|
| Добавлено: 10/12/09 в 06:57 |
сейчас прогресс дошел до того что средняя скорость интернета в европе - порядка 10 или 20 мбит, в штатах не сомневаюсь что примерно также или лучше
время загрузки сиджа (визуально для юзера) одинаково уже при скорости его инета в 1мбит, так что ты хоть в одну таблицу запихай весь сидж - не будет особой разници в скорости его загрузки
по сему +1 за то чтобы жестко прописать размеры ячеек или самих тумб в хтмл
|
|
|
|
Директор Порно Добывающего и Порно Перерабатывающего Комбината (ПДППК)
Я - люблю сиджепида!
|
6
|
|
| |
Любитель хорошего ;)
С нами с 08.06.07
Сообщения: 16151
Рейтинг: 6269
|
| Добавлено: 10/12/09 в 07:21 |
| Manowar писал: | | знаю этот вариант- но как бы он задерживает загрузку сиджа? |
Не настолько, чтобы им пренебрегать. 
Считай одна-две лишние тумбы грузятся.
Либо попробовать убрать все альты, но это не лучший вариант, имхо.
|
|
|
|
| |
С нами с 04.01.07
Сообщения: 37
Рейтинг: 53
|
| Добавлено: 10/12/09 в 09:46 |
не много не в тему топика, но не могу пройти мимо...
рекомендую оптимизировать и убрать лишнее в css-е 
html:
| Код: | | <td class="thumbs"><a href=""><img src=""></a></td> |
или даже не для каждого td а вообще для всей table (где стоят тумбы) указать класс thumbs, что еще более уменьшит(улучшит) код.
css:
| Код: |
.thumbs a{
width: 230px;
height: 173px;
display: block;
}
.thumbs a img {
BORDER: #CCCCCC 1px solid;
}
.thumbs a:hover img {
BORDER: #FFFFCC 1px dashed;
}
|
|
|
|
|
| |
С нами с 29.09.06
Сообщения: 1127
Рейтинг: 1237
|
| Добавлено: 10/12/09 в 09:50 |
ок
всем +
|
|
|
|
| |
С нами с 29.09.06
Сообщения: 1127
Рейтинг: 1237
|
| Добавлено: 10/12/09 в 09:56 |
adde.biz: как ты указал в ФФ вообще не работает рамка при наведении
|
|
|
|
| |
С нами с 04.01.07
Сообщения: 37
Рейтинг: 53
|
| Добавлено: 10/12/09 в 10:07 |
Manowar сделал пример. ИЕ ФФ Опера Хром - всё работает. правда, размер тумб другой. но разберёшься ж ведь.
| Код: |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
.thumbs a{
width: 240px;
height: 180px;
display: block;
}
.thumbs a img {
BORDER: 1px solid #FF0000;
}
.thumbs a:hover img {
BORDER: 1px dashed #0000FF;
}
-->
</style>
</head>
<body>
<table border="0" cellpadding="2" cellspacing="0" class="thumbs">
<tr>
<td><a href="#"><img src="t.jpg"></a></td>
<td><a href="#"><img src="t.jpg"></a></td>
</tr>
<tr>
<td><a href="#"><img src="t.jpg"></a></td>
<td><a href="#"><img src="t.jpg"></a></td>
</tr>
</table>
</body>
</html>
|
|
|
|
|
| |
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте! |
