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
29542 questions in this forum
-
Отступы и паддинги в <a href>
Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;…
0 votes12 answers -
текст налезает на картинку
Приветствую, Не могу понять, почему так происходит Текст тупо залезает на картинку, хотя у той стоит align="left" (float: left) также не дает эффекта. Как это можно исправить? Пример где это наблюдается - http://sbride.ru/users/310/
0 votes2 answers -
Посоветуйте книгу по HTML&CSS для изучения с нуля
Посоветуйте книгу, для новичков желательно написанную простым и понятным языком (не по HTML5).
0 votes6 answers -
Подскажите пожалуйста
Подскажите пожалуйста можно ли сделать простейшую гостевую только с помощью HTML? ни поиск по сайту, ни гугл не помогли
0 votes17 answers -
Полоса прокрутки
Простите пожалуста,а как сделать такую же полосу прокрутки,как на картнке справа? ПРичём дело в том,что у меня вертикальная длина таблицы всего 300px
0 votes9 answers -
height: auto для ios < 6
Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
0 votes15 answers -
Оформить поле ввода и кнопку
Как мне оформить поле ввода и кнопку уникальным дизом? Я нарисовал сво? поле ввода и кнопку, а как заставить их работать?
0 votes9 answers -
Firefox, высота таблицы и размер содержимого
Добрый день! Есть таблица, в которой 1 строка произвольной высоты. Все остальные - фиксированные. В ячейке этой строки находится дивка. У неё может быть произвольное содержимое и надо, чтобы появлялись полосы прокрутки. Всё работает в ие6, опере, хроме. Но фф просто растягивает таблицу так, чтоб уместить всю дивку в ней, полосы прокрутки появляются тлько если фиксировать её размер (а надо, чтоб она была на всю ячейку, т.к. у ячейки может быть произвольная высота). по коду получается так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title…
0 votes16 answers -
Не работает стиль в Мозиле
Собственно есть сайт на нем стиль ссылок в листалке сообщений, в Опере и ИЕ выглядит одинаково и применяется стиль, но в Мозиле и Сафари стиль ссылок не применеятся! <div id="number_vo"><span class="stil1">1</span> <span class="stil1_1"><a href="#">2</a></span></div> #number_vo { padding-bottom: 20px; padding-top: 50px; padding-right: 15px; text-align: right; } .stil1 { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #ef6e12; padding-right: 3px; padding-left: 3px; } .stil1_1 a { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #516669; padd…
0 votes7 answers -
Как растянуть контент до подвала
Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru 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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…
0 votes8 answers -
План изучения верстки
Здравствуйте у меня есть типо стратегия изучения верстки Сначала книги: 1)HTML & XHTML. Подробное руководство(не устарела ли данная книга?) 2)CSS. Каскадные таблицы стилей. Подробное руководство(не устарела ли данная книга?) 3)Верстка веб-страниц Автор:Влад Мержевич(не устарела ли данная книга?) 4)Затем изучить информацию которая находиться на сайте htmlbook.ru(то есть на этом) После этого скрипты: 5)Бер Бибо, Иегуда Кац - jQuery. Подробное руководство по продвинутому JavaScript(не устарела ли данная книга?) 6)JavaScript. Подробное руководство(не устарела ли данная книга?) Ну и конечно это все будет сопровождаться тренировками Сколько все это займет времени примерно и…
0 votes3 answers -
Невероятная проблема с png
При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…
0 votes12 answers -
vertical-align: middle не работает на IE7
Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.
0 votes12 answers -
CSS - Overflow
Додбрый день, уважаемые, подскажите пожалуйста, вот есть блок у которого свойство overflow - hidden. Внутри него находится другой блок, который по размерам больше 1-го. Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается. Можно ли как-нибудь задать свойство таким образом, чтобы сво-во overflow-hidden не распространялось на внутренний блок, как-нибудь переопределить его? Помогите пожалуйста. Не получается у меня. Спасибо за внимание.
0 votes8 answers -
Можно ли закруглить таблицу с CSS без изображений?
Вот такой вопрос. Можно ли закруглить таблицу с CSS без изображений?
0 votes10 answers -
Почему Могут Не Отображатся Картинки?
http://www.jam-tver.com/index.php?case=friends Там должны отображаться картинки и линии, ссылки вроде правильные, и файлы в нужной папке есть. В чём может быть проблема?
0 votes7 answers -
Начальная ширина мобильного дизайна
Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?
0 votes5 answers -
ССЫЛКИ МНОГО ССЫЛОК!!!!
у меня на сайте есть похожие ссылки,как мне избежать тупого контрл+це контрл+в
0 votes21 answers -
Центрирование блока меню
Доброго времени суток! Подскажите, пожалуйста, как сделать данное меню по центру или растянуть по ширине ячейки. <link rel="stylesheet" type="text/css" href="../CSS/cssmenustyles.css"> <table width="850" border="0" align="center"> <tr align="center"> <td align="center"><ul id="cssmenu"> <li><a href="#">Текст1</a> </li> <li><a href="#">Текст2</a> </li> <li><a href="#">Текст3</a> </li> <li><a href="#">Текст4</a> <ul> <li><a href="#">Текст5</a>&…
0 votes36 answers -
float
Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.
0 votes29 answers -
Почему на инпут не действует псевдоЭлеммент?
афтер не работает https://jsfiddle.net/1ygc5Lkb/
0 votes3 answers -
Проблемы в IE6 с отступами div
Вот код... в Firefox все прекрасно, жалко нельзя картинки в архиве прикрепить, но они по углам как бы округляют прямоугольники... В Ie6 все плохо... Если на странице, а не вырвав код,то просто похоже IE не видит height ... у него как-будто она фиксированная... как исправить? <div style="display:inline; float:left; padding-left:15px; padding-right:15px; width:110px; "> <div style="background-image:url(io/block_lite_blue_top_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:10px;z-index:3; "></div><div style="background-color:#EBFEFD; float:left; width:94px; background-repeat:no-repeat; height:10px;z-index:3; displ…
0 votes3 answers -
ячейка не заполняется полность
начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом
0 votes7 answers -
frD-Горизонтальная полоса прокрутки: почему появляется?
Есть макет сайта, фиксированная табличная верстка ширина 1000 пикселей, при разрешении 1024 на 768 появляется горизонтальная полоса прокрутки, хотя сам каркас визуально вмещается в экран и вроде ничего не выползает(видны маленькие белые полосы по бокам). Даже скрин сайта тоже ровно 1000 точек. На больших разрешениях все нормально. Что это может быть?
0 votes4 answers -
IE8 margin: 0 auto;
В IE8 этот код в css стиле не центрирует, а в опере и мазиле баннер с идентификатором container стоит по центру #container { width: 760px; margin: 0 auto; }
0 votes5 answers