HTML Coding

29542 questions in this forum

1. <table> VS <div>

   Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…

   Asked by volkov59, January 14, 2010

   0 votes
   44 answers
2. position: absolute скрытый overflow: hidden

   Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

   Asked by Arthur, October 11, 2014

   • position: absolute
   • overflow: hidden
   0 votes
   13 answers
3. Подключение Myriad Pro Light шрифтов

   Запарился уже искать решение для этой задачи... В общем необходимо подключить шрифт Myriad Pro Light. Начал делать через Cufon, но при загрузке шрифтов, всего 4 варианта типа (regular, bold, italic, italic bold), соответсвтенно если использовать regular или любой другой, Light - пропадает. Скорее всего я что-то упустил из виду, ребят, могли бы пожалуйста подсказать решение данного вопроса.

   Asked by svim, August 11, 2011

   0 votes
   1 answer
4. Не могу выровнять текст в таблице

   Здравствуйте! Я не могу выровнять текст по центру ячейки таблицы. Т.е. по горизонтали он выравнивается, а во вертикали не хочет. Я не понимаю почему не получается. Вот "кусок" кода: CSS-таблица #MAIN_MENU_punkt1 { color:white; display: block; text-decoration:none; text-align:center; width: 103px; height: 52px; background: url(on1.gif) } #MAIN_MENU_punkt1:hover { background-position: 0px -52px; } HTML-код <table border=0 cellspacing=0 cellpadding=0> <tr style="{vertical-align:middle}"><td><a href=# id="MAIN_MENU_punkt1">ГЛАВНАЯ</a> </table> Заранее спасибо!

   Asked by roodbox, March 30, 2008

   0 votes
   10 answers
5. Длинное подчеркивание

   Здравствуйте! Подскажите пожалуйста, как сделать длинную полосу в строке с текстом, на примере как делает text-decoration:underline, но некоторые слова пропущены, а на их месте только подчеркивание?

   Asked by pattaya, November 2, 2010

   0 votes
   16 answers
6. Транслировать картинку с другого сайта

   Доброго времени суток! Проблема: есть сайт, на котором выложена картинка, ее регулярно обновляют (заменяют другой). Можно ли ее транслировать на свой сайт так, чтобы она автоматически обновлялась ? Имя картинки, естественно, тоже меняется, в чем и заключается вся проблема.

   Asked by mike11, September 29, 2013

   0 votes
   9 answers
7. Якорь из формы

   Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

   Asked by Александр СП, June 26, 2007

   0 votes
   10 answers
8. Одинаковая ширина <LI> взависимости от ширины <UL>

   Есть вот такое меню: <style> ul{ width:1000px; } li{ float:left; } </style> <ul> <li>First</li> <li>Sekond</li> <li>...</li> <li>...</li> </ul> Нужно что бы элементы меню были одинаковыми по ширине и заполняли вместе всю ширину <ul>. Тесть если <ul> размером 1000px и элементов 4, то ширина элементов должна быть 250рх, если 5 то 200рх и т.д. Количество пунктов будет меняться, соответственно прописать это явно не получиться. На ум приходят таблицы и скрипты, но ни то ни другое использовать не хочется, есть ли какое нибудь другое решение?

   Asked by PlutDem, January 17, 2012

   0 votes
   6 answers
9. блок div смещается вниз при заполнении соседнего div`a

   Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

   Asked by DarkEnot, April 25, 2017

   0 votes
   8 answers
10. z-index не перекрывает body

    Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

    Asked by Brodyaga337, July 28, 2017

    • z-index
    • body
    0 votes
    6 answers
11. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn, October 12, 2011

    0 votes
    12 answers
12. Редактор для набора кода (kompozer)

    Такой вопрос: Пользуюсь html=редактором Kompozer. Сделан неплохо, мне нравится. НО, в нем код идет сплошным жестким текстом, без пробелов, без разделения, без табуляций, без пустых строк, которые я хочу вставить в код, что бы удобнее было его видеть. Тупо сплошной текст. Это очень не удобно. Подскажите, может кто знает, эту фишку можно отключить или только так и мучаться? Если нельзя отключить, посоветуйте плз хороший редактор. Спасибо

    Asked by htmluse, April 5, 2010

    0 votes
    37 answers
13. Старый добрый футер внизу страницы!

    Сегодня прочитал вот эту статью http://habrahabr.ru/blogs/css/66805/ , тема вроде-бы заезжаная, но всё таки ещё актуальная, как мы видим. Для себя я доделал и решил, что буду всегда использовать именно такой метод http://psywalker.ru/Forum/shadow/Untitled-1.html Так вот вопрос: Чем мой метод хуже Хабрахабравского да и вообще какие минусы есть в моём методе прижимания Футера?

    Asked by psywalker, August 17, 2009

    0 votes
    31 answers
14. Как сделать открытие ссылки в новом окне валидным в doctype 4.01 strict?

    Так уж вышло, что параметр target считается устаревшим для <a>. Не нашел другого нормального способа открывать ссылку в новом окне, валидного для HTML 4.01 Strict. Кто знает, подскажите, пожалуйста!

    Asked by obi-wan, October 16, 2008

    0 votes
    24 answers
15. Подключение CSS через Javascript

    Как подключить через Javascript для Мозиллы? Для оперы: <script type="text/javascript"> if(window.opera) {document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');} </script> Для IE можно не использовать java script: <!--[if IE ]> <link rel="stylesheet" type="text/css" href="style/ie.css" /> <![endif]--> Подскажите как для IE. Только я не прошу о хаках говорить Заранее спасибо

    Asked by Slyfox, May 3, 2008

    0 votes
    4 answers
16. Как открыть в зависимости от разрешения ту или иную страницу?

    Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.

    Asked by maza, September 15, 2007

    0 votes
    24 answers
17. Таблица в разных разрешениях

    Здравствуйте! Нужна помощь. В моей таблице по центру стоит картинка размером 400 на 300, а вокруг неё картинки 200 на 150. Картинки расположены 4 на 4. В чём проблема. В нормальных стандартных разрешениях монитора они отображаются нормально, в центре главная большая картинка, вокруг неё маленькие, всё выглядит супер. Но при большем разрешении, в частности 1680 на 1050, картинки разъезжаются, и получится белеберда... Как сделать так, чтобы при любом разрешении картинки отображались "квадратом"? Ссылка на сайт: http://arterotic.biz/ В большом разрешении отображение такое: Ссылка

    Asked by yura2008, December 12, 2008

    0 votes
    13 answers
18. Интересная задачка

    Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.

    Asked by klierik, December 29, 2009

    0 votes
    44 answers
19. Конвертация в видео веб форматы. (HTML 5 video.)

    Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …

    Asked by Yamaradg, April 24, 2013

    0 votes
    8 answers
20. Что такое jumbotron в бутстрапе?

    Что такое jumbotron в бутстрапе и как это переводится?

    Asked by Zverushka, April 28, 2014

    0 votes
    3 answers
21. Прошу помощи. Я - чайник!

    Господа! Прошу помощи, я полный чайник. Создаю свой сайт на UCOZ.RU всего несколько дней. Поэтому вопрос, наверное глупый, но как решить не знаю. Объясните, плиз, как блондинке (натуральной) Адрес сайта: http://murmanskclub.ucoz.ru/ В браузере Mozilla Firefox все надписи и кнопки информеров отображаются корректно, а если открывать в Internet explorer, то вместо некоторых информеров абра-кадабра (анекдоты) или съезжают(радио) или невидны (погода, новости). Как решить проблему? Чтобы во всех браузерах страничка была корректна... и Как избежать проблемы впредь, подстраховаться? Может где метки ставить? Или еще как-то перекодировать информеры? Заранее спасибо за помощ…

    Asked by Dezi, November 12, 2009

    0 votes
    26 answers
22. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo, May 12, 2011

    0 votes
    43 answers
23. Помогите с wp версткой

    Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

    Asked by Dean Winchester, December 20, 2013

    • wp
    • wordpress
    • wp верстка
    • верстка
    • ccs
    0 votes
    3 answers
24. Выравнивание header по центру

    Как выровнить header по центру, почему явно заданная высота не выполняется? Вероятно я первоначально делаю не правильно сайт на html+CSS, так сказать не по технологии, но мне важно научиться блочной верстке. <!DOCTYPE html> <html lang=ru> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class=header>Логотипчик</div> <div class=layer> <div class=content> Контент </div> <div class="sidebar"> Сайдбар </div> </div> </body> </html> body {margin:0; background: #112233} div.header {border: 4px solid; border-color: red; background: #990000; widt…

    Asked by Delat, March 30, 2013

    0 votes
    2 answers
25. Прозрачный фон

    Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

    Asked by Отто-Могер, August 30, 2007

    0 votes
    18 answers