LeD4eG
-
Posts
39 -
Joined
-
Last visited
LeD4eG's Achievements
Explorer (1/14)
0
Reputation
-
у меня тоже проблем не возникает. отлично на мой взгляд.
-
а что, если position: fixed? элемент фиксируется в определённом месте и остаётся на нём при прокрутке страницы...
-
а теперь окончательно оптимизируем стили страницы. и всё ещё круче сократится <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Блог </title> <style type="text/css"> .menu{ float:left; width: 100%; border-bottom: 2px solid #000; } .menu ul{ list-style: none; } .menu ul li{ float: left; padding-left: 10px; padding-right: 10px; border: 2px solid #b8b8b8; border-bottom: none; margin-bottom: -2px; margin-left: -2px; } .menu ul li.current_page_item { position: relative; border: 2px solid #000000; border-bottom: 2px solid #fff; } </style> </head> <body> <div class="menu"> <ul> <li > <a href="http://monachus.name/" title="Главная">Главная</a> </li> <li > <a href="http://monachus.name/xcvbdhdfh" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li> <a href="http://monachus.name/sample-page" title="Пример страницы">Пример страницы</a> </li> <li class="current_page_item"> <a href="http://monachus.name/sample-page" title="Пример страницы">Пример страницы</a> </li> </ul> </div> </body> </html> твоё решение намного элегантнее, чем моё. но всё-таки почитай, что такое position: relative и z-index.
-
Ах вот оно что!решение достаточно не очевидное!с трудом бросается в глаза. я так понимаю нижняя рамка всегда чёрного цвета. вот то, что я набросал за выделенное мне время: <html> <head> <title>Forum task</title> <style type="text/css"> *{ /********обнуляем все поля и отступы************/ margin: 0; padding: 0; } body {/************задаем параметры страницы************/ width: 800px; height: 600px; } #menu {/***задаём ширину навигационному меню, создаём нижнюю рамку нужного цвета, поле сверху позволяет "опустить" меню****/ width: 800px; border-bottom: 1px solid red; margin-top: 30px; } #menu ul{/*****задаем отступы от левого края, содержащего меню дива. измени количество px посмотри, что происходит*********/ padding-left: 600px; } #menu ul li {/****указываем параметры отображения для элементов списка. значениями можно "поиграть", чтобы выстроить получше. ****отрицательное поле необходимо, чтобы элементы "прилипли" друг к другу.******/ display: inline; margin: -2px; border-top: 1px solid gray; border-right: 2px solid gray; padding: 5px 5px 0 5px; } #menu ul li:first-child { /*указываем особые параметры для первого элемента в списке. это левая и верхняя рамки. также ОЧЕНЬ важно!в этом смысл метода!абсолютно позиционируем его. так он удаляется из нормального потока, то его можно расположить именно там, где нам надо. задается отступы сверху и слева. попробуйте изменить значения и Вы увидите, что происходит. Получается следующее: этот элемент "наезжает" на нижнюю рамку и "закрывает" её цветом оступа (или подложки, в общем padding) элемента списка. Цвет указываем необходимый для нас.*/ border-top: 2px solid black; border-left: 2px solid black; position: absolute; top: 27px; left: 560px; background: yellow; } #menu ul li:first-child a{/******задаём цвет ссылок в первом элементе списка*/ color: black; } #menu ul li a {/*задаем цвета и способы отображения других ссылок в меню*/ text-decoration: none; margin-bottom: 3px; color: red; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">Blog</a></li> <li><a href="#">Forum</a></li> <li><a href="#">About Us</a></li> </ul> </div> </body> </html> сохраните код в редакторе. сохраните, как веб-страницу, и откройте в браузере. на моём мониторе всё получилось именно так, как Вам надо. у этого способа две проблемы: 1. position: absolute - не совсем хороший метод решения проблем. слишком большая зависимость от разрешения пользователя. 2. текст первой ссылки распологается немного ниже (в моём случае), чем остальные. ну это можно как-нибудь решить: например, за счёт увеличения жирности текста ссылки, либо его размера.
-
тогда, простите, я не понимаю зачем Вам столько дивов? насколько я помню идентификацию страницы, на которой находится пользователь, можно с помощью присвоения id каждой странице и для каждой страницы изменять немного стили.
-
а это при наведении выделение происходит?
-
Golgi, хорошо сказано!
-
Я думаю всем известен тег <noscript> и его предназначение (пояснение для тех, кто забыл или не знал). при использовании jQuery некоторые эффекты дизайна могут быть не доступны для пользователей с отключенным javascript. можно ли, используя тег <noscript> указать для загрузки альтернативную таблицу стилей, которая будет менять отображение страницы?
-
меня давно уже интересовало: как в этих случаях помогает авторское право? фраза: "а у него страница, как у меня" вряд ли поможет. как закрепляется принадлежность результата труда именно за одним правообладателем?
-
Как избежать вертикального скрола при размещении текста?
LeD4eG replied to Нел's question in HTML Coding
я аж прослезился! Нел, ну так уберите свойство overflow в принципе и тогда высота блока будет подбираться автоматически, что всё содержимое блока влезло в него. -
потому что первое правило специфичнее. ну и жесть!нет доктайпа!
-
это понятно, что html+css некоторые пользуются генератором кода. я пишу своими руками...и поэтому повторяющиеся блоки копирую.
-
den-mar, смотря как ты код пишешь
-
swetlana, Вы правы это были метания. в проверяющем коде я помещал в комментарии ненужные части, а тут почему-то не оказалось их. ошибки свойственны людям. несмотря на то, что, на момент написания Вами сообщения, ситуация была решена, я всё равно Вам благодарен. я исправил допущенные ошибки и сделал код лучше. спасибо большое!