| |
|
|
| | В каждой ячейке должно быть свое изображение и надпись на нем.
<body>
<table width="100%">
<tr>
<td style="position:static;">
<img width="300" height="49" src="images/topmenu0.gif"/>
<a href="#" style="position:absolute;top:1px;left:1px;width:300px;height=49px;">
NEWS
</a>
</td>
</tr>
<tr>
<td style="position:static;">
<img width="300" height="49" src="images/topmenu0.gif"/>
<a href="#" style="position:absolute;top:1px;left:1px;width:300px;height=49px;">
0123456789
</a>
</td>
</tr>
</table>
</body>
Но вместо этого со всех ячеек все надписи собираются в левом верхнем углу браузера. Почему? | |
| |
|
|
| |
|
|
| |
для: K
(01.06.2007 в 18:24)
| | |
<table width="100%">
<tr>
<td><img width="300" height="49" src="images/topmenu0.gif"/>
<div style="position:absolute; left:14px; width:300px;height:49px;">
<a href="#">NEWS</a>
</div>
</td>
</tr>
<tr>
<td><img width="300" height="49" src="images/topmenu0.gif"/>
<div style="position:absolute; left:14px; width:300px;height:49px;">
<a href="#">0123456789</a>
</div>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: corbis
(01.06.2007 в 18:53)
| | | Для FireFox не работает, только для Explorer работает. А если ввести еще и top:14px; , то не работает и в Explorer. | |
| |
|
|
| |
|
|
| |
для: K
(01.06.2007 в 18:24)
| | | можно добавить примерно следующие стили
<style>
table td{
position:relative;
}
</style>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(01.06.2007 в 19:30)
| | | Заработала скотина и в FireFox, и в Explorer, но пришлось ввести <div>
<body>
<table width="100%">
<tr>
<td>
<div style="position:relative;">
<img width="300" height="49" src="images/topmenu0.gif"/>
<a href="#" style="position:absolute; top:10px; left:14px;">
NEWS
</a>
</div>
</td>
</tr>
<tr>
<td>
<div style="position:relative;">
<img width="300" height="49" src="images/topmenu0.gif"/>
<a href="#" style="position:absolute; top:10px; left:14px;">
0123456789
</a>
</div>
</td>
</tr>
</table>
</body> | |
| |
|
|
