Bonzash
-
Posts
225 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Bonzash
-
а вот так вот если? Маркер списка отменить, и сделать его просто картинкой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-type:none; width:230px; padding: 8px 0 0 10px; height:25px; border:2px solid #000; text-transform:uppercase; } .list li img{ float:left; padding-right:5px; } .list li a{ padding-top:-8px; font-variant:small-caps; font-size:15px; color:#B9AC39; text-align:left; display:inline-block; text-decoration:none; } } h1{ color:#566a41; font-size:15px; } </style> <body> <div class="list"> <ul> <li><img src="images/list.gif"><a href="#">Home</a></li> <li><img src="images/list.gif"><a href="#">WHO WE ARE</a></li> <li><img src="images/list.gif"><a href="#">IMAGE GALLERY</a></li> <li><img src="images/list.gif"><a href="#">OUR PROJECTS</a></li> <li><img src="images/list.gif"><a href="#">CONTACTS</a></li> </ul> </div> <!--Конец списка --> </body> </html> Бедаааа... Работающий код: <style type="text/css"> ul.example { margin: 5px 0; padding: 0 0 0 2px; } ul.example li { margin: 5px 0; padding: 0 0 0 20px; list-style-type: none; background: url('img.gif') no-repeat 0 6px; } </style> <ul class="example"> <li>text</li> <li>text</li> </ul> demi картинку сделай бекграундом и задай отступы.
-
А что подсказывать то?
-
OMG
-
http://htmlbook.ru/css/list-style-image
-
Можно было бы помочь, если бы не одно НО. Прочитайте сначала вот это: http://htmlbook.ru/html/a http://htmlbook.ru/html/h2 После отредактируйте html-код и запостите заного.
-
Посмотрел, мин. ширина работает.
-
-
И порежьте шапку на несколько картинок.
-
У меня все в порядке, во всех браузерах, сделайте как выше написано.
-
Уберите отступ слева: .header .row1 img { margin-left: 223px; } Поставьте: .header .row1 { height: 249px; text-align: center; }
-
Тогда попробуйте поставить вместо: .header .row2 div { margin-left: 101px; } вот это: .header .row2 div { text-align: center; }
-
А почему меню картинками? Делать надо вот так: <ul> <li><a href="">Главная</a></li> <li><a href="">Услуги</a></li> <li><a href="">Наши работы</a></li> <li><a href="">Контакты</a></li> </ul>
-
Полезная информация.
-
<style type="text/css"> div { width: 200px; height: 200px; overflow: hidden; } div img { height: 200px; } </style> <div> <img src="" /> </div>
-
-
Попробуй так: <div id="main"> <div id="content"></div> <div id="right"></div> <div style="clear: both;"></div> <div id="footer"></div> </div> Не увидел, у тебя уже стоит свойство.
-
+1
-
Граница слоя, сетка, быстрые направляющие, фрагменты. Это все относится к программе Photoshop.
-
Считаю одним из главных помощников верстальщиков - Firebug
-
Все зависит от дизайн-макета, обычно в макет добавляются вспомогательные элементы. Плюс комментарии заказчика и дизайнера.
-
"Мечты наяbу"
-
_www.agava.ru
-
Привет, решение простое, добавь в стиль вот это: #yandexform0 .yaform__form * { border: none; }
-
Кто здесь?
-
http://htmlbook.ru/css/z-index Вам в помощь. Не прочитал Выше пост)
