|
|
|
| <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>
++++++++++++++++
Между изображениями и внизу их желтая или серая полоса. Почему? | |
|
|
|
|
|
|
|
для: K
(10.07.2009 в 07:47)
| | очччень наглядно все, шучу.
border: 0;margin: 0; padding: 0;
| браузеры это не поймут, для margin и padding всегда надо указывать единицы измерения, для border писать none; | |
|
|
|
|
|
|
|
для: Волки
(10.07.2009 в 10:14)
| | >для margin и padding всегда надо указывать единицы измерения
а если подумать? | |
|
|
|
|
|
|
|
для: Волки
(10.07.2009 в 10:14)
| | body,table,tr,td,img {
border: none;
margin: 0px;
padding: 0px;
}
не помогло | |
|
|
|
|
|
|
|
для: Волки
(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>
|
| |
|
|
|
|
|
|
|
для: Волки
(10.07.2009 в 10:14)
| | Кажется 0 - он и в Африке 0!!! =) И абсолютно пофиг чего именно 0 =) | |
|
|
|
|
|
|
|
для: 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. Чтобы убить нижнюю полоску, пишем в стили
Все! | |
|
|
|
|
|
|
|
для: Madman
(10.07.2009 в 19:54)
| | Спасибо, помогло. " | |
|
|
|