Bonzash
-
Posts
225 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Bonzash
-
http://htmlbook.ru/css/vertical-align
-
Наверное надо выделить жирным и шрифт увеличить для этого заголовка Полезные темы
-
Ссылку или код плиз.
-
Там же мануал есть, почитайте, не поленитесь.
-
HTML5 CSS Таблица. Расстояние между ячейками
Bonzash replied to Samenfaden's question in HTML Coding
Т.е. вот это по твоему называется "Он делал"? <td colspan="2" scope="colgroup"></th> -
Добавь #bottom, padding-top.
-
_http://softwaremaniacs.org/soft/highlight/
-
HTML5 CSS Таблица. Расстояние между ячейками
Bonzash replied to Samenfaden's question in HTML Coding
<table cellspacing=""> -
Напишите какой нибудь текст внутри .main или поставьте
-
Как релизовать такую смену контента при наведении на ячейку?
Bonzash replied to MiHALbI4's question in HTML Coding
Вот пример, но тут не с блоком контента, а с картинкой, мб поможет: http://forum.htmlbook.ru/index.php?showtopic=16990 -
div с фиксированной высотой, нужно сделать футер
Bonzash replied to maximt's question in HTML Coding
html { height: 100%; } body { width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } #header { height: 150px; } #content { padding: 0 0 100px; } #footer { width: 1000px; margin: -100px auto 0; height: 100px; } <div id="wrapper"> <div id="header"></div> <div id="content"></div> </div> <div id="footer"></div> Удачи. -
border-radius ?
-
В архив.
-
Интересная задача Пыхчу, пока не получается.
-
Это что? Задача-то не решена. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> .block {min-width:300px;} .img { width: 290px; height: 240px; margin-right:10px; border: 1px solid black; float: left; } </style> </head> <body> <div class="block"> <div class="img"> </div> <div class="text"> 12133333 12133333 v 12133333 12133333 12133333 12133333 12133333 12133333 12133333 </div> </div> </body> </html>При уменьшении размера окна, тект уходит вниз (только не 300px, а чуть больше, в зависимости от длины одного слова текста, которое должно поместиться справа) Понятное дело, тут надо с шириной решать, конечно слово из 30-40 букв будет выходить за границы.
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> .block { width: 400px; border: 1px solid black; margin: 10px; vertical-align: top; } .block .img { width: 240px; height: 240px; margin: 10px; border: 1px solid black; float: left; } </style> </head> <body> <div class="block"> <div class="img"> </div> <div class="text"> 12133333 12133333 v 12133333 12133333 12133333 12133333 12133333 12133333 12133333 </div> <div style="clear: both;"></div> </div> </body> </html> Удачи.
-
Простите, надо было подробнее мне описать Чтобы при большем разрешении поля (сайта тоже), иллюстрация с описанием становилась такой, как показано в варианте справа на приложенной мной иллюстрации. То есть: При ширине 300 пикс., описание иллюстрации находится под картинкой. А при ширине, например, в 400 пикс или больше, текст описания уходил вправо, за картинку. серому блоку задать float:left; Пойдет. Только текст будет уходить за границы блока в 400px.
-
Можно реализовать что? Можно реализовать и то и другое.
-
Прижмите картинку к верху и поставьте background-color, берется background-color с нижнего пикселя этой картинки или подбором.
-
Поставьте background-position не в пикселях, а в процентах
-
Ну как бе проблема решаема, только для начала надо пересмотреть верстку. <a href="#" class="item" id="expl">Ввод в эксплуатацию</a> <a href="#" class="item" id="land">Земельные вопросы</a> Убираем id и добавляем класс: <a href="#" class="item expl">Ввод в эксплуатацию</a> <a href="#" class="item land">Земельные вопросы</a> Меняем стили: #images_carrier #images .expl { background-position: "сколькото цифр"px; !important} #images_carrier #images .expl:hover { background-position:268px -544px; !important}
-
#images_carrier #images .item#expl:hover { background-position:268px -544px;} #images_carrier #images .item#land { background: url(menu2.jpg) no-repeat 532px -272px;} #images_carrier #images #bargrein:hover { background: url(menu2.jpg) no-repeat 0 bottom;} #images_carrier #images #maf:hover { background: url(menu2.jpg) no-repeat 268px bottom;} #images_carrier #images .item#outdoor:hover { background: url(menu2.jpg) no-repeat 532px bottom;} .item#expl Немогу понять что это??? .item#land И это
-
давай
-
Зоркий глаз
-
Я рад за Вас.
