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. Установил Денвер, хочу локально установить форум - такой как здесь

    К сожалению PHP совсем не знаю, установил Денвер, хочу локально установить бесплатный форум ( не знаю - такой как здесь подойдет или нет ) и не зню что дальше делать, подскажите пожалуйста

    Asked by Andrey Taborin,

    0 votes
    12 answers

  2. Полоса вверху сайта

    На всех моих сайтах одна и таже проблема. Вверху сайта какая-то полоса, прошу помочь ее убрать http://blog-rt.ru/

    Asked by alex90aa,

    0 votes
    35 answers

  3. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov,

    0 votes
    16 answers

  4. перенос строки в <option>

    Добрый день. Возможно ли делать перенос строки в тегах <option> select'a? Вариант <option value="">my_text<br />my_text</option> не работает В выпадающем списке появляется вся строка с <br /> \n\r тоже не работает ( заранее спасибо.

    Asked by ionico,

    0 votes
    2 answers

  5. Допоможіть із перекладом

    Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний

    Asked by pit,

    0 votes
    16 answers

  6. загадочное поведение @media screen (max/min width/height)

    Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…

    Asked by mushroom,

    0 votes
    9 answers

  7. Горизонтальное меню с разделителями картинками

    Как сделать горизонтальное меню я знаю. А как стандартные разделители заменить изображениями? Если языком CSS, то вот что нужно: ul.plinks li { border-left: url(images/border.gif); } Спасибо. Вот стандартный 1px solid black: А нужны такие разделители:

    Asked by froz,

    0 votes
    13 answers

  8. PHP- Создание теста

    Всем привет, хочу сделать тест и кое-что уже набросал: <a class="insidedata"> <div class="textcont">Q1: Your physical height <p><input name="height" value="1" type="radio">160-170cm</p> <p><input name="height" value="2" type="radio">170-180cm</p> <p><input name="height" value="3" type="radio">180-190cm</p> <p><input name="height" value="4" type="radio">190-200cm</p> </a> </div> <?php if($height = 1){ $gnom+1; $dwarve+1; $goblin+1; } if($height = 2){ $orc+1; $human+1; $bloodelf+1; $undead+1; } if($height = 3){ $troll+1; $nightelf+1; } if($height = 4){ $worgen+1; …

    Asked by Wasc,

    0 votes
    19 answers

  9. УБРАТЬ ГРАНИЦЫ У ТАБЛИЦЫ

    Перепробывал все,подскажите как убрать эти коварные границы,чтобы все было впритык

    Asked by tray,

    0 votes
    27 answers

  10. БЭМ и именование заголовков

    Почитал про БЭМ в очередной раз. И задумался над одной вещью. Пусть у нас есть несколько блоков на странице. У каждого блока есть заголовок. Заголовки одинаковые. То есть их можно описать одними и теми же CSS-правилами. С одной стороны, логично заголовки обозначать как элементы блока. А с другой, так как они одинаковые, можно выделить в отдельный блок. Кто что думает по этому вопросу?

    Asked by binomer,

    0 votes
    8 answers

  11. автоматическая ширина для input

    помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css

    Asked by cyklop77,

    0 votes
    3 answers

  12. Размещение меню поверх картинки.

    Уважаемые форумчане, подскажите, как расположить меню поверх картинки? Картинки и "Главная" находятся в одном div`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам) Заранее спасибо.

    Asked by DarkEnot,

    0 votes
    12 answers

  13. Полупрозрачный градиент поверх изображения

    Всем привет! Такой вопрос: как при наведении на <img> наложить полупрозрачный градиент средствами CSS поверх картинки? Структура HTML такая: <div class="item"> <img src="/img/about-us-1.png" alt="#"> </div> Пример: справа - нормальная картинка, слева при наведении.

    Asked by hetsketch,

    0 votes
    13 answers

  14. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker,

    0 votes
    53 answers

  15. Div в две колонки

    Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.

    Asked by Vamp,

    0 votes
    4 answers

  16. Верстка выдерживающая масштабирование в браузерах

    Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.

    Asked by Feel,

    0 votes
    4 answers

  17. Блок поверх других

    Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…

    Asked by aronsky,

    0 votes
    8 answers

  18. Равномерное распределение элементов списка <li>

    Здравствуйте. Имеется простое горизонтальное меню: <ul style="width:800px"> <li>Home</li> <li>About</li> <li>.....</li> </ul> Задана фиксированная ширина. Как правильно средствами css равномерно распределить <li>?

    Asked by Tartyga,

    0 votes
    33 answers

  19. Сложная верстка

    Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

    Asked by Gasherezzz,

    0 votes
    34 answers

  20. Разное видение размера шрифта в фотошопе и браузерах

    Размер на макете 11pt - в вёрстке ставлю 15px(11pt) (хоть em, хоть pt). Но, браузер видит шрифт по-другому, примерно так: 11pt на макете=8pt в браузерах. Почему так? Это не даёт мне покоя уже значительно долго, всё руки не доходил тему открыть. Так выглядит на макете Так в браузерах <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .text { width: 205px; border: 1px solid #ededed; } p { font: bold 15px Tahoma, Geneva, sa…

    Asked by flagreit,

    0 votes
    10 answers

  21. Автоматическое растягивание Div'а + очередность

    Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboar…

    Asked by noran,

    0 votes
    23 answers

  22. футер (картинка)

    Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.

    Asked by bobb,

    0 votes
    15 answers

  23. как нужно выравнивать футер

    знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?

    Asked by Slyfox,

    0 votes
    5 answers

  24. Помогите исправить ошибки в CSS

    Вот ссылка с валидатора на страницу ошибок ссылка на валидатор

    Asked by witek,

    0 votes
    14 answers

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

    Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.

    Asked by torsar,

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