amelice
-
Posts
583 -
Joined
-
Last visited
-
Days Won
13
Content Type
Profiles
Forums
Calendar
Store
Everything posted by amelice
-
если б была известна ширина, то я сразу бы предложила margin:auto; но так ширина не задана, я предложила абсолютное позиционирование.
-
<center> - запрещенный элемент. 1. ul#nav { list-style-type:none; margin:0; padding:0; } у вас в коде нету такого элемента. такой id имеет div. 2. #nav { float:left; height:100%; position:relative; margin: 200px auto 0 0; padding: 3px 0 0 0; overflow:visible; } блок контейнер для меню у вас перемещается влево. с помощью абсолютного позиционирования попробуйте отцентрировать этот элемент. #nav { margin:0 0 0 -230px; /*отодвигаем меню налево на половину ширины */ height:100%; position:absolute; top:0; left:50%; padding: 3px 0 0 0; }
-
Нормальный у нас ФФ4, это твой код не правильно показывает на экране с разрешением 1920Х1200. Почему так говорю, потому, что на ноутбуке ФФ4 показывает нормально, а там разрешение не большое.
-
Или каждую строку в отдельный див, чтоб он был чуть уже или шире предыдущего... И каждому блоку задать размер текста, выравнивание по горизонтали-justify.
-
Я как раз этого и хочу, так как опыта у меня нулевой, самой очень нужно научиться на чужих и на своих ошибках.
-
1. а что такое текст-рыба? 3. Я бы тоже использовала в данном случае (по макету) padding-bottom для wrapper'а. Мой ФФ4 показывает так.
-
Не поняла, шутка или что. Но настроение явно поднялось! Поигралась с текстом, который за курсором бегает.
-
Если, я тебя правильно поняла, то можно так выровнять пункты меню. <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <ul id="menu"> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </body> </html> и css #menu{ width:800px; margin:0 auto; display:table; table-layout:fixed; padding:0; list-style:none; } #menu li{ display:table-cell; border-left:1px #000 solid; } #menu li:first-child{ border-left:none; } #menu li a{ display:block; height:50px; padding:0 35px; line-height:50px; color:#fff; background:#69c; text-decoration:none; } #menu li a:hover{ background:#369; } а результат будет такой, но, я не уверена, что будет работать в старых ИЕ...
-
Нужно набрать 30 сообщений и выкладывать в соответствующем разделе. http://forum.htmlbook.ru/index.php?showtopic=6730 Спасибо, sigma77. Буду набирать с удовольствием.
-
Скажите пожалуйста, я хочу выложить данный макет для обсуждения. Но, у меня нету доступа для создания новой темы в разделе "Обсуждение работ". Как мне быть? Или сюда выкладывать?
-
Спасибо, все понятно стало.
-
Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html> 1. Как рассчитывается смещение отрицательного margin относительно от своего родителя? 2. С увеличением значения margin-bottom элемента p.abz текстовое содержимое div смещается вверх, хотя сам div не смещается. Уже со значения -100пк, оно уходит за пределы окна браузера. Почему так происходит?
-
Понятно, что значит сетка в верстке, это расположение или взаимоотношение блоков по ТЗ. Я подумала, что эта специальная сетка, которая контролирует размещение элементов.
-
Спасибо за ответ. а можно подробно про 2,3 пункт? что такое сетка макета? Возможно, задаю глупый вопрос, но понятия не имею о чем речь. Где можно почитать про расположение элементов относительно от сетки макета? Как определить корректное размещение блоков сетки?
-
Хочу разобраться с макетами для новичков, опубликованных на форуме. Первый же из них нужно сделать резиновым. Так как не занималась резиновой версткой то, есть вопросы: 1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях? 2. как контролировать элементы внутри блока, если внешний блок резиновый? 3. на что нужно делать акценты в первую очередь при резиновой верстке? 4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?
-
Смайлик в тему Зато буду знать что есть такая фича. В архиве как раз место.
-
Классная статья! Спасибо за перевод, сегодня как раз читала про псевдо-классов и в моей книжке про этих не написано, выборка элемента ограничивается :first-child. Теперь интересно узнать про :nth-of-type.
-
У меня IE8, к сожалению не работает. div.calc растягивается на все окна просмотра.( Но за фичу спасибо, я беру в архив.
-
Гритраш, спасибо. Мне тоже было интересно, как это сделать. Работает.
-
а можно писать разные единицы размерности, как приведено в коде в этой теме?
-
Я посмотрела твой код, сама новичок в верстке: Вот эти моменты правильные? 1).side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; } 2).big_input { width: 99%; } 3)background: rgb(228, 228, 228) none repeat scroll 0% 50%; 4).big_textare { width: 99%; } 1) можно ли мешать разные единицы размерности? 2,4) ты же ведь хочешь, чтоб элементы формы и элементы блоков были выровнены по правому краю, то зачем ограничивать таким образом ширину формы, если не известно к чему ведет 99%? 3) если не используешь рисунок для бекграунда, то зачем эти свойства после значения color? думаю, выровнять правые края можно, если использовать вместо бордера, outline. Т.к. последний элемент не участвует в расчете ширины элементов. Ниже привела пример. В ФФ работает, а вот в IE не до конца... Пока не могу найти ответа. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Добавление адресата</title> <style type="text/css"> body{ width: 65%; font:12px arial,sans-serif; } .container{ overflow: hidden; min-width: 550px; } input,textarea{ width:100%; border:0; outline:2px inset #aaa; } h2{ background:#ddd; padding:15px; } label[for="org"]{ display:block; color:#888; padding:0 0 0 2px; } label[for="res"]{ display:block; color:#888; margin:40px 0 0; padding:10px 0 10px 2px; background:#ddd; } div div{ padding:0 2px;} </style> </head> <body> <div class="container"> <h2>Заголовок</h2> <label for="org">Название организации:</label> <div> <input type="text" name="text" id="org"> </div> <label for="res">Обязанности:</label> <div> <textarea id="res"></textarea> </div> </div> </div> </body> </html>
-
Привет! Начала изучать верстку, поэтому хочу тут попробовать сделать макеты. Спасибо, за материалы для новичков. Вот мой первый макет. Но, к сожалению они не связаны, т.к. не знаю Javascript. Поэтому помогите пожалуйста связать мои два макета формы.
