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. Блок со скроллингом

    Проблема следующая: есть шаблон сайта, весьма запутанный. В дебрях таблиц необходимо одну ячейку с текстом и картинками при ресайзе окна сжимать и показывать скроллинг. Если делаю див на пустой странице, тут все понятно и хорошо. Если помещаю див в таблицу, тогда плохо: таблица и див изменяют размеры до тех пор пока не упираются в изображение, дальше все пропадает за пределами окна... Если не понятно объяснил, могу еще раз Есть некий вариант решения в такой ситуации?

    Asked by patgod,

    0 votes
    10 answers

  2. Как поднять content?

    Доброе время суток! Как поднять content вверх к хедеру, но при этом чтоб sideLeft остался на месте? Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="…

    Asked by ilya_daddy,

    0 votes
    4 answers

  3. Только начинают верстать(WIP)

    Всем доброго времени суток. Я начинаю только верстать и хотел бы слышать от вас подсказки и конструктивную критику. В этой теме буду выкладывать свои наработки и ждать ваших отзывов! Вот первое что я сверстал _http://zalil.ru/upload/32134352 Хотел бы узнать вообще можно так верстать и может какие есть ошибки которые можно исправить. html, css код валидный. Задумывалось(плавающий хедер резиновый, основная колонка фиксированной ширины в ней 2 колонки, футер прибит к низу резиновый). Хотел бы узнать такую вот вещь. Когда мы браузер сворачиваем в окно и уменьшаем это окно до таких размеров пока не появиться горизонтальная полоса прокрутки то футер почему то не заполняет всю ш…

    Asked by tini.kRyptoNite,

    0 votes
    33 answers

  4. Как "такое" сделать в div`ах

    Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.

    Asked by dedmene,

    0 votes
    16 answers

  5. Как сделать ссылку активной когда открыта именнно та ссылка

    Здравствуйте, вот у меня такая задача чтобы ссылка была активна тогда когда её урл адрес открыт в браузере, ну не в том чтобы она имела статус active, а в том чтобы её как-то можно было назначить стиль, свойства... С нетерпением жду ответа! Заранее спасибо!

    Asked by nikita0010,

    0 votes
    16 answers

  6. Вертикальное выравнивание в форме

    http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" i…

    Asked by Launder,

    0 votes
    23 answers

  7. Rowspan - Проблемма!!!

    Вобщем все шло гладко, пока не напоролся на баг! Вобщем создал таблицу, дабы разместить содержимое страницы в порядке. Создал таблицу с тремя колонками, одна для эскизов, другая для описания, третья для другого содержимого. Но дело в том, что последняя строка (левые 2 нижние) растягиваются под правую ячейку, а мне это не надо, мне надо как показано на скрине: Вобщем галимо как-то смотрится: Вот код (точнее макет), сам код можно гянуть тут http://dnipro.dp.ua/ <table border="0" align="center"> <tr height="60"> <td width="80">ячейка 1</td><td width="65%">ячейка 1</td> <td width="35%" rowspan="5">ячейка 2</td> </tr> &…

    Asked by Пятница,

    0 votes
    22 answers

  8. В IE не могу растянуть ячейку вложенной таблицы

    a b c

    Asked by multio,

    0 votes
    9 answers

  9. если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?

    Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …

    Asked by Вадим,

    0 votes
    5 answers

  10. при очень длинном слове div уплывает вниз

    В общем есть один div - контейнер. Внутри него еще 2 дива, меню и контент, со свойствами float: left . Если я в диве контента напишу ооооооооооооооооооооочень длинное слово, он уплывает вниз, под меню, так как целиком слово вместить в отведенный width 70% не может. Не подскажете как сделать так чтобы он не уплывал?

    Asked by Cher80,

    0 votes
    2 answers

  11. Как заменить кнопку в форме на картинку?

    Есть часть кода формы входа из движка форума vBulletin. Хочу заменить кнопку входа со стандартной на свою. Поискал на форуме, нашел такую возможность примерно следующего вида: <input type="image" src="/images/imgbutton.gif"> Но проблема в том, что параметр type в моем случае уже имеет значение. Как быть? Вот код: <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <table border="0" cellpadding="0" cellspacing="3" width="341"> <tbody> <tr> <td class="smallfont" style="white-space: nowrap;"> <label for="navbar_username">Имя</label&…

    Asked by mozart,

    0 votes
    5 answers

  12. Стиль для Select

    Помогите пожалуйста! Как изменить размер и цвет маленьгкой стрелки тега select.

    Asked by lilush,

    0 votes
    4 answers

  13. vertical-align: middle не работает на IE7

    Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.

    Asked by Pumych,

    0 votes
    12 answers

  14. Justify для любых элементов…

    Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?

    Asked by brainiac,

    0 votes
    19 answers

  15. z-index и наложение элементов на Google map

    Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.

    Asked by k0sm0s,

    0 votes
    10 answers

  16. Как фиксировать ширины ячеек таблицы сложной структуры, если она 100%

    Нарисовал дизайн сайта в фотошопе, порезал на слайсы , сохранил в HTML Ширины ячеек всех указываются, пустые ячейки - прозрачными гифами заполнены. Если общая (главная таблица) фиксированной ширины в пикселах (а е? так поставил Фотошоп) - сайт отобржается нормально, если вручную поставить ширину таблицы главной - 100% - то ячейки внутри е? тоже разъезжаются по ширине, хотя там явно указаны их ширна в пикселах (естественно я внутрь ячеек содержания никакого не вставлял). Хочу спросить, почему они раздвигаются , если явно указана их ширина в пикселах ? И как сделать чтобы они не раздвигались? а то у меня рисунок разъезжается.

    Asked by Karapuz,

    0 votes
    9 answers

  17. Форма TEXTAREA

    Как сделать так чтобы в форму TEXTAREA текст и ссылки в браузере выводились нормально?

    Asked by DmB,

    0 votes
    12 answers

  18. Смена шрифта

    Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. HTML <div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div> CSS .partner-adblock-h { position: absolute; top: 9px; left: 20px; z-index: -1; font-size: 13px; } p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

    Asked by elias45,

    0 votes
    13 answers

  19. [Решено] Почему не работает анимация keyframes?

    http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;

    Asked by d0ublezer0,

    0 votes
    0 answers

  20. Параметры тега <param>

    Еще один вопрос по тегам. На этот раз - <param>. Кто-нить может подсказать, какие вообще бывают значения? Есть ли где-нить максимальное описания всех <param name=" " value=" " /> с описанием что там да как? Я кое что нашел, но хотелось бы получить более подробную информацию... Спасибо.

    Asked by DjTarik,

    0 votes
    18 answers

  21. Два разных ol li ul li на одной странице

    Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…

    Asked by DedMoris,

    0 votes
    5 answers

  22. банальная проблема с прижатием футера к низу экрана

    верстаю шаблон под osCommerce 3.0, столкнулся с кажется банальной проблемой, не так ведь сложно прижать футер к низу экрана, а страницу растянуть на всю высоту вне зависимости от содержимого. Но что-то я запутался немного, а за два дня с этой проблемой уже и никаких вариантов в голову не приходит, буду благодарен если кто укажет где моя ошибка)) вот стили основной части сайта, без шапки и футера /* @group structure */ #container { margin-left: auto; margin-right: auto; width: 1000px; height: 100%; text-align: left; background: #e0e9ed; overflow: hidden; } #left-column { width: 166px; position: relative; top: 80px; float: left; clear: bo…

    Asked by Lord Demon,

    0 votes
    7 answers

  23. див уходит за границу экрана

    есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…

    Asked by Mix9,

    0 votes
    1 answer

  24. overflow-x и overflow-y

    Господа, как сделать, чтобы код отобразился в FireFox правильно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div style="overflow-x:hidden;overflow-y:visible;width: 50px; height: 50px"> texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt </div> </body></html>

    Asked by XXXVII,

    0 votes
    13 answers

  25. как сделать так чтобы браузер не запоминал значение поля формы

    как сделать так, чтобы браузер не запоминал введенное значение поля формы? заранее спасибо

    Asked by vvsh,

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