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. Как сделать DIV таким образом что бы он растягивался по высоте

    Как сделать DIV таким образом что бы он растягивался по высоте в процентном соотношении?

    Asked by Iskatell,

    0 votes
    6 answers

  2. Помогите. Как сверстать?

    Вот макет: http://junglecity.ru/upload/versefour.jpg Сверстать таблицами могу. А с дивами проблема. Не разу до этого не верстал, хочу научиться. Как сделать верхнее синее меню? Подскажите, пожалуйста.

    Asked by junglecity,

    0 votes
    15 answers

  3. <area shape="poly" ... > и PNG в IE6

    Есть такая задача - нужно сделать html карту на основе <area shape="poly" ... > - c этим проблемм нет НО нужно это сделать на основе PNG картинки и конечно чтобы это всё ещё и работало в нашем любимом IE6 . Само сабой применяли самые различный фиксы для PNG в IE6. В результате - PNG прозрачный, но в IE6 на нём не работют ссылки которые указанны через <area shape="poly" ... > ЗЫ: В IE7 всё норм конечно. ЗЗЫ: Если применять джипег то само сабой всё ссылки на карте отлично работают в IE6. Может кто сталкивался с таким и знает как лечить.

    Asked by droncl,

    0 votes
    24 answers

  4. Прокрутка в IE7 исчезает.

    Здравствуйте! Проблема с отображением автоматической прокрутки в IE7, в других браузерах вроде бы все впорядке. div.dopdiv-doptop { width: 100%; overflow: auto; overflow-x: auto; float:left; } Можно посмотреть здесь http://www.znaksovetov.ru/index.php?option...4&Itemid=63 В чем может быть проблема?

    Asked by olga_4444,

    0 votes
    13 answers

  5. :hover

    Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?

    Asked by new01,

    0 votes
    32 answers

  6. Плавное изменение картинки при наведении мыши

    Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…

    Asked by Klaus,

    0 votes
    4 answers

  7. Растянуть блок или таблицу по высоте

    Такая ситуация, есть сайт у него такой доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> Есть таблица, завернутая в другую ячейку таблицы: <td> <table width="100%" height="100%"> <tr> <td valign="top">инфа1</td> </tr> <tr> <td valign="bottom">инфа2</td> </tr> </table> </td> Проблема в том что не могу растянуть по высоте эту таблицу и выравнить по нижнему краю (valign="bottom") инфу2. Подскажите, плиз, как это побороть не меняя данный доктайп?

    Asked by okunev2,

    0 votes
    11 answers

  8. Рисование российского флага

    Вот мой код http://cssdeck.com/labs/dizfkrgu Какой ещё способ есть, что бы нарисовать флаг не изменяя HTML файл? У меня нормальный способ?

    Asked by DivMan,

    0 votes
    15 answers

  9. Hover на несколько элементов

    Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

    Asked by DmitryG,

    0 votes
    2 answers

  10. Несколько внешних шрифтов

    Добрый день. Понадобилось вставить внешние шрифты в сайт. воспользовался этим : @font-face { font-family: "Rounded"; src: url(fonts/rounded.ttf); } Вопрос в том, как допустим 2 и более шрифтов загрузить?

    Asked by monkeymafia,

    0 votes
    7 answers

  11. Отображение сайта в стандартном браузере Андроида

    Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru

    Asked by IndigoHollow,

    0 votes
    6 answers

  12. CSS

    Прошу перевести на язык сss каждый атрибут ,параметры атрибута оставьте такими же! Большое спасибо. .S-TAB { TABLE=border:0; align:center; width:60%; valign:middle; rules:none; cellspacing:0; cellpadding:0; HSPACE:0; VSPACE:0; }

    Asked by 21043,

    0 votes
    2 answers

  13. inline-block, перенос строки и ширина

    Тут пример: http://jsfiddle.net/yaoev48n/ Суть - есть инлайн-блок элемент, добавляем ему max-width (чтобы получить перенос строки внутри текста) и получаем такую штуку как в примере - инлайн блок обрезается справа не сразу по тексту а как бы "тянется" до max-width. Если между словами вставить разрыв строки <br> - http://jsfiddle.net/qh0znfb0/ то получим то что нужно - блок обрезается справа ровно по словам. Как можно добиться такого результата без использования <br> ?

    Asked by bykaVBS,

    0 votes
    0 answers

  14. Меню со скошенными углами

    Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно

    Asked by Imperil,

    0 votes
    4 answers

  15. Изменение фона меню при наведении на ссылку

    Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код C…

    Asked by efendi,

    0 votes
    8 answers

  16. Горизонтальные полосы прокрутки

    Доброго вечера уважаемые! Помогите пожалуйста, не знаю уже что и делать, делала сайт на большом экране, а когда повесила в инет появились внизу полосы прокрутки, причём у кого мониторы меньшего разрешения смотреть сайт очень не удобно, сегодня целый день билась, картинки уменьшала, думала поможет, но нет, не помогло, не знаю что делать! Помогите плиззз, кто чем может! Вот ссылка: http://www.flmebel.ru

    Asked by Feeshka,

    0 votes
    12 answers

  17. Направление текста

    Приветствую! Как изменить направление текста на странице, чтобы оно было не слева направо, а снизу вверх (как на корешке книги)?

    Asked by Ahimas,

    0 votes
    9 answers

  18. Проблема с repeat

    Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }

    Asked by Kev,

    0 votes
    13 answers

  19. background-position отступ с права

    Как задать беграунд чтоб отступ справа был например на 5 пикселей. 95% не подходит, так как может быть разная шырина контейнера

    Asked by coldman,

    0 votes
    5 answers

  20. display: none и поисковый робот

    Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…

    Asked by dmifed,

    0 votes
    16 answers

  21. Проблема с свободным пространством при использовании Z-index

    Всем доброго дня. Начал верстать себе страничку, пришлось воспользоваться z-index'ом. Пример как работать с ним, посмотрел тут Вот что получилось Все классно только вот после использования z-index, начало с низу появляться свободное пространство, от которого не могу избавиться. Интуиция подсказывает что сама описанная технология работы с z-index через "-top" не совсем корректна. Подскажите пожалуйста как можно избавиться от свободного пространства или сверстать иначе. Заранее благодарен.

    Asked by TimLennon,

    0 votes
    25 answers

  22. Горизонтальный список блоками в IE и не только)

    Вот В IE7 выводится вертикально. LI делаю блоками, потому что они должны ограничивать ширину внутренних элементов li inline не помогает Что не так? Как-то я криво сверстал, а где накосячил - не пойму, пятница видимо И еще, бонусом вопрос - как убрать подчеркивание у текста в круге? text-decoration не помогает Вариант - смысловой текст ссылки в spаn - и уже ему назначать подчеркивание а самой ссылке установить text-decorationЖтщту В общем, ребята, если подкинете совет, то буду признателен.

    Asked by d0ublezer0,

    0 votes
    22 answers

  23. Очень длинное название в выпадающем меню

    Всем доброго времени суток. Сразу признаюсь, я самый, что ни есть новичок Делаю сайт на стандартном шаблоне Joomla (rhuk_milkyway). Закачал модуль горизонтального выпадающего меню. Всё получилось. Но в подменю у меня длинные названия, очень, которые нельзя сократить. Некоторые должны отображаться в 3 и даже 4 строки. А у меня одна длиннющая Что в css отвечает за перенос текста? Или необходимо где-то указывать определенный размер подменю? Воощем, что вставлять и куда вставлять не знаю!!! Поможете? P.S. Обещаю исправить своё невежественное отношение к css методичным самообучением. Просто сроки поджимают. Обещал подарить сайт... Если я правильно понимаю, это css моего меню: …

    Asked by atom,

    0 votes
    14 answers

  24. выпадающий список с прокруткой

    Интересует как сделать такую штуку, например есть кнопка, при нажатии на нее появляется список (вертикальный), с кнопками (не скроллами) для перемотки содержимого вниз-вверх. Видимую часть списка сделал через новый div с какими то там значениями overflow, не суть, это работает. Проблема вот в чем - незнаю как сделать прокрутку элементов списка, при изменении margin-top или margin-bottom список прокручивается, но только при однократном нажатии. Тоесть я нажал на стрелку "вниз", показался скрытй до этого нижний элемент списка, по идее при втором нажатии должен показаться следующий элемент, но ничего не происходит. код скрипта: function scrolldown(elem) { var obj = doc…

    Asked by Lemming,

    0 votes
    2 answers

  25. Проблема в верстки карточки товара

    Добрый день. Есть карточка товара. Подскажите как ее сверстать ее, так что бы когда изображение отсутсвует часть с описанием сдвигалась влево. на данный момент у меня сверствано float и картинке задана ширина если ее нету то ширина = 0 и соответствено описание сдвигается влево, но тут возникает проблема когда описание больше по высоте чем картинка то текст попадать под картинку , таковы уж правила работы float Верстать не нужно подскажите в каком направлении двигатся, может ссылку а то у меня ни чего не получилось найти

    Asked by chiffenok,

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