Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. форматирование внутри дива

    Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!

    Asked by happyproff,

    0 votes
    6 answers

  2. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  3. Звездный рейтинг на svg

    делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010

    Asked by yaparoff,

    0 votes
    6 answers

  4. Подскажите просмотрщик для стилей.

    Добрый день! Сталкнулась с проблемой неправильного отображения сайта, в одном и том же браузере и одной версии. Может ли такое быть? Может есть просмотрщики для сайтов, чтобы посмотреть в разных браузерах с разными расширениями экрана. Подскажите.

    Asked by luluandra,

    0 votes
    20 answers

  5. в IE появился отступ таблицы справа

    На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..

    Asked by begin,

    0 votes
    7 answers

  6. Под какой размер монитора верстать.

    Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.

    Asked by arthyrgrex,

    0 votes
    13 answers

  7. Две проблемы с тач-устройствами

    Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…

    Asked by Elflight,

    0 votes
    5 answers

  8. Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?

    Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.

    Asked by Shenia132,

    0 votes
    6 answers

  9. Позицирование в DIV

    есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  10. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito,

    0 votes
    6 answers

  11. hover в firefox'e

    Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!

    Asked by bioz00,

    0 votes
    8 answers

  12. Слетает стиль текста на ipad.

    Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW

    Asked by seregamurman,

    0 votes
    7 answers

  13. frD-Выступающая закладка - проблема отображения в IE

    Вот возникла проблема: нужно сделать горизонтальное меню, в котором активный пункт (т.е. выбранный) отображался как закладка с выступающей верхней частью. Делаем margin-top:-2px; и вроде все работает, но только в FF и в Опере - в IE не отображается как надо. Подскажите, плиз, что можно сделать. Привожу коды. HTML: <!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" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body>…

    Asked by Ladoga,

    0 votes
    4 answers

  14. Применение margin сдвигает не то, что хотелось бы.

    Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).

    Asked by Red Planet,

    0 votes
    5 answers

  15. Фон блока в Firefox

    Вот есть код, но в Firefox фон второго блока не отображается. Если их поменять местами, все ок. В IE6 фон всегда отображается. Как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div style="height:50px; background:#CCCCCC; border:1px solid"></div> <div style="height:28px; background:url('fone.gif') left top repeat-x fixed; border:1px solid;"></div> </body> </html>

    Asked by Online,

    0 votes
    11 answers

  16. Непонятный отступ у элемента li

    Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

    Asked by aaron,

    0 votes
    15 answers

  17. Способ измерения элементов страницы

    Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!

    Asked by RR,

    0 votes
    10 answers

  18. Кроссбраузерное форматирование столбцов таблицы.

    Всем привет. Предлагаю дискашн на эту тему, т.к. в инете очень мало инфы. Пишите сюда ваши варианты кто как делал. Я делал так: 1. добавил теги <table><col class=col1><col class=col2><col class=col3><col class=col4> и т.д. (добавляются сразу после тега <table>) Дальше в стилях прописывал форматирование. тег <td> наследует свойства от тега <col> В итоге в IE все получилось. А Опера такие вещи не понимает. Соответственно вопрос: как с этим быть?

    Asked by Shkur,

    0 votes
    4 answers

  19. Возможно ли средствами CSS задать расстояние между абзацами?

    Возможно ли средствами CSS задать расстояние между абзацами? Сколько не читал инфы, почему-то не нашел ответа этот вопрос. Очень жду дельного совета )

    Asked by igorek,

    0 votes
    1 answer

  20. Изменить цвет части текста в input

    Подскажите, пожалуйста, решение такой вот задачи. Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке. http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295 Вот код: <form> <select size="1"> <option>*State</option> <option>USA</option> <option>RU</option> </select> <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" /> </form>

    Asked by behapy,

    0 votes
    6 answers

  21. Отступ снизу у inline-block элемента

    Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…

    Asked by inex,

    0 votes
    2 answers

  22. Окошко флеш плеера перекрывает CSS меню, а нужно наоборот

    Ребята, подскажите, а то не знаю что делать. Есть страничка, где настроено динамическое выпадающее css-меню. Также на странице есть несколько окошек с flash-контентом. Когда только заходишь на страницу и открываешь выпадающее меню, то если меню попадает на окно плеера, то все выглядит как надо (меню накрывает плеер). Но если запустить содержимое плеера, то с этого момента навигационное меню пересечении с плеером оказывается под ним (плеер перекрывает меню). Как мне добиться того, чтобы меню всегда было поверх любого контента на странице. Если не ясно что я имел ввиду, то просто посмотрите то, что у меня получилось, на моей страничке. И еще вопрос, можно как-то на сайте оп…

    Asked by ITdreamer,

    0 votes
    7 answers

  23. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  24. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4,

    0 votes
    2 answers

  25. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept