amelice
-
Posts
583 -
Joined
-
Last visited
-
Days Won
13
Content Type
Profiles
Forums
Calendar
Store
Posts posted by amelice
-
-
<center></center> не пробывал?
проверил не катит
<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;
}- 1
-
Какой-то странный у вас ФФ4.. Проверьте, может у вас он уже успел обновиться до ФФ5?? А на ФФ5 я ещё не проверял вёрстку...
Нормальный у нас ФФ4, это твой код не правильно показывает на экране с разрешением 1920Х1200. Почему так говорю, потому, что на ноутбуке ФФ4 показывает нормально, а там разрешение не большое.
-
Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif
Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в текстовый редактор, но это уже моя головная боль.
Или каждую строку в отдельный див, чтоб он был чуть уже или шире предыдущего... И каждому блоку задать размер текста, выравнивание по горизонтали-justify.
-
Ты не просто набирай, а набирай полезно, т.е. помогая другим людям и узнавая что нибудь новое для себя.
Я как раз этого и хочу, так как опыта у меня нулевой, самой очень нужно научиться на чужих и на своих ошибках.
-
Походу вёрстки у меня накопился ряд вопросов, на который очень нужны ответы:
1. Если в макете текст-рыба в абзацах, в верстке рыба должна совпадать слово в слово, строка в строку с макетом??
Или ничего что в верстке абзац на 1-2 строки меньше/больше чем на макете??
3. Есть два фона и inner'а, у них нет установленного height, фон зависит от содержимого, след-но он обрезается внизу и не отображается полностью.. Правильно ли я поставил padding-bottom wrapper'у?? Или как правильно??
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 сообщений и выкладывать в соответствующем разделе.
Спасибо, sigma77.
Буду набирать с удовольствием.
- 1
-
Скажите пожалуйста, я хочу выложить данный макет для обсуждения. Но, у меня нету доступа для создания новой темы в разделе "Обсуждение работ". Как мне быть? Или сюда выкладывать?
-
Вот здесь почитай о margin'е, там все отлично написано.
Спасибо, все понятно стало.
-
Никак не могу понять поведение отрицательного 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. На корректное размещение блоков сетки
4. Зависит от поставленной задачи
а можно подробно про 2,3 пункт? что такое сетка макета? Возможно, задаю глупый вопрос, но понятия не имею о чем речь.
Где можно почитать про расположение элементов относительно от сетки макета? Как определить корректное размещение блоков сетки?
-
Хочу разобраться с макетами для новичков, опубликованных на форуме.
Первый же из них нужно сделать резиновым.
Так как не занималась резиновой версткой то, есть вопросы:
1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях?
2. как контролировать элементы внутри блока, если внешний блок резиновый?
3. на что нужно делать акценты в первую очередь при резиновой верстке?
4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?
-
Чебурек, да пока рано брать ещё, на дворе ИЕ6-8 ещё живы и будут жить ещё лет 7 точно
Смайлик в тему Зато буду знать что есть такая фича. В архиве как раз место.
-
Классная статья! Спасибо за перевод, сегодня как раз читала про псевдо-классов и в моей книжке про этих не написано, выборка элемента ограничивается :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. Поэтому помогите пожалуйста связать мои два макета формы.
Баги в меню..
in HTML Coding
Posted · Edited by cheburek
если б была известна ширина, то я сразу бы предложила margin:auto;
но так ширина не задана, я предложила абсолютное позиционирование.