HTML Coding

29542 questions in this forum

1. Растянуть часть background'а

   Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…

   Asked by ISQman, April 8, 2009

   0 votes
   23 answers
2. Проблема с padding-ом

   В Опере отступ от текста, до края кнопки нормальный, а в IE больше, как сделать, чтобы бало аналогично Опере??? .MainMenuLinks_Brown_sl { position: relative; top: 20px; font-size: 0.7em; padding: 3px 5px; margin-left: 105px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; }

   Asked by Alek7y7, July 27, 2009

   0 votes
   8 answers
3. Простой шаблон

   Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …

   Asked by Ururu, September 21, 2009

   0 votes
   8 answers
4. Как лучше реализовать?

   Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.

   Asked by Багдыч, February 16, 2014

   0 votes
   21 answers
5. Некорректное расширение картинки.

   Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.

   Asked by Dimitry Wolotko, September 27, 2007

   0 votes
   4 answers
6. Фамилии по 1-й букве в <Select>

   Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.

   Asked by ХисДамир, October 10, 2007

   0 votes
   5 answers
7. Выделение ссылки в блок

   Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }

   Asked by okunev2, October 22, 2007

   0 votes
   4 answers
8. Подскажите..

   Подскажите пожалуйста простой, но надежный скрипт опросаголосования. Я уже столько всего обыскал, а нормального скрипта не нашол. Очень важе настраеваемый дизайн. И еще..Это очень-очень важно....помогите зделать так чтоб к тексту можно было писать комментарии. Тоесть у меня каталог онлайн игр..на одной странице десять игр и мне нужно что б к каждой из этих игр можно было писать комментарии... Это все очень нужно.. Всем сразу огромное спасибо...

   Asked by Cyrax, March 1, 2008

   0 votes
   11 answers
9. Фон с полосой посредине.

   Господа, что-то у меня все представления о верстке поменялись... Вот простой код: * {margin: 0; padding: 0;} html { background-color: black; } body { margin:0 auto; width:700px; background-color: #009933; } Тут совершенно ясно, что на черном фоне (посредине) должна быть полоса зеленого цвета шириной 700пкс. И мне было ясно до сегодняшнего дня. Но сегодня я обнаружил, что в ИЕ6 это не так! В нем вся площаль зеленого цвета. Здесь даже хак вставить некуда и не о чем! Я чего-то не понимаю.... Какие есть мнения относительно природы этого явления? Хотя есть еще вариант, что это MultipleIEs глючит. Да, предвидя замечания про теги html и body (а почему бы и нет?) скажу,…

   Asked by N-Mak, March 8, 2008

   0 votes
   7 answers
10. Перемещение сло?в.

    Помогите пожалуйста. Как сделать так,чтобы слои перемещались?Заранее спасибо.

    Asked by Komar64, April 20, 2008

    0 votes
    12 answers
11. Внедрение шрифта...

    Собственно говоря есть сайт, в котором использован нестандартный шрифт... Необходимо чтоб он отображался у всех корректно... Я поискал в интернете, нашел инструкцию и сделал следующее: в cs напиписал @font-face { font-family: "Grad"; src: url(images/grad.ttf) format("truetype"); } соответственно grad.ttf положил туда куда надо... НО ничего не заработало =( кто-нть может подсказать где ошибка, или подсказать иной работающий способ.... Заранее благодарен.

    Asked by mastersin, August 21, 2008

    0 votes
    3 answers
12. Высота TEXTAREA

    Можно ли сделать так, чтобы TEXTAREA тянулось в высоту по содержимому? overflow:visible не помогает

    Asked by Колос, June 11, 2009

    0 votes
    4 answers
13. Zend Studio

    Привет всем Как этот программа хорошие. Помогите плиз

    Asked by josik, July 19, 2009

    0 votes
    8 answers
14. Ломается письмо при переотправке

    Обнаружил проблему. Письмо "ломается" при переотправке с одной почты на другую. Цепочка следующая : я отправляю на мыло А, оттуда оно перенаправляется еще на письмо Б. На письме Б появляются огромные пробелы вверху и внизу тела письма. Коричневая граница - самый верхний контейнер. Где-то натыкался на проблему, что при переотправке письмо ломается, но не могу найти. Можно это как-то исправить? Наверное плохо гуглил, ткните носом в тему.

    Asked by WhatIsHTML, March 28, 2016

    0 votes
    1 answer
15. Карусель с навигацией в 2 ряда

    Всем привет! Есть задачка - сделать карусель, в котором навигация в 2 ряда http://prntscr.com/pb6dlu Обычно пользуюсь плагином slick. Есть у него в настройках slidesPerRow и rows, с помощью которых можно выстроить визуально в 2 ряда, но увы, навигация работает некорректно. Буду благодарна советам, как такое можно реализовать. Slick не обязателен, может есть другой хороший плагин.

    Asked by Crystal-3, September 26, 2019

    0 votes
    10 answers
16. Применение margin к встроенным элементам.

    Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

    Asked by Gnom7, June 1, 2010

    0 votes
    12 answers
17. Постраничная навигация

    Нужна навигация по данным страницам вида: « Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя »с последующим добавлением страниц с данными вида <p class="data">5 июля 2014 года</p> или <p class="data">5 июля 2013 года</p> в архив (числа и месяцы любые):« Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя » Архив новостей Какие есть варианты решения моего вопроса без использования базы данных?

    Asked by Totalist, July 18, 2015

    0 votes
    12 answers
18. Создание гиперссылок

    При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?

    Asked by an4ik, August 1, 2007

    0 votes
    4 answers
19. Баг масштабирования в IE7

    Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).

    Asked by Tokolist, January 27, 2008

    0 votes
    1 answer
20. Галерея на JS + выравнивание по центру

    Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке). Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании display: block; margin: 0 auto; галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить? Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее. UPD. РЕШЕНИЕ…

    Asked by vkapas, October 24, 2011

    0 votes
    6 answers
21. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice, April 8, 2017

    • смещение
    • блоки
    • масштаб
    0 votes
    1 answer
22. d и w вместе выдает /dw

    А что это такое на сайте: сочетание d и w вместе выдает Dimitry Wolotko !?

    Asked by tamias, January 27, 2008

    0 votes
    7 answers
23. Структура сайта

    <?include ("menu.php");?>

    Asked by Tairon, March 16, 2008

    0 votes
    9 answers
24. table to div ... help please

    Zdrastvuite. Vot takaya dilema. pitaiusi iz table sdelati div ... vot shto u menea poluchilosi ... no pomoemu nemnoshko krivo ... stranitsa rezinovaya .. hociu rezulitat kak na kartinke ... toliko shtob vseo bilo virovneno (text pod img) <div id="gallery1"> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" />&l…

    Asked by wmaster, June 20, 2008

    0 votes
    3 answers
25. Как растянуть меню во всю длину?

    #menu{ min-height:100%; height:100%; position:absolute; padding-top: 38px; padding-left: 30px; padding-right: 30px; width: 240px; top:200px; background: #565656; } #content{ position: absolute; left: 300px; top: 100px; padding: 60px; padding-bottom: 10px; background: white; width:470px; align:center; } Как растянуть меню до низа страницы?

    Asked by Guest Гость_Ирина_*, September 21, 2008

    0 votes
    5 answers