| |
|
|
| | Dobrogo. Kak mojno zaficsirovati logotip poverx granici tablici?
mikeymouse.md
Sei4as on siezjaet. | |
| |
|
|
| |
|
|
| |
для: oli
(22.02.2011 в 14:33)
| | | Никогда не видел такого транслита:)
Для ячейки таблицы пропишите
style="vertical-align: top;"
|
| |
| |
|
|
| |
|
|
| |
для: SHAman
(22.02.2011 в 14:37)
| | | S ruminskogo eazika translit...delo p tom 4to logo doljen biti ne v ea4eike tablici a na peresecenii verhnei granici. | |
| |
|
|
| |
|
|
| |
для: OLi
(22.02.2011 в 15:08)
| | | Курите про:
position: relative;
position: absolute;
z-index
и отрицательные margin.
Больше по предоставленным вами данным ничего посоветовать нельзя. | |
| |
|
|
| |
|
|
| |
для: SHAman
(22.02.2011 в 15:41)
| | | kuril eti veshi - v mozilla pri bolishem razreshenii ekrana logo cpolzaet daleko vlevo
.logo { z-index:1; position: absolute; top:50px; left:150px}
|
vot sait mickeymouse.md | |
| |
|
|
| |
|
|
| |
для: OLi
(22.02.2011 в 15:53)
| | | Чтобы позиционировать элемент (absolute) не относительно окна браузера, а относительно родительского элемента, надо, чтобы родитель уже был спозиционирован. В Вашем случае, достаточно таблице сказать, что она position:relative (не надо задавать при этом никаких смещений), а логотип вписать в левую верхнюю ячейку со свойством position:absolute и смещением на необходимое расстояние в минус. | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(22.02.2011 в 16:05)
| | | Пытался,
css .logo { z-index:1; position: absolute; top:50px; left:150px }
|
Все равно лого уходит
Вот вставил в первую ячейку таблицы - верхнюю
<table border="0" cellspacing="0" cellpadding="0" align="center" style="width: 1003px; height: 100%; position:relative">
<tr>
<td colspan="4" align="left" valign="top" style="width: 100%; height: 58px; background: url(images/main_p.png) top left no-repeat;">
<div class="logo"><a href="http://mickeymouse.md"><img src="images/logo.png" border="0"></a></div>
.....код....
|
| |
| |
|
|
| |
|
|
| |
для: OLi
(22.02.2011 в 17:52)
| | | Да, я действительно фигню сморозил. С таблицей такие трюки не проходят. Но тогда достаточно оставить лого в первой ячайке таблицы и сказать ему position:relative, задав смещение.относительно лева и верха, тогда он прилипнет к верхнему левому углу таблицы на нужном расстоянии.
<TABLE style="width:50%" align=center border=1>
<TR>
<TD>
<div style='position:relative; left:150px; top:50px;'><img src="http://mickeymouse.md/images/logo.png"></div>
</TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
|
| |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(22.02.2011 в 18:41)
| | | Не получается - он растягивает эту ячейку и всталяется между | |
| |
|
|
| |
|
|
| |
для: OLi
(22.02.2011 в 19:03)
| | | Т-е спозиционировать получается как надо, но при уменьшении масштаба страницы - логотип все же сползает | |
| |
|
|
| |
 52.4 Кб |
|
| |
для: OLi
(22.02.2011 в 23:04)
| | | Тогда экстренный метод! Вписываем таблицу в div. Лого выносим из таблицы и делаем его братом таблицы, дочкой этого дива. Сам див позиционируем относительно без смещения, а слой с лого - абсолютно (сиречь относительно родительского слоя).
Вот код (не сильно валидный и совсем без доктайпа):
<html>
<head>
<title></title>
</head>
<body style="padding:100px">
<center>
<div style='position:relative; width:1003px; border:1px solid red'>
<div style='position:absolute; left:-50px; top:-50px;'><img src="http://mickeymouse.md/images/logo.png"></div>
<TABLE style="width:1003px; height:300px;" align=center border=1>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</div>
</center>
</body>
</html>
|
В приложении - скриншот, при максимальном увеличении и уменьшении в ФФ 3.6.13 под виндовс. | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(23.02.2011 в 01:32)
| | | Благодарчик, хороший ход... | |
| |
|
|
