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

HTML+CSS+JavaScript

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

 

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

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

тема: border: 0;margin: 0; padding: 0;
 
 автор: K   (10.07.2009 в 07:47)   письмо автору
 
 

<html>
<head>
<style>
body,table,tr,td,img {
border: 0;
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
}
.bumba {
border: 3px solid red;
}
</style>
</head>
<body>
<table width="100%">
<tr>
<td style="background-color:yellow">
<img class="bumba" src="../images/leftmenu4g.jpg"/>
<img class="bumba" src="../images/leftmenu4g.jpg"/>
</td>
</tr>
<tr>
<td style="background-color:gray">
<img class="bumba" src="../images/leftmenu4g.jpg"/>
<img class="bumba" src="../images/leftmenu4g.jpg"/>
</td>
</tr>
</table>
</body>
</html>
++++++++++++++++
Между изображениями и внизу их желтая или серая полоса. Почему?

  Ответить  
 
 автор: Волки   (10.07.2009 в 10:14)   письмо автору
 
   для: K   (10.07.2009 в 07:47)
 

очччень наглядно все, шучу.
border: 0;margin: 0; padding: 0;
браузеры это не поймут, для margin и padding всегда надо указывать единицы измерения, для border писать none;

  Ответить  
 
 автор: AlexSol   (10.07.2009 в 10:37)   письмо автору
 
   для: Волки   (10.07.2009 в 10:14)
 

>для margin и padding всегда надо указывать единицы измерения

а если подумать?

  Ответить  
 
 автор: K   (10.07.2009 в 10:50)   письмо автору
 
   для: Волки   (10.07.2009 в 10:14)
 

body,table,tr,td,img {
border: none;
margin: 0px;
padding: 0px;
}

не помогло

  Ответить  
 
 автор: PAT   (10.07.2009 в 11:31)   письмо автору
 
   для: Волки   (10.07.2009 в 10:14)
 

<td style="background-color:gray; padding: 0"
><img class="bumba" src="../images/leftmenu4g.jpg"
/><img class="bumba" src="../images/leftmenu4g.jpg"
/></td>

  Ответить  
 
 автор: Madman   (10.07.2009 в 19:55)   письмо автору
 
   для: Волки   (10.07.2009 в 10:14)
 

Кажется 0 - он и в Африке 0!!! =) И абсолютно пофиг чего именно 0 =)

  Ответить  
 
 автор: Madman   (10.07.2009 в 19:54)   письмо автору
 
   для: K   (10.07.2009 в 07:47)
 

>Между изображениями и внизу их желтая или серая полоса. Почему?

Потому, что:
1. У вас есть перенос строки между изображениями, что равносильно пробелу.
Т.е. переписываем код примерно так
<td style="background-color:yellow"><img class="bumba" src="../images/leftmenu4g.jpg"/><img class="bumba" src="../images/leftmenu4g.jpg"/></td>

2. Чтобы убить нижнюю полоску, пишем в стили
img {vertical-align:top}


Все!

  Ответить  
 
 автор: K   (12.07.2009 в 08:20)   письмо автору
 
   для: Madman   (10.07.2009 в 19:54)
 

Спасибо, помогло. "

  Ответить  
Rambler's Top100
вверх

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