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
-
PHP- Создание теста
Всем привет, хочу сделать тест и кое-что уже набросал: <a class="insidedata"> <div class="textcont">Q1: Your physical height <p><input name="height" value="1" type="radio">160-170cm</p> <p><input name="height" value="2" type="radio">170-180cm</p> <p><input name="height" value="3" type="radio">180-190cm</p> <p><input name="height" value="4" type="radio">190-200cm</p> </a> </div> <?php if($height = 1){ $gnom+1; $dwarve+1; $goblin+1; } if($height = 2){ $orc+1; $human+1; $bloodelf+1; $undead+1; } if($height = 3){ $troll+1; $nightelf+1; } if($height = 4){ $worgen+1; …
0 votes19 answers -
Разное видение размера шрифта в фотошопе и браузерах
Размер на макете 11pt - в вёрстке ставлю 15px(11pt) (хоть em, хоть pt). Но, браузер видит шрифт по-другому, примерно так: 11pt на макете=8pt в браузерах. Почему так? Это не даёт мне покоя уже значительно долго, всё руки не доходил тему открыть. Так выглядит на макете Так в браузерах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .text { width: 205px; border: 1px solid #ededed; } p { font: bold 15px Tahoma, Geneva, sa…
0 votes10 answers -
как нужно выравнивать футер
знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?
0 votes5 answers -
БЭМ и именование заголовков
Почитал про БЭМ в очередной раз. И задумался над одной вещью. Пусть у нас есть несколько блоков на странице. У каждого блока есть заголовок. Заголовки одинаковые. То есть их можно описать одними и теми же CSS-правилами. С одной стороны, логично заголовки обозначать как элементы блока. А с другой, так как они одинаковые, можно выделить в отдельный блок. Кто что думает по этому вопросу?
0 votes8 answers -
Блок поверх других
Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…
0 votes8 answers -
Полупрозрачный градиент поверх изображения
Всем привет! Такой вопрос: как при наведении на <img> наложить полупрозрачный градиент средствами CSS поверх картинки? Структура HTML такая: <div class="item"> <img src="/img/about-us-1.png" alt="#"> </div> Пример: справа - нормальная картинка, слева при наведении.
0 votes13 answers -
Помогите исправить ошибки в CSS
Вот ссылка с валидатора на страницу ошибок ссылка на валидатор
0 votes14 answers -
Div в две колонки
Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.
0 votes4 answers -
Один div над другим
Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </d…
0 votes15 answers -
Размещение меню поверх картинки.
Уважаемые форумчане, подскажите, как расположить меню поверх картинки? Картинки и "Главная" находятся в одном div`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам) Заранее спасибо.
0 votes12 answers -
Сделать картинки квадратными
Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.
0 votes9 answers -
Проблемы с flex в Safari
Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title>…
0 votes16 answers -
Фиксированая ширина каркаса с резиновыми боками
Здравствуйте, целый день промучался с версткой на дивах, цель такая: Есть дизайн, фиксированая ширина 1000 пикселов по центру браузера. Но в дизайне есть слева и справа дополнительные блоки вокруг центра, ширина каждого блока 300 пикселов. Но они должны обрезаться слева и справа соответственно от ширины браузера. Горизонтальная прокрутка должна появляться только тогда, когда ширина браузера меньше 1000 пикселов. Должно быть валидно (XHTML), работать во всех браузерах (IE 6-8, Firefox, Opera, Safari, Chrome, Netscape Navigator) одинаково. Без использования JavaScript. Вот что есть на данный момент: http://vws.com.ua/projects/test/
0 votes70 answers -
Вопрос знатокам
Здравствуйте! подскажите,как решить проблему. фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка). меню имеет выпадающее подменю на текст. Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон? Заранее благодарен!
0 votes114 answers -
растянуть блок до самого низа
Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!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="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>сайт</title> <!--<link rel="stylesheet" type="text/css" media="all" href="base.css">--> <style> *{margin:0;padding:0} html { height: 100%; } body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; position: rela…
0 votes8 answers -
Полоса прокрутки Iframe как ее УНИЧТОЖИТЬ?
Как убрать вертикальную полосу прокрутки у Айфрейма,но оставить возможность прокручивать...
0 votes6 answers -
Выравнивание текста по нижнему краю в пустом блоке
Проблема нижеописана. Возможно, нет решения. Тогда знать бы, что нет, буду юзать таблицы. Сайт состоит из двух столбцов. Слева меню, справа основная часть. Меню довольно длинное. В основной части в некоторых случаях не больше одного абзаца. То есть много пустого места. Как расположить, скажем, строку текста по нижнему краю правого столбца, примерно, где заканчивается меню в левом столбце, когда на этой строкой будет много пустого места. Да. Если высота блока фиксирована, можно. Но высота столбца переменна. Это возможно?
0 votes9 answers -
Counter для slick-slider
Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку
0 votes3 answers -
футер (картинка)
Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.
0 votes15 answers -
Верстка выдерживающая масштабирование в браузерах
Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.
0 votes4 answers -
Проблема с checkbox
Приветсвую ! Подскажите, пожалуйста, как выровнять текст возле checkbox'а ровно посерединке флажка ? А то в Хроме почему-то текст слегка смещён вниз.
0 votes6 answers -
Полоса вверху сайта
На всех моих сайтах одна и таже проблема. Вверху сайта какая-то полоса, прошу помочь ее убрать http://blog-rt.ru/
0 votes35 answers -
Как запретить перенос текста в определенном фрагменте?
Есть некоторый текст. Например: Задача запретить перенос строки в фрагменте: [-1 P. Sem.] Т.е. можно чтобы текст переносился вот так: или так: А так нельзя: и так нельзя: Возможно ли как то это сделать? Есть ли какие то специальные теги в хтмл, запрещающие перенос строки в обрамленном фрагменте текста?
0 votes43 answers -
Автоматическое растягивание Div'а + очередность
Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboar…
0 votes23 answers -
Позиционирование меню поверх слайдера
Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??
0 votes13 answers