HTML Coding

29,542 questions in this forum

1. Извечные Div'ы и разные браузеры

   Доброго времени суток, всемогущий All! Ситуация: Верстаю шаблон для Joomla 1.5. Три колонки. Решил пойти путем display:table При этом, чтобы весь шаблон был без таблиц, скопировал папку html из шаблона Beez. Таким образом код генерируемой страницы получается таким (вставляю только интересующую часть): <div id="middle_container"> <div id="middle_wrap"> <div id="left"> <div class="moduletable_news"> <h3>Наши новости</h3> <ul class="vert_news"> <li> <p>Администрация располагается по адресу: via Banetti,50 - 21027 Ispra (Varese)</p><span class="article_separator"> </span> &…

   Asked by Kaylang, October 9, 2010

   0 votes
   8 answers
2. Борьба с валидатором

   Подскажите пожалуйста как сделать чтоб валидатор не ругался на знак "=" (равно) в ссылке на документ в инете?

   Asked by pattaya, October 8, 2010

   0 votes
   21 answers
3. Ссылка при наведении

   В коде есть такая ссылка: <a class="podrob" href="/video/3.php?id=1">Подробнее </a> .podrob{color:#990000; font-weight:bold; text-decoration:none; } .podrob:hover{text-decoration:underline; } Проблема в том что при наведении мышкой на ссылку в браузерах Мозила, ГУлхром,Опера она не делается рукой, если навести то появляется рука только когда ниже знака подчёркивание, а если на слово навести, не появляется рука, что можно сделать?

   Asked by people2010, October 9, 2010

   0 votes
   3 answers
4. расположение 3 блоков div на одном уровне

   подскажите пожалуйста: sidebar1 {float:left; width: 180px; background: #EADCAE; padding-bottom: 10px;} .content {float:left; padding: 10px 0; width: 600px;} .sidebar2 { width: 180px; background: #EADCAE; padding: 10px 0; margin-left: 780px;} <div class="content"></div> <div class="sidebar1"></div> <div class="sidebar2"></div> Как сделать так, чтобы все три дива на одном уровне располагались? Визуально: слева сайдбар1... в центре контент, справа сайдбар2. Не меняя очередности расположения самих дивов, чтобы <div class="content"></div> впереди в коде шел

   Asked by Осенний Дождь, October 8, 2010

   0 votes
   16 answers
5. Вёрстка форм

   Всем добрый вечер/день/утро/ночь (у кого как). Верстаю уже не первый год, но вопросы всё ещё остаются. Постоянно сталкиваюсь с различными формами и их реализациями. Интересует, как семантически грамотно верстать различные формы. Хочется услышать мнения пофессионалов и советы людей, которые действительно знают, что такое верстка, семантика и валидность. Пример 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="Ваше имя" id="f1" /></label> <label for="f2"><input type="text" name="#" value="Ваш e-mail" id="f2" /></label> <label for="f3"><textare…

   Asked by DjTarik, March 24, 2010

   0 votes
   48 answers
6. Кто-нибудь сталкивался?

   Скажите, пожалуйста, кто-нибудь встречал такое? В Mozille не работает задание ширины ячейки таблицы (т.е. тегу td). Ни через CSS, ни через HTML! Я просто не верю своим глазам. Не работает даже такое: <table> <tr> <td width="200">Отображает</td> <td width="250">по тексту</td> </tr> </table>

   Asked by v.asya, October 7, 2010

   0 votes
   8 answers
7. Вопрос по верстке

   Привет всем. Меня интересует, как с помощью сss регулировать минимальную ширину объектов. Ну вот например сайт lookatme.ru, если зайти на страницу любой статьи, спуститься в комментарии, и уменьшить окно браузера, то комментарии не уменьшаются по ширине, а "прижимаются" к левому краю страницы. Как такое сделать?) Честно говоря, даже не знаю, где искать, т.к. толком не понимаю, ЧТО искать) Так что сорри за неинформативный заголовок топика. Развернутое окно броузера: Уменьшенное окно: (комменты не сузились, а просто прижались вбок)

   Asked by nickostyle, October 8, 2010

   0 votes
   3 answers
8. Расположение флеш объекта под картинкой-заголовком

   Всем доброго времени суток! Мой вопрос из разряда начинающих, помощь нужна, кто знает - прошу написать. Вопрос следующий. Есть картинка в заголовке сайта, в формате PNG, с вырезанным овальным окном размером примерно 600х250px. Есть код объекта флеш-слайдшоу, размером чуть больше (примерно 640х300px). Задача стоит такая: расположить флеш - объект (теги объекта - <object></object> ПОД картинкой-заголовком. Сайт сверстан блочной версткой>, файлы на PHP + CSS. Пример варианта реализации такой задачи - nwa-business.ru Прошу помочь. Олег

   Asked by Oldpepper, October 9, 2010

   0 votes
   4 answers
9. Интервал между абзацами

   Подскажите, пожалуйста, как увеличить расстояние между абзацами? Сайт http://forwomans.ru/ Здесь нужно что-то добавить? html body { background: url(images/bg.gif); font-size: 13px; font-family: Tahoma, Georgia, Verdana, Times New Roman; line-height: 120%; } Всем заранее спасибо за помощь! Все спасибо!!! Не нужно на сайте нашла!!! Тему можно удалить, извините!

   Asked by Boginya, October 9, 2010

   0 votes
   0 answers
10. Ограничение на растяжение колонки

    На своём сайте я использую резиновый шаблон, левая и правая колонки - фиксированные, а центральная занимает всю оставшуюся ширину экрана, недавно я посмотрел статистику Li и обнаружил, что очень много людей просматривают сайт с разрешением 1400*1050, 1440*900, 1680×1050 и понял, что сайт для них выглядит очень неудобным. У меня вопрос: можно как-то с помощью html или css ограничить растяжение таблицы, т.е. например до 1280 растягивается, а далее уже фиксируется??? Или просто подскажите другое решение.

    Asked by region029, October 8, 2010

    0 votes
    2 answers
11. Вёрстка товаров.

    Всем привет. Сейчас попробую изложить суть своего вопроса. В общем делаю интернет магазин. И вот в нём товары есть. Они располагаются в контенте. Как их верстать в таком случаем? Не верстать же их каждый по отдельности, а надо сделать так, чтобы их можно было динамически потом вставлять на страницу. Подскажите, как такие вещи верстают, если меня кто понял.

    Asked by prowoke, October 8, 2010

    0 votes
    6 answers
12. Smarty. Перестает работать после изменения шаблонов

    Привет всем! Такая ситуация: Если у шаблона (файл index.view.tpl) изменяется дата изменений - шаблон перестает работать. Я так понимаю, когда смарти видит, что файл был изменен - он его перекомпилирует. А в моем случае - перекомпиляция не работает. Или её нужно как-то запускать, а я не знаю как. Получается я не могу редактировать шаблон. Что делать?

    Asked by faustrash, October 8, 2010

    0 votes
    3 answers
13. Рамка вокруг рисунка

    Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?

    Asked by Акула58, April 29, 2010

    0 votes
    18 answers
14. Проблема верстки с div в IE

    На данный момент есть не сколько вопросов. 1. При верстке сайта использовал такой div <!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"> <head> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </…

    Asked by papay, October 6, 2010

    0 votes
    24 answers
15. Прижатый подвал, отступы сверху, фон центральной части.

    Привет друзья! В общем довольно часто приходиться решать такую проблему. Может кто подскажет удачное решение Имеем следующую стандартную страницу, шапка, sidebar, content, footer. Подвал прижат к низу способом отсюда: Враппер на всю высоту, с отрицательным маргином. И "гарантом подвала" Пока все стандартно, и проблем не возникает. Но вот нам требуется сделать отступ у шапки сверху (шапка начинается не с самого начала, а имеет отступ в 10px например), и отступ снизу у подвала. Решается обычно довольно просто. #header { width:1000px; height:180px; background:url(/img/header_bg.png) center bottom no-repeat; }. Высота картинки header_bg.png 170px. Получаем то что нужно. Дл…

    Asked by pizzZ, October 8, 2010

    0 votes
    3 answers
16. Вёрстка сложных форм

    Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>

    Asked by WalkMan, October 8, 2010

    0 votes
    19 answers
17. Сверстанная страница на одном компьютере неправильно отображется.

    На всех компьютерах и разных версиях IE и других браузерах страничка отображется правильно, вот так: НО!!! На одном компьютере (а именно у начальницы) страница выглядит так: При этом происходит странная вещь - страница загружается правильно, потом когда произошла 100% загрузка резко перестает восприниматься таблица стилей (т.е. стили текста). У нее стоит IE8 Что это может быть?

    Asked by rognarek, October 8, 2010

    0 votes
    5 answers
18. IE6 не воспринимает dispaly:block

    Шестой ослик почему-то не хочет воспринимать display:block. Про косяк с display:inline-block наслышан, а вот про display:block слышу в первый раз. В чем может быть причина?

    Asked by vadimon, October 8, 2010

    0 votes
    20 answers
19. PhotoShop hotkeys

    для начала поделюсь теми гор.клавишами которые сам часто использую. Список не полный, и многие все это знают, но тем кто только начинает пользоваться фотошопом может быть полезным. Инструменты: v Перемещение m Выделение i Линейка g Заливка b Карандаш t Текст Переключение между инструментами расположенными на одной кнопке левой панели инструментов: shift + i Переключение с линейки на пипетку и т.д. copy paste. ctrl + c скопировать выделенную область в буфер обмена ctrl + x вырезать ctrl + n открыть новое окно ctrl + v вставить из буфера ctrl + d снять выделение Изображение ctrl + alt + i Размер изображения ctr l+ alt + c Размер холста Найти нужный слой 1.v Выбираем инструм…

    Asked by rediskavet, October 8, 2010

    0 votes
    4 answers
20. возникает рамочка вокруг посещенной ссылки

    примитивное горизотальное меню, организованное с помощью ссылок, без эффектов, красные буквы на белом фоне. При нажатии и после того, как сходил на другую страницу и вернулся, вокруг пункта меню появляется рамочка. После обновления страницы исчезает... Как избавиться???

    Asked by uncleChalex, October 7, 2010

    0 votes
    4 answers
21. Можно ли изменить размер ползунка скролла?

    В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?

    Asked by Belovsan, October 8, 2010

    0 votes
    5 answers
22. Обрезка фоновых изображений

    Здравствуйте! У меня проблема в IE6. На сайте: http://egozavr2.saitos.info/ на главной странице некорректно отображаются левый и правый фоновые изображения, их обрезает центральный логотип. В остальных браузерах, в том числе и в IE7, отображается нормально. Вот исходный код: <div id="lmain"> <div id="rmain"> <div id="maindiv"> </div> </div> </div> CSS: #lmain { background: url('../images/leftmain.png') no-repeat; position: relative; } #rmain { background: url('../images/rightmain.png') no-repeat; background-position: right; text-align: center; position: relative; } #main { margin: 0 auto; } #maindiv { position: relativ…

    Asked by silverlight90, October 8, 2010

    0 votes
    1 answer
23. Верстка меню с градиентным бэкграундом hover ссылки

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

    Asked by vadimon, October 8, 2010

    0 votes
    4 answers
24. Как можно сверстать сие чудо?

    Задам для начала несколько больше всего интересующих меня вопросов и покажу результат который есть на данный момент. 1 и 2 - Меня интересует как можно проще реализовать эти линии. 3 - Как лучше сделать отступ? Если брать ныне существующий код, то я думал добавить еще один table и выставить ему height, в размере нужного отступа. Код можно посмотреть тут: Турнирная таблица. Проблема заключает в том, что в конечно итоге нужно добавлять неограниченное кол-во строк не меняя размеры в последующих столбиках. например: берем 16 игроков, второй столбик соответственно уже 8. И тут вдруг мне понадобилась таблица на 32 игрока, и я просто добавляю еще 16 строк грубо говоря <tab…

    Asked by DADE, October 3, 2010

    0 votes
    11 answers
25. проблема с position:absolute в IE

    Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…

    Asked by dropoff, October 7, 2010

    0 votes
    9 answers