optimismous
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by optimismous
-
psywalker, Gaspode, спасибо большое за помощь.
-
Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </html> Подскажите пожалуйста как его убрать.
-
Всем привет. Есть сайт *удалил*, мне нужно сделать чтобы при переключении по страницам плеер не прерывался. Поскажите, это можно реализовать с помощью iframe или frame? Если да, то насколько сильно придется менять шаблон? Чтобы это сделать, надо поместить меню в один фрейм с плеером, я правильно понимаю?
-
Не сложно, мне в данном случае важно понять принцип. Я просто подумал, что раз в примере блоки расположены не по сетке, то вдруг я не знаю всех возможностей фреймворка и указанные блоки тоже можно сверстать с его использованием. Мне важно просто прояснить этот момент - можно или нельзя. А вообще профит в том, что блоки по сетке на фреймфорке легче накидать, меньше думать приходится о верстке и можно все это автоматизировать.
-
Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец? Или я туплю и все-таки эти блоки можно сделать по сетке?
-
Пробовал, не помогло. WalkMan, так и поступлю. Спасибо за ответы.
-
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head> <div class="contacts box"> <div class="corners"> <em class="tcl"><b>•</b></em> <em class="tcr"><b>•</b></em> </div> <div class="contacts-form"> <form id="myForm" action="#" method="post"> <div> <label for="name">Имя:</label> </div> <div> <input type="text" name="name" id="name" value="" tabindex="1" /> </div> <div> <label for="mail">Почта:</label> </div> <div> <input type="text" name="mail" id="mail" value="" tabindex="2" /> </div> <div> <label for="textarea">Textarea:</label> </div> <div> <textarea cols="20" rows="8" name="textarea"></textarea> </div> <div> <input type="submit" value="Submit" /> </div> </form> </div> <div class="corners"> <em class="bcl"><b>•</b></em> <em class="bcr"><b>•</b></em> </div> </div> <body> </body> </html> CSS: @charset "utf-8"; /* CSS Document */ div.box { width: 241px; } div.corners { position: relative; margin: 0 20px; height: 20px; background: #363636; } div.corners em b { position:absolute; font:150px Arial; line-height:40px; font-weight:normal; } .tcl, .tcr, .bcl, .bcr { z-index:11; width:20px; height:20px; color:#363636; overflow:hidden; position:absolute; background:transparent; } .tcl {top:0; left:-20px;} .bcl {bottom: 0; left:-20px;} .tcr {top:0; right:-20px;} .bcr {bottom:0; right: -20px;} .tcl b {left:-8px;} .bcl b {left:-8px; top:-17px;} .tcr b {left:-25px;} .bcr b {left:-25px; top: -17px;} div.contacts-form { padding: 0 20px; background: #363636; color: #FFF; } #MyForm { margin: 0; padding: 0; border:0; height:1%; }