Jump to content
  • 0

<ul> внутри <div>


Feel
 Share

Question

11 answers to this question

Recommended Posts

  • 0

:mellow: эммм. очень странный вопрос.

menu - тег html5 который логически представляет собой блок меню. то есть теперь вместо div меню li можно обернуть menu.

а вкладывать ли сам menu в div зависит от того, какая структура.имхо

Link to comment
Share on other sites

  • 0

:mellow: эммм. очень странный вопрос.

menu - тег html5 который логически представляет собой блок меню. то есть теперь вместо div меню li можно обернуть menu.

а вкладывать ли сам menu в div зависит от того, какая структура.имхо

Я все сайт мучаю, который некоторые форумчане уже посоветовали закрыть и больше не заходить на него. :lol:

Список там (меню), если посмотреть, обернут в div. Не могу понять зачем там div, и можно ли обойтись без него.

Edited by Feel
Link to comment
Share on other sites

  • 0
menu - тег html5 который логически представляет собой блок меню. то есть теперь вместо div меню li можно обернуть menu.

Можно но не нужно.

Для основного меню лучше пользоваться привычной структурой div + ul или nav + ul

menu больше для контекста, для основного меню не подойдет.

Link to comment
Share on other sites

  • 0
menu больше для контекста, для основного меню не подойдет.

так я не про основное, я про обычный списки ul. для основного конечно nav

Не могу понять зачем там div, и можно ли обойтись без него.

какой именно? container? он позиционирование задает.

Link to comment
Share on other sites

  • 0

Имеет ли смысл вкладывать списки ul,ol,menu внутрь diva?

Если вложенность элементов не нарушает правил, то применение тех или иных оберток вызвано лишь необходимостью их применения. И не важно что это, ul или em.

*при условии, что верстка сделана сколько-нибудь грамотным специалистом.

  • Like 1
Link to comment
Share on other sites

  • 0

Странно. А у меня уже больше часа не получается сделать так, чтобы меню и заголовок располагались как на сайте и перемещались вместе :(

Добрые люди, подскажите.

Я выставил меню такие же внешние отступы margin в процентах как и у заголовка. Беда в том что эти отступы идут от левого верхнего края дива, а у меня меню должно быть выровнено по правой стороне ;( Я попробовал сделать отрицательный padding-left равный ширине заголовка, думал что содержимое меню у меня уедет за пределы дива влево и все будет ок, но не работает :(

Edited by Feel
Link to comment
Share on other sites

  • 0

скинь свой вариант. посмотрим

Html:

<div id="logo">

<img src="images/logo.png" alt="Logo"></img>

</div>

<div id="menu">

<ul>

<li><a href="main.html title="1"><img src="images/main.png"></img></a></li>

<li><a href="aboutme.html title="2"><img src="images/aboutme.png"></img></a></li>

<li><a href="portfolio.html title="3"><img src="images/portfolio.png"></img></a></li>

<li><a href="contacts.html title="4"><img src="images/contacts.png"></img></a></li>

<li><a href="links.html title="5"><img src="images/links.png"></img></a></li>

</ul>

</div>

Css:

#logo {

margin:0 0 0 29%;

top:41%;

position:absolute;

}

#menu {

position: absolute;

top: 41%;

margin-top: 30px;

right:690px;

}

li {

display:inline;

margin-left:5px;

}

Саму страницу скинуть не могу. Из соображений сохранения личной информации.

При таком раскладе как здесь, элементы располагаются так же как и на сайте, но при изменении ширины окна браузера меню не перемещается вместе с лого.

Впрочем на то, что у меня - смотреть не стоит. Хотелось бы увидеть как сделать правильно, а возможно и лучше.

Edited by Feel
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy