X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Выравнивание картинок
krikaved
krikaved
Topic Starter сообщение 11.6.2010, 20:27; Ответить: krikaved
Сообщение #1


Помогите! Завал с картинками! Почему в Mozilla картинки ровно по центру расположены в каждой ячейке, а в IE они расположены слева? Как это исправить? И почему когда нажимаешь на картинку (она ссылка), то картинка, которая должна появиться в IFRAME сначала блымает? И в IE вокруг этой картинки белый фон, а в Mozilla всё как надо. Может вместо IFRAME нужно что-то другое использовать для просмотра картинок большого размера в том же окне, что и маленькие картинки (ссылки)?
<table align=center border=0>
<tr><td width="370" height="367">
<iframe align=center valign="center" name="foto" width="370" height="367" src="Photos_Gallery/foto_001_big.jpg"
frameborder="0" style="background:#D8BFD8" scrolling=no>
</iframe></td></tr></table>
<br>
<br>
<table width="100%" height="52" align="center" border="10">
<tr>
<th width="75" height="56" bgcolor="#000000"><a href="Photos_Gallery/foto_001_big.jpg" target="foto"><img src="Photos_Gallery/foto_001.jpg" alt="foto_001" width="75" height="56" border="0" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_002_big.jpg"
target="foto"><img src="Photos_Gallery/foto_002.jpg" width="75" height="56" border="0" alt="foto_002" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_003_big.jpg"
target="foto"><img src="Photos_Gallery/foto_003.jpg" width="75" height="56" border="0" alt="foto_003" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_004_big.jpg"
target="foto"><img src="Photos_Gallery/foto_004.jpg" width="75" height="56" border="0" alt="foto_004" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_005_big.jpg"
target="foto"><img src="Photos_Gallery/foto_005.jpg" width="75" height="56" border="0" alt="foto_005" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_006_big.jpg"
target="foto"><img src="Photos_Gallery/foto_006.jpg" alt="foto_006" width="75" height="56" border="0" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_007_big.jpg"
target="foto"><img src="Photos_Gallery/foto_007.jpg" alt="foto_007" width="75" height="56" border="0" /></a></th>
<th width="75" height="56" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_008_big.jpg"
target="foto"><img src="Photos_Gallery/foto_008.jpg" alt="foto_008" width="75" height="56" border="0" /></a></th>
<th width="63" height="75" bgcolor="#000000" scope="col"><a href="Photos_Gallery/foto_009_big.jpg"
target="foto"><img src="Photos_Gallery/foto_009.jpg" alt="foto_009" width="63" height="75" border="0" /></a></th>
</tr>
</table>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Seravin2
Seravin2
сообщение 12.6.2010, 21:01; Ответить: Seravin2
Сообщение #2


влом разбираться, но:
1) юзай css
2) не юзай айфреймы(почему? гугл в помощь)
3) учись сразу же блочной вёрстке а не табличной
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 12.6.2010, 22:12; Ответить: ottaviano
Сообщение #3


(krikaved @ 11.6.2010, 23:27) *
Почему в Mozilla картинки ровно по центру расположены в каждой ячейке, а в IE они расположены слева? Как это исправить?

на каком ИЕ смотрел? у меня на 8 все по центру

(krikaved @ 11.6.2010, 23:27) *
сначала блымает?

а это что значит?

(krikaved @ 11.6.2010, 23:27) *
И в IE вокруг этой картинки белый фон, а в Mozilla всё как надо.

для ифрайм паддинг:0; нужно поставить.

(krikaved @ 11.6.2010, 23:27) *
Может вместо IFRAME нужно что-то

не знаю нужно ли, но можно так:
<style type="text/css">
body{
background-color:#09F;
}
#table{
text-align:center;
width:100%;
}
#table td{
width:170px;
border:5px ridge #666;
}
#table td img{
width:150px;
}
#di{
margin:auto;
padding:0;
display:none;
max-width:500px;
max-height:500px;
overflow:auto;
}
</style>
<script type="text/javascript">
function f(x){
document.getElementById('di').style.display = 'block';
document.getElementById('di').innerHTML = "<img src=\"" + x + "\" alt=\"\"/>";
}
</script>
</head>
<body>
<table id="table">
<tr>
<td>
<img src="../Pictures/1366x768_HD_Wallpaper_202_Zixpk.jpg" id="f1" onclick="f('../Pictures/1366x768_HD_Wallpaper_202_Zixpk.jpg')"/>
</td>

<td>
<img src="../Pictures/1366x768_Zixpk_HD_Wallpaper_228.png" id="f2" onclick="f('../Pictures/1366x768_Zixpk_HD_Wallpaper_228.png')"/>
</td>

<td>
<img src="../Pictures/1366x768_HD_Wallpaper_202_Zixpk.jpg" id="f3" onclick="f('../Pictures/1366x768_HD_Wallpaper_202_Zixpk.jpg')"/>
</td>

<td>
<img src="../Pictures/art_game_scene-1366x768.jpg" id="f4" onclick="f('../Pictures/art_game_scene-1366x768.jpg')"/>
</td>

<td>
<img src="../Pictures/blue_power_button-1366x768.jpg" id="f5" onclick="f('../Pictures/blue_power_button-1366x768.jpg')"/>
</td>
</tr>
</table>
<div id="di">
</div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krikaved
krikaved
Topic Starter сообщение 15.6.2010, 20:56; Ответить: krikaved
Сообщение #4


Смотрел на IE 6.
Ничего не дало для ифрайм паддинг:0, по прежнему белый фон. Может я не так сделал?
<IFRAME ... padding="0">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krikaved
krikaved
Topic Starter сообщение 16.6.2010, 2:48; Ответить: krikaved
Сообщение #5


Как убрать белый фон в IFRAME? Если нет, то можно ли поменять на другой цвет?
P.S. В IE 6 есть этот белый фон, а в Mozilla нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 16.6.2010, 11:06; Ответить: klenovnn
Сообщение #6


http://htmlbook.ru/html/iframe.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krikaved
krikaved
Topic Starter сообщение 16.6.2010, 19:34; Ответить: krikaved
Сообщение #7


(klenovnn @ 16.6.2010, 14:06) *

Ну и что ты дал, там всё равно этого нет!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.6.2010, 22:09; Ответить: locky-yotu
Сообщение #8


krikaved, ты не поверишь, но белый фон - это фон страницы, загруженной в айфрейм. А чкорее всего - паддинги от body

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2633 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4990 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) [ИЩУ] Человека для сбора картинок
4 rokot 3214 4.9.2018, 10:05
автор: Том77
Открытая тема (нет новых ответов) Ссылки с эро картинок хочется
2 RMak 4061 4.2.2018, 23:19
автор: Kriya
Открытая тема (нет новых ответов) Поиск картинок и описания
Фотошоп или powerpoint
1 scorper 1896 8.9.2017, 10:46
автор: scorper


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:56
Дизайн