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
-
Сколько надо сверстать макетов, что бы хорошо набить руку?
Сколько надо сверстать макетов, что бы хорошо набить руку? Через сколько вёрсток, вы начали хорошо верстать? 30 разных вёрсток хватит?
0 votes6 answers -
Пробел под футером
Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9
0 votes5 answers -
Задать стиль каждому второму элементу
Как задать стиль для каждого воторого элемента, к примеру: <html> <head> <title>Hello world</title> <style type="text/css">tr.eachSecond {background-color:#eef;}</style> </head> <body> <table> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> </table> </body> </h…
0 votes4 answers -
глупый вопрос касательно резины
Господа у меня назрел небольшой вопрос. До недавнего времени мне приходилось делать лишь статичные макеты и центрировал я их очень просто: соз давал блок фиксированной ширины со стилем width:1095px; height:100%; padding:0 0 0 0; margin:0pt auto; text-align:left; Вот, а теперь нужен полсностью резиновый центрированный макет, но если заменить width:100%, блок уезжает.... Я понимаю, что вопрос крайне глупый, но все же. Спасибо!
0 votes8 answers -
Растягивающиеся div'ы + перенос их на новую строку
Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо
0 votes1 answer -
Непонятный перенос слов на мобильных устройствах
Может кто сталкивался при просмотре сайта на мобильных устройствах. Вроде все выглядит нормально, но при относительно больших объемах текста, в параграфах и без них слова переносятся гораздо раньше указанной ширины. Получается, что весь текст прижимается влево без всякой на то причины. Примеров огромная масса, но не пойму в какую сторону копать. Если не понятно о чем речь, то могу сделать скриншот
0 votes6 answers -
Двухмерная сетка (таблица) на плавающих div'ах.
Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </he…
0 votes2 answers -
text-decoration для текстовых ссылок но не для изображений внутри ссылок
Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!
0 votes14 answers -
Плюсы и минусы верстки
Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…
0 votes11 answers -
Firefox. Инструменты адаптивного дизайна. Изменение размеров
В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?
0 votes5 answers -
Линия с прозрачными краями (затухание)
Вопрос, как лучше сделать линию ?
0 votes5 answers -
Как обратиться к значению класса в HTML ?
Есть HTML страница, в которой есть класс: <div class=infoLine cPower><i></i> Мощность: 539.50 </div></div>Можно ли как-то через другую HTML страницу обратиться к этому классу и вытащить из неё значение 539.50? Если да то как? P.S. Просьба не пинать, HTML изучал в универе, кое-что знакомо, но не работал, тут вот чё-то захотелось))
0 votes10 answers -
Нет подчеркивания у текста на кнопке
Такой стиль .temp input[type=submit] { border:0; background:none; font: italic 10px "Times New Roman"; text-decoration:underline !important; color:#7f7f7f; margin-top:20px;} Все остальное оки, но НЕТ ПОДЧЕРКИВАНИЯ. Бред какой-то
0 votes8 answers -
Смена адреса через .htaccess
Здравствуйте. Суть проблемы вот в чем: необходимо сменить адрес в DLE: www.мойсайт.ru/index.php?newsid=1 на www.мойсайт.ru/page.html. В файле .htaccess (который лежит в корне) прописал: RewriteRule ^page.html$ /index.php?newsid=1 [L] но изменений нет.
0 votes9 answers -
Включить режим совместимости только для ие7, как?
Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)
0 votes15 answers -
Проблема с отображением верстки под safari
Проблема с отображением верстки под safari Суть проблемы: 1. Пациент - http://test.velesgodstudio.ru http://joxi.ru/36mqU_3JTJA7Y1Rnto8 - проблема При расширении экрана 1366 пикселей, фоновая картинка <div class="line-logo" style="background: url(images/wwb_img3.jpg); height: 103px; display: block; max-height: 103px;">.line-logo { width: 100%; background-image: url(../images/wwb_img3.jpg); background-repeat: repeat-x; background-size: cover; height: 103px; z-index: 10; margin-top: -10px;}С такими костылями, увеличивается в низ, в результате чего картинка лого, и список меню, выпадают с рамки. Уменьшаешь рамку браузера все стает на свои места, подскажите в чем ош…
0 votes2 answers -
Поворот экрана и вёрстка ломается!
Сайт на горизонтальном экране ноутбука Lenovo выглядит нормально, при повороте экрана вертикально, вёрстка ломается. Причём на мобильных устройствах вертикальный просмотр нормальный... Можно ли удовлетворить и вертикальный вариант просмотра на ноутбуке?
0 votes2 answers -
Модальное окно в слайдере
Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.
0 votes5 answers -
oveflow-y: scroll когда не влазит динамический контент
Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…
0 votes5 answers -
Центрирование страницы после якоря
При клике на якорь, браузер продергивает документ что бы якорь оказался в верху. Можно ли его каким нить образом убедить что бы якорь оказывался в центре окна.
0 votes4 answers -
Прыжок
не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru и ещё хочу на сайт сделать форму для писем (чтоб письма отправлять прямо со страничке) как правильно называется эта форма и может где-нибудь есть готовые !!!
0 votes10 answers -
FrontPage 2000 (2003 ) и DreamWeaver 8 *
Извините, если тема давно обглоданная и забытая. Но меня волнует. Поэтому благодарен буду за объяснения и помощь. (FAQ просмотрел. Несколько страничек с темами форума тоже. Не нашел. Если прозевал - извините великодушно!) Ситуация такая. Понадобилось накатать большой сайт для фирмы друга. В конце 90-х начале 2000-х годов уже занимался созданием сайтов. Своих имел аж два :-) Писал в FP-98, потом в 2000. Основные знания имел. Потом 8 лет вообще к этой теме не притрагивался. Теперь вот понадобилось и сильно и срочно. Поэтому встал вопрос - в чем писать? У меня есть FP-2000 и 2003. Нашел DW-8 с книжкой. В принципе, и FP-2000 вспоминается легко (2003 сложнее, есть непонятные р…
0 votes11 answers -
Проблема с <iframe> у IE 7,8
Проблема в следующем, использую тег <iframe>, на странице полупрозрачный фон таблицы, страницы которые грузятся в <ifarme> без установки фона (рисунка или заливки, то есть авто) не заливают фон, проверил на firefox, opera, safari, а IE как 7 так и 8 заливат фон в зависимости от того какой цвет стоит по умолчанию. IE Firefox Opera Safari А теперь вопрос, есть ли возможность избежать эту проблему? Заранее благодарен! =)
0 votes4 answers -
Как сделать минимум и мах видз для ие6?
Как сделать минимум и мах видз для ие6?
0 votes9 answers -
Выпадающее меню в ИЕ6
roksa.dev.dz.ru Некорректно отображается выпадающее меню в ИЕ6. Идет наследование бекграунда последнего li. Если убрать бекраунд последнего LI, то наследуется предпоследний. Такая же ситуация происходит, если повысить приоритет для отдельного класса LI. Если есть какие либо мысли буду счастлив услышать)
0 votes7 answers