HTML Coding

29542 questions in this forum

1. Псевдоклассы

   Всех приветствую! Начал изучать 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 -…

   Asked by The_Immortal, November 25, 2012

   0 votes
   5 answers
2. Заголовокпо центру сдвумя линиями по бокам

   Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <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…

   Asked by 3des, November 25, 2012

   0 votes
   4 answers
3. Оптимизация слайдера под IE

   Всем привет. Есть пример удобного слайдера на чистом CSS3. Но проблема в том что не работает под EI (8-10).. Помогите пожалуйста отремонтировать под EI. Ссылка на пример: http://www.amiro.ru/samples/css3-slider Выложил отдельно чистый пример слайдера: http://webfile.ru/6232900

   Asked by dorex, November 25, 2012

   0 votes
   1 answer
4. К вопросу о портфолио

   Добрый день! Меня, как начинающего верстальщика, интересует вопрос о составлении портфолио, а точнее: чем это портфолио наполнять. Могут ли у меня в портфолио находится единичные странички (по типу divhack'a и пр.)? Дабы заинтересованное лицо могло оценить сам код. Или же в портфолио должны быть уже готовые и работающие сайты?

   Asked by SuperJerk, November 25, 2012

   0 votes
   2 answers
5. Пути для ssi

   Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…

   Asked by mckey72, November 25, 2012

   0 votes
   2 answers
6. Помогите с 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…

   Asked by grabla, November 25, 2012

   0 votes
   10 answers
7. CSS. Подключение файла из не корневой директории

   Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.

   Asked by Feel, November 25, 2012

   0 votes
   3 answers
8. Центрирование списка

   Пытаюсь редактить готовый шаблон. Имеется список ссылок в виде маркированного списка: http://jsfiddle.net/The_Immortal/kVxDU/ Необходимо этот список оцентрировать... Я так понимаю, надо центрировать div, в котором содержится ul. Поэтому написал: <div class="usermenu"; align="center"> Но, как видите, результата никакого

   Asked by The_Immortal, November 25, 2012

   0 votes
   3 answers
9. Главное меню

   Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал 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…

   Asked by talover, November 25, 2012

   0 votes
   2 answers
10. Помогите написать скрипт

    Помогите написать скрипт. У меня есть 2 окна для ввода (html). Нужно сделать так чтобы при вводе числа в первое окно, во втором появлялось это число умноженное на 10, а при вводе во 2е в 1ом появлялось бы это число деленное на 10, так же надо сделать так, чтобы в окна можно было вводить только числа

    Asked by aldo29, November 25, 2012

    0 votes
    1 answer
11. Не могу побороть 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; /*как заставить это работать?*/ }.

    Asked by VasyOK{!}, November 25, 2012

    0 votes
    10 answers
12. Проблема с колонками

    Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!

    Asked by rafaello9, November 25, 2012

    0 votes
    3 answers
13. Позиционирование блоков !

    Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 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…

    Asked by cheatoff-strike, November 25, 2012

    0 votes
    1 answer
14. Проблема с закругленными углами

    Доброго времени суток. Пытаюсь по уроку сделать градиент в 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…

    Asked by Piley, November 25, 2012

    0 votes
    2 answers
15. проверка формы обратной связи

    Один спамер бомбит мой ящик через форму обратной связи на сайте. В каждом письме вводит телефон 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 />'; в чем ошибка?

    Asked by apexis, November 25, 2012

    0 votes
    5 answers
16. кроссбраузерность 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"…

    Asked by sleepnow, November 26, 2012

    0 votes
    0 answers
17. Подскажите по наложению слоёв

    Добрый день, Нужно сделать следующее: один слой растянуть на 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…

    Asked by _Igor_, November 26, 2012

    0 votes
    3 answers
18. Несколько вопросов по адаптивному дизайну

    Всем привет. Недавно почитал о адаптивном дизайне, идея понравилась и захотел научиться верстать адаптивные сайты, и по этому поводу у меня возник ряд вопросов, на которые, надеюсь, местные гуру мне дадут ответ. 1. Для мобильных устройств шаблон верстается отдельно? (другая разметка, уменьшенные картинки) 2. Какой оптимальный размер выбирать для картинок background-image тела сайта?(у меня к примеру они 968px) 3. Как выбирать процентное отношение размера для самого главного контейнера (<div id="container">), точнее относительно чего берется это отношение? Просто вычитал, что уже внутри блок берется соотношение размера нужного блока до размера блока, в котором находи…

    Asked by SeriousSem, November 26, 2012

    0 votes
    3 answers
19. Фон справа и слева разный

    На фото, там где слайдер - переход фона слева и справа разный. Код примерно такой: <div style="width:100%; background: #FF0;"> <div style="width:980px; margin:0 auto;"> здесь слайдер </div> </div> Как сделать так, чтобы слева, где заканчивается слайдер - продолжался такой же фон? А справа соответственно такой же, как справа у слайдера http://s2.ipicture.ru/Gallery/Viewfull/18603720.html

    Asked by Imperil, November 27, 2012

    0 votes
    3 answers
20. В Хроме и ИЕ на работает onclick

    <select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?

    Asked by saymon, November 26, 2012

    0 votes
    2 answers
21. Как прописать два класса сразу?

    Здравствуйте, у меня такой кусочек <OL class="instructions" class="ol"> <LI>№</LI> <LI>№</LI> <LI>№</LI> <LI>№</LI> </OL> Как прописать два класса в одном? Думаю что так <OL class="instructions ol">№</OL> Но правильно ли это будет?

    Asked by Tezil, November 26, 2012

    0 votes
    2 answers
22. Убрать картинки

    Есть вот такой вот код <!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')…

    Asked by skillful, November 26, 2012

    0 votes
    2 answers
23. border-radius+box-shadow+opera=баги

    Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.

    Asked by hazy17, November 26, 2012

    0 votes
    0 answers
24. Резиновый фон

    Подскажите, как реализовать резиновый фон? Есть нижняя и верхняя картинка. Нижняя статична, тоесть по идее не должа растягиваться, а верхняя это уже резиновая картинка, типа полоски которая тянется вниз и вправо. 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; Если я воо…

    Asked by Noraad, November 26, 2012

    0 votes
    1 answer
25. 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:…

    Asked by rtl_one, November 26, 2012

    0 votes
    2 answers