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. radio и текст

    помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…

    Asked by html,

    0 votes
    13 answers

  2. Проблемы с шрифтами

    Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …

    Asked by Eridani,

    0 votes
    8 answers

  3. единицы измерения - em

    иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}

    Asked by vrazbros,

    0 votes
    4 answers

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

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

    Asked by arthyrgrex,

    0 votes
    13 answers

  5. Отступ IE

    http://myportfolio.ho.ua/4/ - пацаны не обращайте пожалуста внимания на кодировку, важен отступ между меню и контентом в IE как от него исбавиться ... я в поиске полазал сделал пару попыток ,оказались неудачными может подскажете чтото ? или ссылочки на темы похожие пожалуста

    Asked by mOnYa,

    0 votes
    8 answers

  6. Изменение расположения виджета ВК

    Подскажите пожалуйста как изменить расположение виджета ВК группы.

    Asked by РоманМ,

    0 votes
    8 answers

  7. Помогите решить: резиновый header

    Помогите плиз бьюсь три часа над шапкой сайта. Мои познания в css не большие, вот решил переверстать шапку сайта в divах. Правилно ли я делаю, вроде все отображаеться нормально, но не проходит валидность XHTML 1.0 Strict Attribute "align" exists, but can not be used for this element. …ать" width="523" height="130" align="right" />, а без него никак в голову ничего не приходит. <!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" xml:lang="en-RU"> <head> <title>Пример шапки</title> <meta content="text/html; charset=windows-1251" http…

    Asked by Dominikus,

    0 votes
    3 answers

  8. 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

  9. Верстка на дивах

    Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.

    Asked by Walk,

    0 votes
    12 answers

  10. Список наезжает на картинку

    Например картинка выровнена по левому краю, а справо идет список. Буллеты списка наезжают на картинку. Как сделать так чтобы буллеты были вровень с остальным текстом? Желательно, избежав изменений в css. Грубо говоря надо что отступ шел не от текста внутри списка, а от буллетов. Относительно картинки. Если такие темы уже были, киньте ссылки, поиск что то ничего похожего не выдает.

    Asked by Igorpurgen,

    0 votes
    3 answers

  11. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов,

    0 votes
    3 answers

  12. Посоветуйте Книги!

    1. HTML и CSS на примерах это для изучения HTML и CSS/ 2. А вот какую книжку посоветуете для изучения Фотошопа (конкретно для рисования сайта в н?м на достойном уровне). И ещ? нужна книга по PHP для работы с сайтом. В общем можете рекомендовать вс? хорошее что поможет создать хороший сайт Заранее спасибо всем.

    Asked by Ildar_M,

    0 votes
    7 answers

  13. Footer и Header обрезаются

    Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?

    Asked by Sergey25,

    0 votes
    5 answers

  14. Как сделать такую вещь ?

    нужно создать форму, при которой обязательно необходимо заполнять поля отмеченные звездочкой. "*" и как сделать так, что бы скрипт проверял все ли правильно заполнено ? Заранее спасибо.

    Asked by Sixella,

    0 votes
    6 answers

  15. почему таблица в ячейке не хочет растягиваться на 100% высоты ячейки?

    Вот гляньте на страницу. www.hm-ges.ru почему таблица в ячейке слева не хочет растягиваться на 100% высоты ячейки? <td width="202" rowspan="2" align="left" valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.jpg"<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.gif"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" valign="top"> <div class="leftrow"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo …

    Asked by vovchikku,

    0 votes
    6 answers

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

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

    Asked by nooobito,

    0 votes
    6 answers

  17. Почему в Мозиле не отображает шапку?

    Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут

    Asked by Astoria,

    0 votes
    6 answers

  18. Bootstrap 5

    Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…

    Asked by Марко,

    0 votes
    3 answers

  19. Масштабирование страницы

    Подскажите пожалуйста : как сделать так, чтобы при изменении размера окна браузера или при изменении разрешения монитора сохранялись все пропорции форм и фреймов и все рисунки и фреймы оставались на своих местах, как можно их зафиксировать?

    Asked by Стас,

    0 votes
    4 answers

  20. Горизонтальная\вертикальная прокрутка изображений

    Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста

    Asked by sol,

    0 votes
    6 answers

  21. Селекторы детей

    Возникла необходимость использовать селекторы детей, т.е div.content > div.left , но настараживает что на одном из сайтов указано что нет поддержки данного типа селектора в осле и нейскапе. В 8 осле проверил, все работает как надо, собственно вопрос, до каких версий этих браузеров данный тип селектора не поддерживается, иначе, стоит ли использовать данный селектор или стоит придумать уникальное имя?

    Asked by gesandte,

    0 votes
    15 answers

  22. Очередная пачка проблем с ИЕ6-7

    Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…

    Asked by Love_silense,

    0 votes
    12 answers

  23. Текст поверх картинки (почему не работает?)

    <html> <head> <title>Untitled</title> <style type="text/css"> #text_bg { background-image: url(/av-37843.gif) no-repeat; } </style> </head> <body> <div id="text_bg"> текст поверх картинки </div> </body> </html> Почему картинка не отображается? Ничего не понимаю... ((

    Asked by kip,

    0 votes
    3 answers

  24. Attribute size not allowed on element input at this point.

    <!DOCTYPE html> ..... <input type='file' name='file' size="80px"> валидатор ругается: Attribute size not allowed on element input at this point. что нужно исправить?

    Asked by lavsan,

    0 votes
    5 answers

  25. Один div внутри другого

    Ребята, а вот еще вопрос. есть два стиля для блоков div .blockMain { width: 900px; background: #000; border: 1px solid #7f7f7f; } #blockServices a { display: block; position: relative; float: left; left: 30px; width: 258px; margin: 0px 10px 10px 10px; padding: 30px 0px; border: 1px solid #7f7f7f; color: #7f7f7f; text-align: center; text-decoration: none; font-size: 16px; } В странице я их использую вот так: <div class="blockMain"> <!-- Основной заголовок страницы --> <div> <h1>УСЛУГИ</h1> <hr size="1"> </div> <!-- Основной текст страницы --> <br><br> <div id="b…

    Asked by ITdreamer,

    0 votes
    6 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