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
-
IE8 и border-radius
Проблема заключается в том, что все бразуеры кроме IE8 и ниже понимают border-radius и работают с ним на ура. Но как заставить понимать IE8 понимать и соответственно отображать закруглённые углы(border-radius)?
0 votes18 answers -
[БАГ] firefox \ input \ padding \ %
Обнаружен баг, заключающийся в том, что пэддинг по горизонтали не высчитывается корректно для инпутов в лисе, если задан в процентах. Возникают два вопроса: 1. Идеи, как это хакнуть? 2. Кто отправит баг-репорт в мозиллу? Примерный текст:
0 votes18 answers -
реализация полупрозрачной полосы на две-колонки
Здравствуйте! нужно корректно сверстать полупрозрачную полосу, все хорошо можно было бы решить z-индексом, проблема в том что правая половина находится под этой полосой, левая с текстом над ней. решил разбить полосу на две части и попробовать используя {background: rgba( 184, 58, 237, 0.7);} справиться с этой задачей. но при разных размерах экрана полосы "плывут" относительно друг друга. абсолютное позиционирование превращает текст в левой части в кашу. Подскажите как справиться с этой задачей не разбивая эту полосу на две части?
0 votes18 answers -
ячейка в таблице определенного размера
хоться иметь таблицу с ячейками размером 2 на 2 пикселя но никак не получается кажись вина в шрифте (его размере) помогите кто может всем за ранние спосибо
0 votes18 answers -
CSS-код для такой формы кто-нибудь делал?
сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом
0 votes18 answers -
Помощь по CSS
Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png
0 votes18 answers -
Список внутри параграфа
Если я в html пишу: <p> <ul> <li>text</li> <li>text</li> </ul> </p> то когда открываю страницу в браузере получается: <p></p> <ul> <li>text</li> <li>text</li> </ul> <p></p> т.е. параграфы сами закрываются где не надо. Как сделать что бы работало нормально?
0 votes18 answers -
Разделение страницы вертикально на две части
Всем привет! Устал уже гуглить... Нужно вот что: Разделить страницу на две части в процентах. Колонки должны быть до самого низа окна, даже если контента меньше. Если больше, то появляется, как обычно, полоса прокрутки, но колонки остаются одинаковой высоты. В каждом из блоков внутренние отступы со всех сторон в процентах. Да, и чуть не забыл, работать должно в IE 6<, Opera 8.1<, Firefox 1.5<, Chrome и Safari. Может кто сталкивался с такой задачей или ткните, если кто-нибудь знает, в какую-нибудь супер-крутую ссылку. P. S. Вот эту можно не предлагать. Там, если убрать шапку и подвал, получается почти, как надо, но не доходит до низа, если мало контента.
0 votes18 answers -
fixed div
Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?
0 votes18 answers -
поиск по прикрепленному к сайту файлу
Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить
0 votes18 answers -
Картинка при наведении курсора на текст
Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…
0 votes18 answers -
Шапка сайта
Здравствуйте. Начал верстку с шапки. Проблема, типичная для новичка. У меня не получается наложить сам контент (кнопочки и прочее, как на скрине) Как сделать так, чтобы на саму шапку (повторяющийся элемент во всю длину монитора) наложить вот эти кнопочки и т.д., как будто это wrapper? Чтобы была рабочая зона. Заранее благодарю!
0 votes18 answers -
Добавление текстуры
Решил на фон положить текстуру. В Люстре у макета стоит серый фон. Добавляем эффект текстуры. Возникает вопрос — как теперь это переложить на html? Да, вопрос простейший, но что ж, столкнулся впервые)) Задача первая. Вариант сделать весь фон картинкой с текстурой огромных размеров и засунуть в bg с обрезкой через overflow. Но не скажутся ли такие размеры на скорости? Просто делать фон под стандартные размеры экранов и ставить репит вообще не алё, как и просто продолжать серым фоном… Задача вторая. Вариант сделать небольшой кусок и пустить через репит. Но вопрос у меня. Есть ли оптимальные или стандартные размеры такого куска? Вообще, по-моему часто встречались 32*32… И пр…
0 votes18 answers -
HEIGHT не понимает 100%
Подскажите пожалуйста, такая маленькая проблема: <div style="width: 100%; height: 100%"></div> Почему не хочет он становиться в ширину 100% по размеру окна?
0 votes18 answers -
Нету прозрачности в ie
Здравствуйте. Вот у меня по разному отображаются картинки в шапке. Пропадает прозрачность видимо. Причём это происходит в ie7 и ie8 (под ie6 не верстаю). Просто то, что я гуглил по этому вопросу, всё сводится к фиксу в ie6. Про 7 и 8 написано, что всё нормально должно быть. Вот пример: Ie 7: http://smotr.im/5QgD Chrome: http://smotr.im/5QgE
0 votes18 answers -
Валидация. Мозг вскипел....
Здравствуйте. Validator.w3.org выдает ошибки по моему шаблону которые я исправить не могу так как не могу понять что не так... Буду благодарен за разъяснения. 1. required attribute "type" not specified <script>(function(){if(window===window.parent){… 2. document type does not allow element "input" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag <input type="text" name="s"> 3. start tag was here <input type="text" name="s"> 4. end tag for "input" omitted, but OMITTAG NO was specified <input type="submit" value="Искать" > 5. required attribute "alt" not specified …" height="49" src…
0 votes18 answers -
моя 1ая работа
Приветствую. Я художник + изучаю photoshop. Решил сделать себе небольшой сайт. Делаю с нуля в блокноте. Это мой 1 проект. http://rghost.ru/40171398/image.png моя наработка http://rghost.ru/40171406/image.png хочу сделать так Не знаю как перемещать текст, пока использую пробел вида т.к. сайт простенький и будет в нём примерно 10-15 страниц решил делать его вручную, хороший опыт для меня. вот как я делаю, да очень топорно вопрос состоит в том, чтобы переместить текст как это сделать? <html> <head> <title>Картины, макеты, рекламные апликации, фото, портреты и многое другое</title> </head> <body> <br> <center> <span st…
0 votes18 answers -
Ссылки внутри статьи
Дело в том, что у меня фиксированное width:100% меню в самом верху сайта, и когда я устанавливаю ссылку через <a name, то у меня это самое меню "съедает" заголовок или часть текста которое должно отображаться, как быть?
0 votes18 answers -
Как расширить тег на оставшуюся ширину
Здравствуйте. На сайте пытаюсь расширить последний блок li в верхнем меню до конца строки меню. Как правильно это делать? Я пробовал так ul#css3menu2>li:last-child{ width:auto; text-align:right; } И так: ul#css3menu2>li:last-child{ width:100%; text-align:right; } но последний вариант переносит последний пункт меню на новую строку. Как правильно это сделать, чтобы слово 38 лет на рынке IT было на правом конце подложки меню?
0 votes18 answers -
реально такое сверстать?
Наконец-то дождался, когда зработает форум))) Здравствуйте. Подскажите пожалуйста, как можно реализовать такую структуру или это вообще невозможно?? 1. Блоки Article и Sidebar - одинаковые по ширине, но разные по высоте. 2. Блок Sidebar должен обязательно находится только справа. В голову нормальные варианты вообще не приходят)))
0 votes18 answers -
Один на 2-их(проблема с версткой)
Исходный код-http://pastebin.com/vkBjpVK6 Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что) Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда Если кто-то может помочь с данной проблемой,просьба отписаться Буду рад любой помощи!
0 votes18 answers -
нужна помощь по абсолютному центрированию слоя
Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…
0 votes18 answers -
Как создать приставку "ru"?
Как сделать так что бы у моего сайта была приставка ru в начале домена?На сайте 2 языка англ и рус,для англ версии ненужные приставки а для русской версии нужно что бы вначале была приставка ру вот как здесь например http://ru.iccup.com/ как видите при выборе русского языка на том сайте поялвяется приставка,я хочу что бы у меня так же было.
0 votes18 answers -
Тень вокруг страницы
Прорисовал тень, каким образом её лучше разметить как background из пяти image? Желательно не под фиксированный размер пример нашёл, но т.к. у меня полупрозрачное изображение он накладывается и получается ерунда _http://jsfiddle.net/c4ZtJ/1/
0 votes18 answers -
Опытные подскажите пожалуйста
Народ кто опытный подскажите как вы боритесь с такими вещами в верстке: 1. когда в обвертке два плавающих элемента, то обвертка схлопывается и контент ниже обвертки наезжает на контент который в обвертке, когда-то задавал похожий вопрос, сказали очистить потолок, добавить в обвертку стиль overflow:hidden; Какие еще есть варианты? 2. Вот если фиксовый макет, я центрирую блок таким образом margin:0 auto. Но такое не работает на ie 7, как можно еще центрировать блок обвертку всего контента?
0 votes18 answers