Позиционирование

RANCID · December 30, 2008

Есть меню в дивах,есть таблица,есть ячейка, как зафиксировать это меню относительно левого верхнего угла ячейки ,чтобы про измениние масштаба страницы меню не скакало по странице ,а было прикреплено к этой ячейке?

kalyaka-malyaka · December 30, 2008

код выложите или ссылку дайте на страницу. а то можно только догадываться, что вам нужно.

sandro-css · December 30, 2008

Есть руки, есть google

Нужна ссылка)

RANCID · December 30, 2008

<html>

<head>

<title>

menu

</title>

</head>

<body>

<tr>

<td height=100 bordercolor="red" colspan="3">Ячейка 1</td>

</tr>

<tr>

<li><a href="http://www.13styles.com/css-menus/vert-one/" title="CSS Menus">Articles</a></li>

<li><a href="http://www.13styles.com/css-menus/vert-one/" title="CSS Menus" >Topics</a></li>

<li><a href="http://www.13styles.com/css-menus/vert-one/" title="CSS Menus">Forum</a></li>

<li><a href="http://www.13styles.com/css-menus/vert-one/" title="CSS Menus">Subscribe</a></li>

<li><a href="http://www.13styles.com/css-menus/vert-one/" title="CSS Menus">Contact Us</a></li>

</ul>

</div>

dfdsаа аааааа аааа ааааа ааааа аааааа ааа ааааа аааа аааа ааааааа ааааа пппп пппп пппппп

fsdfds

</td>

<ul>

<li><a href="http://www.13styles.com" title="css menus"><span>About Us</span></a></li>

<li><a href="http://www.13styles.com" title="css menus"><span>Services</span></a></li>

<li><a href="http://www.13styles.com" title="css menus"><span>Contact Us</span></a></li>

</ul>

</div>

Портал помощи абонентам сети SevStar

Для абонентов SevStar разработан «Портал помощи», где вы сможете найти ответы, на многие интересующие вас вопросы по настройке сети, программному обеспечению и многому другому. Существует раздел, где вы сможете задать свой вопрос и получить исчерпывающий ответ.

Обращаем особое внимание на статью «Generic Host Process», где подробно описано, как исправить ошибки связанные с работой Интернет, а так же рекомендации для обновления вашей операционной системы.

</td>

<td width=190 class="reklama">Ячейка 3</td>

</tr>

<tr>

</td>

</tr>

</table>

</body>

</html>

td.reklama {

background-image: url('http://sevstar.net/img/banners/mercedes.gif'); /* Путь к фоновому изображению */

}

BODY {

background-image: url('http://gallery.sfevstar.net/bPIC/200812/200812173974.jpg'); /* Путь к фоновому изображению */

background-color: ; /* Цвет фона */

}

#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:200px;}

#menucase ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;border-bottom:1px solid #761A1A;}

#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#600;padding:0 0 0 20px;width:180px;}

#menucase ul.vert-one li a:hover{background:#900 url("/code/vert-one/images/vert-one_arrow.gif") no-repeat 0 9px;}

#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("/code/vert-one/images/vert-one_arrow.gif") no-repeat 0 9px;}

#menucase {

position:relative;left:0px;top:-125px;bottom: 200px;

}

#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}

#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}

#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}

#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}

#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(/code/fox/images/foxmenu_bg-OFF.gif) no-repeat top left;}

#foxmenu ul li a:hover{color:#fff;background:transparent url(/code/fox/images/foxmenu_bg-OVER.gif) no-repeat top right;}

#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}

kalyaka-malyaka · December 30, 2008

добавьте доктайп, меню перестанет прогать.

а потом проверьте ваш код валидатором.

ЗЫ: и используйте кнопку "код", когда код выкладываете

Edited December 30, 2008 by kalyaka-malyaka

Yulia · December 31, 2008

если не знаете, что такое доктайп, это строчка, которая ставится в самый верх страницы (до тега html) и рассказывает браузеру, по каким правилам отображать эту страницу.

Простейший доктайп:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

Sign In

Позиционирование

Question

RANCID

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

kalyaka-malyaka

Link to comment

Share on other sites

sandro-css

Link to comment

Share on other sites

RANCID

Link to comment

Share on other sites

kalyaka-malyaka

Link to comment

Share on other sites

Yulia

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information