lamaka
-
Posts
22 -
Joined
-
Last visited
lamaka's Achievements
Explorer (1/14)
0
Reputation
-
Great Rash Вам код хочется посмотреть? Просто я не в сети верстаю, а на локалке
-
Хотелось бы как можно меньше использовать подобные вставки или вообще отказаться от них, но раз поведение не возможно понять придется использовать =)
-
Да не все так хорошо. Решил я убрать float left для input текст, тк div который идет после, отсчитывает margin-top не от конца дива с input'ами, а от его начала. Убрал, отступ от конца дива с инпутами, все хорошо, но в ие7 блок расползается. Элементы внутри дива не встают рядом друг с другом по причине того, что перед инпут текст появляется отступ, откуда неизвестно рамка, pading и margin стоят по 0. Можно конечно это решить следующим путем <!--[if IE 7]>... Но хотелось бы понять почему ие7 ставит отступ. Возможно он выравнивает по середине, тк див в который вложены эти дивы имеют margin:0 auto? Если да, то почему clear и margin выставленный по 0 не присваиваются. Нормально объяснил? Понятно? А то голова уже кругом
-
swetlana Спасибо, лохонулся, про margin:0px и padding:0px совсем не подумал, лиса спутала, она видимо от остальных если значение не выставлено ставит принимает 0, а другие нет. Спасибо еще раз, если не трудно, для нуба, а как рамку убрать? ) Тут я ее не уберал, решилось все выставлением нулевых значений этих двух свойств, так на будущие )
-
Vlad Спасибо, помогло, тему можно закрыть. Оч признателен тебе
-
Нужна помощь, суть проблемы в следующем: есть див шириной 223 в нем помещаю два input: text и submit, размерами 196 и 27 px. Они должны быть вплотную друг с другом. Если к тексту ставлю position absolute а submit делаю float: right то прекрасно отображаются в браузерах(лиса, опера, ие8) но если убрать position absolute то в лисе нормально, в остальных кнопка съезжает в низ. Как это можно исправить? Хотелось бы отказаться от position:absolute по "религиозным соображениям".
-
Ничего не изменилось, так же как и было, на всю ширину блока, что не есть хорошо
-
Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?
-
Все таки какая гадасть эти закругленые углы....У тебя сделаны со спрайтами, а есть где нить мануал по созданию спрайтов, я в них не силен.... Не сталкивался не разу с версткой с использованием спрайтов, интересно...
-
Спасибо psywalker за линк, пошел разбираться с твоим примером. Думаю подойдет для мня. PS Начни наконец то писать в свой блог
-
И так. Вот, что должно получиться в итоге (_http://s001.radikal.ru/i193/1010/14/3ae8ed3d8f8c.jpg) Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Пример</title> <style type="text/css"> #body{ background-color:#529ef1; } .panel{ background-color:white; width:500px; margin:0 auto; background: #FFFFFF url(t.gif) top repeat-x; height:10px; } .panel div { background: url(r.gif) right repeat-y; } .panel div div { background: url(b.gif) bottom repeat-x; } .panel div div div { background: url(l.gif) left repeat-y; } .panel div div div div { background: url(t-l.gif) top left no-repeat; } .panel div div div div div { background: url(t-r.gif) top right no-repeat; } .panel div div div div div div { background: url(b-r.gif) bottom right no-repeat; } .panel div div div div div div div { background: url(b-l.gif) bottom left no-repeat; } .auth{ width:120px; float:left; } .search{ width:200px; float:right; } </style> </head> <body id="body"> <div class="panel"> <div> <div> <div> <div> <div> <div> <div> <div class="auth"> </div> <div class="search"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> Вот тут код с изображениями (_http://ifolder.ru/19695294) Теперь, о главном.... Как я и писал, блоки auth и search почуму то наследуют рисунок из последнеего пустого дива, если прописать к дивам класы, вообще не отображаються беграунды. У меня предвидиться еще один такой блок, только с текстом внутри, постоянно писать текст под определенную высоту не хочется, хочется, чтоб блок растягивался по тексту, но блок будет совершенно такойже, пока ничего не тянеться ((( Или тянеться неправильно. Ставил высоту к блоку с рамкой, тянеться только в ie в фаерфоксе не хочет. Помогите плизз, и еще, если кто знает как сделать то, что мне нужно без лишнего кода, без пустых тегов, то прошу, еще раз повторюсь на хабре ненашел примеров применительных к моей ситуации.
-
Присвоив пустым дивам классы, вообще перестает отображаться рамка (((
-
Спасибо всем, разобрался, сделал с пустыми дивами, присвоив им беграунд в виде картинки, но...всегда есть это но. Теперь проблема в том, что к дивам которые будут в блоке с круглыми углами и рамкой, наследуеться беграунд от последнего пустого блока и в них появляеться тоже угол, хотя он там не нужен. Сразу прошу прощения, что пишу в этой теме, просто чтоб было понятнее что к чему.
-
Я смотрел, но все не то( Или может я не туда глядел. Там у многих углы, и рамка прописываются в классы вложеных в див элементов, мне того не нужно, мне нужна рамка с рамкой и скруглеными углами, а в нее хочу поместить уже другие блоки, с другим оформлением. Пойду поиск поюзаю...
-
Привет! Выходной, а я вот сижу и думаю, в макете я нарисовал, что сверху будет блок с круглеными углами и рамкой, а в нем будут два блока с авторизацией и поиском. Блок с круглеными углами надо сделать с изображениями, при этом блок должен хорошо тянуться по высоте. Не подскажите, как мне это реализовать? Есть у кого нить ссылки или мысли по этому поводу?