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
-
Псевдоклассы
Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…
0 votes5 answers -
Заголовокпо центру сдвумя линиями по бокам
Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <h1><span>Some text</span></h1> h1 { display: block; text-align: center; font: 22px/22px Georgia; color: #fff; } h1 span { display: inline-block; } h1 span:before, h1 span:after { content: ""; display: inline-b…
0 votes4 answers -
Оптимизация слайдера под IE
Всем привет. Есть пример удобного слайдера на чистом CSS3. Но проблема в том что не работает под EI (8-10).. Помогите пожалуйста отремонтировать под EI. Ссылка на пример: http://www.amiro.ru/samples/css3-slider Выложил отдельно чистый пример слайдера: http://webfile.ru/6232900
0 votes1 answer -
К вопросу о портфолио
Добрый день! Меня, как начинающего верстальщика, интересует вопрос о составлении портфолио, а точнее: чем это портфолио наполнять. Могут ли у меня в портфолио находится единичные странички (по типу divhack'a и пр.)? Дабы заинтересованное лицо могло оценить сам код. Или же в портфолио должны быть уже готовые и работающие сайты?
0 votes2 answers -
Пути для ssi
Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…
0 votes2 answers -
Помогите с background!
Помогите изменить серый фон на сайте http://satsputnik.500mb.net/ на фон с градиентом. Как я только не пробовал изменить его получается одно и тоже (фон получается с градиентом но шапка сайта исчезает за шапку отвечает файл bg_top.jpg саму строку с параметрами для градиента я водил вместо background:#afafaf (отвечает за фон который сейчас на сайте) вот так получилось html, body { margin:0; height:100%; font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; color:#515151; line-height:14px; background:-webkit-linear-gradient(left, #f9f9f9, #000000); url(../images/style/bg_top.jpg) no-repeat center top; } также пробовал параметры градиента такие background…
0 votes10 answers -
CSS. Подключение файла из не корневой директории
Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.
0 votes3 answers -
Центрирование списка
Пытаюсь редактить готовый шаблон. Имеется список ссылок в виде маркированного списка: http://jsfiddle.net/The_Immortal/kVxDU/ Необходимо этот список оцентрировать... Я так понимаю, надо центрировать div, в котором содержится ul. Поэтому написал: <div class="usermenu"; align="center"> Но, как видите, результата никакого
0 votes3 answers -
Главное меню
Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contac…
0 votes2 answers -
Помогите написать скрипт
Помогите написать скрипт. У меня есть 2 окна для ввода (html). Нужно сделать так чтобы при вводе числа в первое окно, во втором появлялось это число умноженное на 10, а при вводе во 2е в 1ом появлялось бы это число деленное на 10, так же надо сделать так, чтобы в окна можно было вводить только числа
0 votes1 answer -
Не могу побороть vertical-align
Привет, верстальщики! Не могу вкурить свойство vertical-align. Вот сайт http://elektroshocker-pochtoi.ru на нем вот так клеточки: Как выровнять название по центру клетки? Делал так (не работает): .view-frontkat .views-field-title { background: url("../images/color-schemes/blue_block_bg.gif") repeat-x scroll left top #34537E; border-radius: 3px 3px 0 0; height: 66px; } .view-frontkat .views-field-title .field-content { vertical-align: middle; /*как заставить это работать?*/ }.
0 votes10 answers -
Проблема с колонками
Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!
0 votes3 answers -
Позиционирование блоков !
Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 1) Как сделать такую конструкцию <div Нижний блок> <div Top>••War3FT 100lvl New Ra...</div> <div Bot> 46.188.18.78:27016</div> </div> ?? Смысл конструкции в том чтобы текст в блоках обырвался если он привышает ширину допустим в 50пкс. Как это сделать ? В моем случае он просто разширяет блок и все.... 2)Как сделать чтобы блок с названием карты и колвом игроков "35hp_2 4 / 32" Находился по верх изображения блока сверху? Я пытался как мог разными способами... но он не как не вставал по верх... только в разные стороны сьезжал вокруг и все. Меня мучают только эти 2…
0 votes1 answer -
Проблема с закругленными углами
Доброго времени суток. Пытаюсь по уроку сделать градиент в CSS для изображения. Возникла проблема с закругленными углами. Вот HTML <!DOCTYPE html> <title>Градиенты</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <div class="container"> <img src="http://lorempixel.com/400/300/city"> </div> Вот CSS body { backgrounnd: url(http://subtlepatterns.com/patterns/subtlenet2.png); } .container { width: 400px; height: 300px; float: left; margin: 40px; background: #999; overflow: hidden; cursor: pointer; position: relative; border-radius: 5px; box-shadow: 0 8px 15px rgba(0,0,0,.6); } .contai…
0 votes2 answers -
проверка формы обратной связи
Один спамер бомбит мой ящик через форму обратной связи на сайте. В каждом письме вводит телефон 123456. Я задумал написать проверку на введение этого телефона, но она не работает. <div>Ваш телефон</div> <input type="text" name="phone" class="formfields" value="'.@$_POST['phone'].'" /> <br /><span style="font-size: 11px; color: gray; margin-left: 147px;">Например: 0501111211</span><br /> '; if(@$_POST['submit'] and !@$_POST['phone'] or @$_POST['phone'] == '123456' ){ echo '<span style="color:red;">Не указан телефон</span><br />'; в чем ошибка?
0 votes5 answers -
кроссбраузерность css
Добрый день господа. CSS столкнуло сравнительно не давно. До этого nix. Все вопросы обычно решает гугл, он же знает все) Но тут я слегка подзастрял. Я написал простенький сайтик, в хедере которого находится пару кнопок.. которые при hover изменяют изображение ( aka костыли изменения картинки). html: <div id="link_main" onclick="location.href='./index.html';" style="cursor:pointer;"> </div> <div id="link_services" onclick="location.href='./services.html';" style="cursor:pointer;"> </div> <div id="link_price" onclick="location.href='./price.html';" style="cursor:pointer;"></div> <div id="link_contact"…
0 votes0 answers -
Подскажите по наложению слоёв
Добрый день, Нужно сделать следующее: один слой растянуть на 100% по ширине и длине окна, который будет фоном, и второй слой заданной ширины, разместить по центру страницы с заданным отступом сверху. Сверстал небольшой пример нужной страницы, проверил в 4-х браузерах IE9, FF11, Chrome и Opera 12.11. Корректно отображается только в опере, в мозиле и хроме бэкграунд сверху смещается на 100px, а в IE9 сверху отступа нет, но бэкграунд съезжает в сторону. Подскажите чего не хватает? Код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Наложение слоёв</title> <style t…
0 votes3 answers -
Несколько вопросов по адаптивному дизайну
Всем привет. Недавно почитал о адаптивном дизайне, идея понравилась и захотел научиться верстать адаптивные сайты, и по этому поводу у меня возник ряд вопросов, на которые, надеюсь, местные гуру мне дадут ответ. 1. Для мобильных устройств шаблон верстается отдельно? (другая разметка, уменьшенные картинки) 2. Какой оптимальный размер выбирать для картинок background-image тела сайта?(у меня к примеру они 968px) 3. Как выбирать процентное отношение размера для самого главного контейнера (<div id="container">), точнее относительно чего берется это отношение? Просто вычитал, что уже внутри блок берется соотношение размера нужного блока до размера блока, в котором находи…
0 votes3 answers -
Фон справа и слева разный
На фото, там где слайдер - переход фона слева и справа разный. Код примерно такой: <div style="width:100%; background: #FF0;"> <div style="width:980px; margin:0 auto;"> здесь слайдер </div> </div> Как сделать так, чтобы слева, где заканчивается слайдер - продолжался такой же фон? А справа соответственно такой же, как справа у слайдера http://s2.ipicture.ru/Gallery/Viewfull/18603720.html
0 votes3 answers -
В Хроме и ИЕ на работает onclick
<select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?
0 votes2 answers -
Как прописать два класса сразу?
Здравствуйте, у меня такой кусочек <OL class="instructions" class="ol"> <LI>№</LI> <LI>№</LI> <LI>№</LI> <LI>№</LI> </OL> Как прописать два класса в одном? Думаю что так <OL class="instructions ol">№</OL> Но правильно ли это будет?
0 votes2 answers -
Убрать картинки
Есть вот такой вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>title</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> body {background: #ffffff; color: #000000; margin: 5px;} body, td {font-family: verdana,tahoma,arial; font-size: 95%;} a {color: #550000;} a:link, a:visited {text-decoration: underline;} a:active, a:hover {text-decoration: none;} ul { list-style-type: none; } .tra-post ul>li:before { content:url('http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_navigator-all-or-sel-toggle.png')…
0 votes2 answers -
border-radius+box-shadow+opera=баги
Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.
0 votes0 answers -
Резиновый фон
Подскажите, как реализовать резиновый фон? Есть нижняя и верхняя картинка. Нижняя статична, тоесть по идее не должа растягиваться, а верхняя это уже резиновая картинка, типа полоски которая тянется вниз и вправо. P.S. Создал два дива с классами - верхний и нижний BG, положил все содержимое макета в див с классом верхний BG (top-bg), и туда-же положил див с нижним BG(bottom-bg), задал для двух этих дивов две разные картинки как background, для нижнего дива установил значение - bottom. Браузер вообще не реагирует, не пойму в чем дело. .top-bg { background: url(/image/top.jpg) repeat-x; } .bottom-bg { background: url(/image/bottom.jpg) repeat-x bottom; Если я воо…
0 votes1 answer -
div верстка
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>SomeSite - Главная</title> <!--<link rel="shortcut icon" href="favicon.ico" />--> <style type="text/css"> body { background: #121212; margin: 0px 135px 0px 135px; } #header { background: red; position: relative; clear: both; height: 120px; background-size: cover; } #main_menu { position: relative; display: block; height: 39px; font-size: 11px; font-weight: bold; background: blue; border-top: 4px solid rgb(179, 0, 0); } #main_menu ul { margin: 0px; padding:…
0 votes2 answers