Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Сидж открывается как гармонь
цитата
09/12/09 в 23:46
 Man of war
при открытии сиджа в ФФ и опере тумбы открываются ужастно т.е диз растягивается как гармонь по мере открытия тумб.. и такое ошющение что бордер не 1 а больше похоже на 2...и при наведении на тумбы они шавелятся smail101.gif из за того что бордер сменяется на истинную однерку
в ИЕ все нормально и бордер и тумбы открываются сразу вразмере
кто знает как поправить?

стиль
Код:

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 раз
цитата
09/12/09 в 23:48
 erobrand
Жёсткие размеры всем элементам таблицы должны помочь. Ещё лучше - переверстать блочно, будет больше толку.
цитата
09/12/09 в 23:49
 Spander
задавай размер картинки заранее
<td><a href="" class="thumbs"><img src="" width="" height=""></a></td>
цитата
09/12/09 в 23:51
 Man of war

знаю этот вариант- но как бы он задерживает загрузку сиджа?
цитата
10/12/09 в 06:57
 Foxy Babe
сейчас прогресс дошел до того что средняя скорость интернета в европе - порядка 10 или 20 мбит, в штатах не сомневаюсь что примерно также или лучше

время загрузки сиджа (визуально для юзера) одинаково уже при скорости его инета в 1мбит, так что ты хоть в одну таблицу запихай весь сидж - не будет особой разници в скорости его загрузки

по сему +1 за то чтобы жестко прописать размеры ячеек или самих тумб в хтмл
цитата
10/12/09 в 07:21
 goodlover
Manowar писал:
знаю этот вариант- но как бы он задерживает загрузку сиджа?

Не настолько, чтобы им пренебрегать. smail54.gif
Считай одна-две лишние тумбы грузятся.
Либо попробовать убрать все альты, но это не лучший вариант, имхо.
цитата
10/12/09 в 09:46
 adde.biz
не много не в тему топика, но не могу пройти мимо...
рекомендую оптимизировать и убрать лишнее в css-еicon_smile.gif

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;
}
цитата
10/12/09 в 09:50
 Man of war
ок
всем +
цитата
10/12/09 в 09:56
 Man of war
adde.biz: как ты указал в ФФ вообще не работает рамка при наведении
цитата
10/12/09 в 10:07
 adde.biz
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>



Эта страница в полной версии