Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: В Internet Explorer не показывает изображения, которые подключаются как background
 
 автор: Dizels   (18.02.2007 в 19:22)   письмо автору
 
 


<html>
<head>
<title> Заголовок страницы </title>
<meta name="description" content='Описание сайта'>
<meta name="keywords" content='Ключевые слова'>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body bgcolor="#EDD9B0">

<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr background="http://localhost/kanat/img/2_01.jpg">
<td align="left"><img src=" http://localhost/kanat/img/1_01.jpg"></td>
<td><img src=" http://localhost/kanat/img/1_02.jpg"></td>
<td><img src=" http://localhost/kanat/img/1_03.jpg"></td>
<td><img src=" http://localhost/kanat/img/1_04.jpg"></td>

</tr>
<tr background="http://localhost/kanat/img/1_06.jpg">
<td width="433"></td>
<td><img src=" http://localhost/kanat/img/1_08.jpg"></td>
<td><img src=" http://localhost/kanat/img/1_09.jpg"></td>
<td><img src=" http://localhost/kanat/img/1_10.jpg"></td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" width="190" valign="top">


<table border="0" cellpadding="0" cellspacing="0" bgcolor="#EDD9B0" align="left">

<tr>
<td>


<center><b>Меню:</b></center>

<center>
<a href="start.php?mod=mod1">Главная</a><br>
<a href="start.php?mod=mod2">Новости</a><br>
<a href="start.php?mod=mod3">Галерея</a><br>
<a href="start.php?mod=mod7">Услуги</a><br>
<a href="start.php?mod=mod4">О нас</a><br>
<a href="start.php?mod=mod5">Статьи</a><br>
<a href="start.php?mod=mod6">Контакты</a><br>
</center>

</td>
</tr>

<tr valign="bottom">
<td>


<table border="0" cellpadding="0" cellspacing="0" bgcolor="#EDD9B0">
<tr>
<td colspan="2"><img src=" http://localhost/kanat/img/4_02.jpg"></td>
</tr>

<tr>
<td width="105" height="44"><img src=" http://localhost/kanat/img/4_04.jpg"></td>
<td><img src=" http://localhost/kanat/img/4_05.jpg"></td>
</tr>

<tr>
<td colspan="2"><img src=" http://localhost/kanat/img/4_06.jpg"></td>
</tr>
</table>

</td>
</tr>
</table>

</td><td width="10"></td><td valign="top">

 ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ  ТЕКСТ 

</td><td width="10"></td><td align="right" width="190" valign="top">

<center>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#EDD9B0" valign="bottom">
<tr>
<td><img src=" http://localhost/kanat/img/5_03.jpg"></td>
</tr>
<tr>
<td><img src=" http://localhost/kanat/img/5_04.jpg"></td>
</tr>
<tr>
<td><img src=" http://localhost/kanat/img/5_05.jpg"></td>
</tr>
<tr>
<td><img src=" http://localhost/kanat/img/5_06.jpg"></td>
</tr>
<tr>
<td><img src=" http://localhost/kanat/img/5_07.jpg"></td>
</tr>
</table>

</td></tr></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr bgcolor="#EDD9B0">
<td align="left"><img src=" http://localhost/kanat/img/3_02.jpg"></td>
<td></td>
<td></td>
<td align="right"><img src=" http://localhost/kanat/img/3_05.jpg"></td>
</tr>
</table>




<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#7D5B11">
<td align="left" width="114"><img src=" http://localhost/kanat/img/3_06.jpg"></td>
<td align="left" width="92"><img src=" http://localhost/kanat/img/3_07.jpg"></td>
<td align="left" width="180"><img src=" http://localhost/kanat/img/3_08.jpg"></td>
<td align="center">

<font size=2 color="#ffffff">
&#169 2006-2007г. Разработка и дизайн сайта: студия - дизайна Dizels.<br>
&#169 2006-2007г. Все права защищены.
</font>

</td>
<td align="right"><img src=" http://localhost/kanat/img/3_10.jpg"></td>
</tr>

</table>

</center>
</body>
</html>


это страница, которую я сейчас верстаю, так вот, в Опере все показывает как надо, а вот в Эксплорере - не показывает изображения, которые подключаются как background

почему так и как исправить?

   
 
 автор: NovikovMA   (18.02.2007 в 20:19)   письмо автору
 
   для: Dizels   (18.02.2007 в 19:22)
 

не уверен, но помоему надо писать путь не так, а , например
C:\server\www\img\тра-та-та.jpg

   
 
 автор: ddhvvn   (18.02.2007 в 20:25)   письмо автору
 
   для: NovikovMA   (18.02.2007 в 20:19)
 

Лучше вооще заменить на

<tr style="background-image: url('http://localhost/kanat/img/картинка.gif')">

   
 
 автор: Dizels   (18.02.2007 в 20:39)   письмо автору
 
   для: ddhvvn   (18.02.2007 в 20:25)
 

Со стилями я пока не дружу:(
Почему тогда в Опере все нормально показывает?

   
 
 автор: Dizels   (18.02.2007 в 21:13)   письмо автору
 
   для: Dizels   (18.02.2007 в 20:39)
 

Ребят, может еще кто-нибудь что-то подскажет? Очень надо!

   
 
 автор: Dizels   (18.02.2007 в 21:21)   письмо автору
 
   для: Dizels   (18.02.2007 в 21:13)
 


<tr style="background-image: url('http://localhost/kanat/img/картинка.gif')">


Сделал так и помогло, но вот только кто мне объяснит почему не работало так как я делал?

И попутный вопрос: когда нужно выровнять поверху мы пишем valign=top, а если по низу?

   
 
 автор: elenaki   (19.02.2007 в 11:34)   письмо автору
 
   для: Dizels   (18.02.2007 в 21:21)
 

когда нужно выровнять поверху мы пишем valign=top, а если по низу?
==================================
выравнивание по нижнему краю: vailgn=bottom

а не работало, потому что вставляете фон в строку. а надо - в ячейку. (если с background)

   
 
 автор: gLip   (19.02.2007 в 11:31)   письмо автору
 
   для: Dizels   (18.02.2007 в 19:22)
 

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

   
 
 автор: Dizels   (19.02.2007 в 23:33)   письмо автору
 
   для: gLip   (19.02.2007 в 11:31)
 


выравнивание по нижнему краю: vailgn=bottom


Тогда вопрос такой: почему не работает выравнивание? Я его выделил в первом сообщении в конце кода страницы

   
 
 автор: Dizels   (19.02.2007 в 23:34)   письмо автору
 
   для: Dizels   (19.02.2007 в 23:33)
 

Выделить не получилось:( вот кусок кода:


<table border="0" cellpadding="0" cellspacing="0" bgcolor="#EDD9B0" valign="bottom"> 
<tr> 
<td><img src=" http://localhost/kanat/img/5_03.jpg"></td> 
</tr> 
<tr> 
<td><img src=" http://localhost/kanat/img/5_04.jpg"></td> 
</tr> 
<tr> 
<td><img src=" http://localhost/kanat/img/5_05.jpg"></td> 
</tr> 
<tr> 
<td><img src=" http://localhost/kanat/img/5_06.jpg"></td> 
</tr> 
<tr> 
<td><img src=" http://localhost/kanat/img/5_07.jpg"></td> 
</tr> 
</table>

   
 
 автор: retsoul   (19.02.2007 в 23:39)   письмо автору
 
   для: Dizels   (19.02.2007 в 23:34)
 

А пробовал вносить valign="bottom" в тег <td>?

Вместо абсолютных путей можно использовать относительные. Тогда при переносе сайта в интернет или в другое место, не придётся утомительно менять все ссылки.

   
 
 автор: Explicito   (20.02.2007 в 10:29)   письмо автору
 
   для: Dizels   (19.02.2007 в 23:34)
 

Верно подметил Retsoul, советую подучить CSS, очень гибкий механизм, уверен, что он Вам понравится, тем более если Вы занимаетесь вёрсткой, тогда без него никак.
очень удобно во внешнем файле стилей, прописать параметры фона, например:
.bg_1 { background-image: url('images/image_1.gif'); background-repeat: no-repeat; width: 770px; height: 779px; background-position: right bottom;}
и в html-е использовать имя класса
<td class="bg_1"><td>
достаточно много полезной информации по вёрстке, тут: http://www.htmlbook.ru/css/
советую почитать)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования