HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Резиновый блок с круглыми краями
сосбно сабж нужен блок который тянеться и в ширину и в высоту углы у него закгругленные (пнг или гиф) подсказали решение таблицей но хотелось бы без неё
0 votes26 answers -
Firefox не отображает background-image.
Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально. Вот кусок кода из CSS .topheader { height: 405px; background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat; } Вот ссылка на страницу http://mail.avtodin.ru/site_resources/htmls/main_page.html Вот ссылка на ЦСС http://mail.avtodin.ru/site_resources/css/main_page.css
0 votes6 answers -
<!--[if gte IE]> - как это конструкция называется?
<!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?
0 votes9 answers -
frD-Вертикальный интервал между ячейкам (ПОМОГИТЕ!)
Мы сделали сайт nrbiz.ru Нарисовали и закинули его в движок, в IE отображение происходит отлично, а во всех остальных меняется интервал , поле меню вертикально растягивается. Подскажите что делать? HTML код страницы привожу ниже, подскажите что прописать в CSS??? <html> <head> <style> a {text-decoration: none; color: FFFFFF } a:hover {text-decoration: underline; color: FFCC33 } </style> <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl {font-size: 70%; font-weight: bold;color: #0e52ea; text-align:center; background-color: #ffffff} .gmtdtext {font-size: 70%; font-weight: normal; color: #00…
0 votes5 answers -
FLASH - общие вопросы
есть ролик в формате swf..пытаюсь поставить его на страницу...может что-то неправильно в самом коде...помогите исправить или направьте на более правильный путь (код) для таких файлов <object width="320" height="300"> <param name="movie" value="полный адрес к файлу.swf"> <param name="wmode" value="transparent"> <embed src="полный адрес к файлу.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="320" height=300"></embed></object> спасибо
0 votes10 answers -
как связать 2 поля со списком?
Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...
0 votes24 answers -
IE8 и a:hover
Уважаемые гуру! Можете растолковать решение проблемы. в восьмом осле не работает следующий код... HTML <a href="/main.html" class="rollover"></a> CSS a.rollover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ float: left; width: 252px; /* Ширина рисунка */ height: 164px; /* Высота рисунка */ border: 0px solid #000; /* Рамка вокруг картинки */ } a.rollover:hover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с заменяемым рисунком */
0 votes18 answers -
2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7
Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…
0 votes26 answers -
Растягивающийся DIV
Есть простой html: http://infosite.org.ua/divs/ Это - один див-оболочка (#main) , и два дива внутри (#main #left,#main #right). Хочу добиться, чтобы внутренние дивы были _таки_ внутри, причем были по высоте одинаковы, в зависимости от высоты вложенного текста. Вот как хочется, чтобы было: помогите...
0 votes8 answers -
Как нарезать сайт?
Доброго времени суток! Есть шаблон сайта, но сверстать не могу, есть все инструменты под рукой, учебники, статьи, по тому как расположить с дивами и таблицами смогу, но вот правильно нарезать не знаю как. Там есть на менюшках тени и все прочее, с чем я не могу справиться и нарезать так, как нужно, чтобы потом это все сверстать... Может кто поможет привести пример того, как нужно эти дела прокручивать? На примере желательно, нечто вроде этого http://www.pastukhova.com/lesson1.php Но тут уж слишком все просто, нужно чтобы примерно понять как сверстать дизайн посложнее.
0 votes4 answers -
Можете посмотреть макет?
Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?
0 votes52 answers -
Только только начал верстать вопрос зачем оборачивать img в div если и без него работает
Всем привет. Я только недавно начал верстать. Сейчас пытаюсь сделать e-mail рассылку. У меня такой вопрос: зачем оборачивать img в div если и без div работает ? Пример : <td width="138" valign="top" style="margin: 0; padding: 0; padding-top: 14px; padding-left: 30px;"> <a href="#" target="_blank" border="0" style=" margin: 0; padding: 0; outline: none; border: none; text-decoration: none;"> <div style="font-size:1px;line-height:1px;"> <img width="138" height="84" src="images/logo.png" alt="БонПари" style=" border: 0; margin: 0;padding: 0; display: block; font-size: 1px; line-height: 1px; font-family: Verdana, Tahoma, Geneva, san…
0 votes8 answers -
Как отцентровать содержимое по вертикали?
Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…
0 votes1 answer -
Отступы сверху везде кроме IE
Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять
0 votes19 answers -
margin-top и margin-bottom
Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…
0 votes6 answers -
Два слоя в строчке. Один фиксированный, другой нет.
Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.
0 votes9 answers -
z-index VS SELECT в ie6
Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!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" xml:lang="en" lang="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…
0 votes30 answers -
Всплывающая подсказка над input полем
Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…
0 votes1 answer -
Кликабельный div
Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…
0 votes5 answers -
вопрос по классам.
Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.
0 votes14 answers -
Как оформить полосу прокрутки в overflow
Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }
0 votes11 answers -
Все случаи, когда игнорируется margin:auto
Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.
0 votes24 answers -
Изменение свойства DIV при наведении мыши и IE
Есть вертикальное выпадающее меню (см. код ниже). 1) Как сделать так, чтобы при наведении мыши на пункт у него менялся цвет фона по всей длине и этот пункт был бы ссылкой. В FF и O работает, а в IE6 не совсем - цвет меняется только при наведении на текст. 2) Реализация этого меню в IE6 (в старших не проверял) выдает панель о небезопасном содержимом. Можно ли изменить это меню так, чтобы все работало (желательно валидно) и эта панель не появлялась? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Документация</title> <meta http-equiv="Content-Type" content="text/htm…
0 votes9 answers -
max-width и min-width в ie8
Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.
0 votes23 answers -
возможно ли описание стиля id селекторов "по маске"?
Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?
0 votes6 answers