LeD4eG
-
Posts
39 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by LeD4eG
-
у меня тоже проблем не возникает. отлично на мой взгляд.
-
а что, если 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, Вы правы это были метания. в проверяющем коде я помещал в комментарии ненужные части, а тут почему-то не оказалось их. ошибки свойственны людям. несмотря на то, что, на момент написания Вами сообщения, ситуация была решена, я всё равно Вам благодарен. я исправил допущенные ошибки и сделал код лучше. спасибо большое!
-
проработав множество материала, немного изменил стили, но проблема не уходит. вот упрощённый код страницы, содержащей только меню навигации и выпадающее меню. <html> <head> <title>list</title> <link rel="stylesheet" type="text/css" href="list_style.css" /> </head> <body> <ul id="main_nav"> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul> <li><a href="#">Все виды оценки</a></li> <li><a href="#">Автоэкспертиза</a></li> <li><a href="#">Автострахование</a></li> <li><a href="#">Юридические услуги</a></li> </ul><!--end sub_nav--> </li> <li><a href="#">Тарифы</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul><!--end main_nav--> </body> </html> Изменённые стили для этого меню #main_nav { float: left; top: 15px; left: 270px; margin-top: 14px; margin-left: 280px; } #main_nav li{ float: left; display: inline; padding: 0 8px; border-left: 1px dotted #8b6619; position: relative; text-align: left; } #main_nav li:first-child, #main_nav ul li { border-left: none; } #main_nav ul { display: none; position: absolute; top: 20px; left: -5px; z-index: 1; width: 155px; height: 80px; background-color: #d7ae46; } #main_nav li a, #main_nav li ul li a{ color: #8b6619; font-family: "Times New Roman", serif; font-size: 0.9em; font-weight: bold; text-decoration: none; outline: none; } #main_nav li a:hover, #main_nav li ul a:hover { color: black; } /*————--Подменю————--*/ #main_nav li:hover ul { display: block; } в Mozilla ссылки подменю реагируют на наведение указателя мыши через раз. в остальных браузерах ниспадающее меню появляется, но ссылки в нем не доступны. подскажите, пожалуйста, в чём моя ошибка?
-
ну так сделайте картинку, что так нагло исчезает фоновой для этой таблицы: table { background: url(.....; margin: 0 auto; } примерно так и без position.
-
товарищи!!!мне нужна ваша помощь!неужели некому помочь в данной ситуации?
-
По каким причинам не показывает background-image?
LeD4eG replied to boompaw's question in HTML Coding
я, возможно, покажусь занудой, но разве у тега <a> есть атрибут alt? -
Как сделать input(text) и select в IE визуально одинаковыми?
LeD4eG replied to thekap's question in HTML Coding
я в этих вопросах мало ещё сведущ, ну а что, если попробовать эти непослушные селект и инпут засунуть в таблицу?хотя моя мысль может оказаться бредовой. -
я разобрался. от себя больше дополнений к этой теме не имею.
-
легковеснее будет вряд ли. выравнивать эти различные блоки изображений, чтобы они совпали где нужно, на мой взгляд - лишняя работа. поэтому, также на мой взгляд, легче будет сделать картинкой часть с гномиками и свечением, а цвет фона сделать синим, как Вы и предложили. ну а дальше поля и выравнивание блока с контентом. дальше понятно уже.
-
с элементами ниспадающего списка, может, кто-нибудь поможет? я не требую, но очень бы хотелось, чтобы решение нашлось.
-
я думаю, стоит задать ширину родительского дива. это поможет решить Вашу проблему. высота родительского будет выстраиваться по высоте дочерних, чтобы вместить их полностью, а заданием ширины родительского Вы сможете выровнять дочерние блоки как Вам нужно (по левому или по правому краю). попробуйте так.
-
а как на форуме закрыть тему?