HTML Coding

29542 questions in this forum

1. Как правильно сверстать HEADER?

   Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?

   Asked by Pumych, April 10, 2011

   0 votes
   6 answers
2. Проблема с style.css

   Добрый день. Я только учусь html и css. Вот Пытаюсь сделать страничку для ресторана. Возникла проблема: когда сайт запускается на компьютере все работает отлично но когда закидываю на хост перестает работать style.css или работает некорректно. Ниже код html и css. Что там не так, уже сил нет. Спасибо заранее за помощь. Сам сайт www.crystall.zp.ua HTML Код И CSS

   Asked by K2A, August 16, 2011

   0 votes
   13 answers
3. Линия с прозрачными краями (затухание)

   Вопрос, как лучше сделать линию ?

   Asked by webdrafting, January 3, 2014

   0 votes
   5 answers
4. ошибка валидации для MAP

   помогите пожалуйста понять суть ошибки html: <img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /><map name="link_index"> <area shape="rect" coords="1, 1, 400, 480" href="index.html" alt="" /></map> валидатор ругается: Bad value 1, 1, 400, 480 for attribute coords on element area: Expected a minus sign or a digit but saw instead.не понимаю что нужно исправить

   Asked by cyklop77, June 29, 2014

   0 votes
   5 answers
5. Как объединить popup окно и owl carousel

   Возникла проблема с объединением popup окна и owl carousel. После добавления карусели, попап окно не работает. http://garmoni.inf.ua/westworld/ http://prntscr.com/ii854d

   Asked by garmoni, February 22, 2018

   • popup
   • owl carusel
   0 votes
   5 answers
6. Объединение ячеек силами CSS

   Проблема довольно простая. В сети в книге не нашел. Необходимо объеденить ячейки в таблице с помошь CSS. Имхо довольно неудобно писать к каждой ячейке rowspan="n", особенно если их много.

   Asked by AffeRe, June 18, 2008

   0 votes
   2 answers
7. Нуждаюсь в помощи

   Почему данная таблица <?if($POLL$)?> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: rgb(84, 106, 130) url(http://s27.ucoz.net/t/341/8.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; color: rgb(245, 247, 249);" height="19"><b>Опрос</b></td></tr> <tr><td style="padding: 5px; background: rgb(201, 210, 222) url(http://s27.ucoz.net/t/341/9.gif) no-repeat scroll center top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz…

   Asked by piranha, February 18, 2009

   0 votes
   9 answers
8. Отправка данных из фрейма.

   Добрый день, уважаемые форумчане. Столкнулся с такой проблемой. Имеется файл с фреймами (рис.1). В одном из фреймов форма, с отправкой скрытого значения и кнопкой. При отправке формы, обработчик Result.php, записаный в action подгружается в сам фрейм (рис.2). Подскажите пожалуйста, как сделать так чтобы та же страница открывалась в новом окне. Испробовал следующее: прописал в кнопке атрибут onClick='location.href="Result.php"' - страница открывается, но данные не отправляются onClick='parent.location.reload()' - страница обновляется но все остается по прежнему Заранее большое спасибо за советы!

   Asked by killmister, November 30, 2016

   • html
   • php
   0 votes
   2 answers
9. Неправельно отображаются таблицы в IE (в остальных правельно)

   В мозиле, опере отобпажение идет правельное привожу скриншот в IE таблицы разной ширины , искал в чем причина не могу найти, вроде везде стоит 100% помогите вот скрин а ниже код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- левая сторона --> <td width="160" valign="top"> <!--Блок поиск --> <TABLE cellPadding=0 cellSpacing=0 > <TR> <TD vAlign=top width=14><IMG alt="" height=12 src="{THEME}/images/1_1.gif" width=14 border=0></TD> <TD vAlign=top width="100%" style="background-image:url({THEME}/images/2.gif)"></TD> <TD vAlign=top width=14><IMG al…

   Asked by lex200, October 22, 2007

   0 votes
   1 answer
10. Подсветка ника

    Здравствуйте. У меня вопрос: как создать подсветку ника фоновой картинкой на форумах vBulletin (и можно ли) вот таким вот образом: http://forums.narutofan.com/member.php?u=61126

    Asked by Вася, September 20, 2008

    0 votes
    5 answers
11. пунктирное подчеркивание у ссылки

    Нужно сделать, чтобы у ссылки было подчеркивание пунктирной линией. Делаю так: a { display:block; border-bottom: 1px dashed white; text-decoration:none; padding:2px; padding-top:20px; color: #ffffff; } Но тогда пунктирная линия растягивается на всю ширину, а не только под текстом. Как сделать, что бы подчеркивался только текст ссылки? Заранее, спасибо

    Asked by top-top, May 19, 2009

    0 votes
    8 answers
12. Баг 3-x колонок в 6IE

    Есть простой код макета в три колонки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> html, body { margin:0; padding:0; min-width:1000px; } div#navigation { background:#B9CAFF; } div#extra { background:#FF8539; } div#wrapper { float:left; width:100%; } div#content { margin:0 200px 0 200px; } div#navigation { float:left; margin-left:-200px; width:200px; } div#extra { float:left; margin-left:-100%; width:200px; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p> </p> <p>very …

    Asked by AntonSolo, October 27, 2009

    0 votes
    10 answers
13. @font-face (svg) и Safari для iPhone/iPad

    Пробую вставлять шрифты, пользуясь онлайн-генератором от fontsquirrel.com (AFAIK самый известный). Он дает на выходе пакет из 4-х форматов, один из которых — SVG — вроде как специательно предназначен для iPhone/iPad. На практике на этих девайсах шрифт не подхватывается (похоже, что вообще берется дефолтный системный — на айфоне у него даже размер другой, крупнее). Что характерно, онлайн-демо на самом сайте (вот, например) тоже не работают. Никто не сталкивался с такой проблемой? В какую сторону копать? В принципе-то ведь SVG-шрифты должны поддерживаться...

    Asked by SelenIT, October 22, 2010

    0 votes
    4 answers
14. IE7 margin-bottom от абзаца добавляется к img { float: left; }

    Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…

    Asked by 7ion, December 9, 2017

    0 votes
    14 answers
15. Теория

    Люди всех уже с наступившим новым ГоДоМ :-) Всем всего приятного и хорошего в етом ГоДу ... ! Вот а теперь вопросик вобщем есть задание , Сделать TEMPLATE с сайта cohost.ruпод joomla - разьясните что вообще нуна сделать :-)

    Asked by mOnYa, January 3, 2008

    0 votes
    5 answers
16. Размер выпадающиего списка

    Добрый день, подскажите пожалуйста как задать высоту (колличество строк) для раскрывающегося списка (). Спасибо.

    Asked by Neolink, February 9, 2008

    0 votes
    7 answers
17. проблема с отступами у IMG в TD в IE

    уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…

    Asked by capone, June 16, 2008

    0 votes
    4 answers
18. Разъезжается элементарная таблица в IE

    <html> <body bgcolor=#FFFFFF;> <style type="text/css"> a img { border: none;} </style> <table cellspacing="0" cellpadding="0"> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> </table> </body> </html> Размер картинки new.jpg 181x53 Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать карт…

    Asked by PCSpeaker, January 6, 2009

    0 votes
    2 answers
19. сервисы погоды и курса вылют

    Добрый день всем !!! Помогите решить задачу , хотелось бы на сайте разместить погоду и курс валюты . Где и как это мделать . Огромное спасибо всем !

    Asked by bgraf, December 24, 2009

    0 votes
    7 answers
20. "Лишняя" остаточная ширина блока при переносе слов на новую строку

    Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

    Asked by Squidward, August 27, 2014

    0 votes
    5 answers
21. Не работает кнопка меню Firefox

    Во всех браузерах пашет а вот Firefox почему то не хочет ((( ​Уважаемые специалисты подскажите в чем может быть проблема я уже все перепробовал и не как (((

    Asked by virtas, July 30, 2015

    • кнопка меню
    0 votes
    6 answers
22. Пустой текст в диве

    Всем привет, не раз сталкивался с проблемой когда в диве появляется, пустой текст (большое кол-во пробелов). Не могу понять откуда оно берется, просмотерл все файлы, ничего не нашел. Даже по удалял простые пробелы между строками, ничего Подскажите пожалуйста что делать? Выкладываю скриншот для лучшего понятия проблемы:

    Asked by MC WEST, January 30, 2011

    0 votes
    17 answers
23. Валидация Font

    Здравствуйте, при проверке на валидацию страницы вылазит такая ошибка: Ошибка значения : font / не является значением font-family : 13px / 170% 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif Вот ксс код: body { font: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #777; margin: 0; padding: 0; background: #fff; } Пробовал писать так: font-size: 13px/170%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; В таком случае фонт сайз вообще не работает и выдает такую же ошибку. Подскажите пожалуйста как грамотно оформить такой простой код что бы валидатор не показывал ошибку?

    Asked by Dolce, May 24, 2012

    0 votes
    7 answers
24. Подменю исчезает при наведении

    Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?

    Asked by VeniVidiVici, October 19, 2015

    • меню hover
    0 votes
    4 answers
25. Адаптивный многоугольник и svg

    Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …

    Asked by tarthur, January 7, 2016

    • svg
    • css
    • вёрстка
    • адаптивная вёрстка
    0 votes
    3 answers