HTML Coding

29542 questions in this forum

1. Верстка. Картинка по центру div

   Здравствуйте, уважаемые гуру! Не могли бы вы подсказать, как выровнять картинку по центру div'а в коде, который будет представлен ниже. Я знаю, что код не совершенен, и если вам будет не трудно, укажите на ошибке и если можно с объяснениями, чтобы я мог исправить их в дальнейшем. Буду очень признателен за помощь. css: body { width:100%; height:100%; } body div#rotator{ float:left; min-width: 60%; max-width: 65%; min-height: 70%; max-height: 80%; } #rotator li img { min-width: 85%; max-width: 100%; min-height: 75%; max-height: 80%; } #rotator div > ul.list{ position: relative; list-style: none; padding: 0px; …

   Asked by morohon, November 2, 2013

   • div
   • Картинка
   0 votes
   19 answers
2. Отмена все параметров. Как?

   Здравствуйте! Недавно столкнулся с проблемой. Нужно встроить в уже готовую среду со своими стилями другой обьект (объекты). Для своих объектов, понятное дело, я пишу свои стили. В итоге происходит неизбежный конфликт стилей. И все было бы хорошо, если бы конфликт возникал только из-за одинаковых названий id и class, но увы, это не так. Конфликтуют сами тэги и мои объекты сильно искажаются. Суть вопроса: Можно ли прописать что-то, что отменит все параметры всех стилей (кроме изначальных) для определенного объекта. Это очень и очень упростило бы мою задачу. То есть, сделать так, чтобы на мои объекты влияли только и только МОИ стили, а все остальные их не касались. Буду очен…

   Asked by Torkvemada, March 6, 2009

   0 votes
   10 answers
3. валидация вложенных списков

   Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…

   Asked by Быколай, April 5, 2009

   0 votes
   8 answers
4. Проблема со спрайтами в IE6

   Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …

   Asked by Dessss, December 29, 2009

   0 votes
   18 answers
5. Подскажите, как можно сверстать такое?

   Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?

   Asked by d0ublezer0, August 13, 2013

   • идеи
   • верстка
   • сложно
   0 votes
   23 answers
6. смена backgrounda при наведении

   Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?

   Asked by Mary_RND, April 29, 2008

   0 votes
   6 answers
7. "Промельк" при hover

   Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

   Asked by Verder, November 11, 2010

   0 votes
   21 answers
8. Лого

   Подскажите как исправить следующие: Пытаюсь сделать лого кликающим и вот что получилось .... До:+Скриншот <!-- begin ambience header--> <div align="center"> <table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="287" height="159" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="287" height="159" alt="" /></td> <td width="170" height="159" align="left" valign="top"><img src…

   Asked by zThetis, May 1, 2009

   0 votes
   12 answers
9. padding "ломает" верстку

   Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…

   Asked by ]-[иколай, September 9, 2011

   0 votes
   16 answers
10. Проблема с дивами

    Привет всем. Делаю верстку для заказчикаhttp://ageent-ua.narod.ru/ У меня возник вопрос как сделать дивами тянущийся футер? Как здесь http://grotesk.com.ua/ У меня синяя должна стоять а зеленый цвет идти вниз. Только здесь сделано с подошью таблиц. А хотелось бы с помощью дивов. Возможно ли это? Если да то подскажите как. Буду рад если подскажите ) Скачать сайт можно по этой ссылке Жду советов! Хотелось бы верить что они будут. С уважением Куприянов Д.А.

    Asked by ageent, January 4, 2008

    0 votes
    15 answers
11. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok, April 9, 2008

    0 votes
    14 answers
12. может быть div'ы не такие уж и могучие?

    Необходимо сверстать трехколоночный макет: Width центральной колонки = const px, width левой и правой = 50% от остатка. Помогите пожалуйстааааааааааааа........

    Asked by cugundar, July 27, 2009

    0 votes
    5 answers
13. Тип элементов figure и figcaption

    Блочными или строчными являются элементы figure и figcaption?

    Asked by PavelTkachev, February 19, 2015

    0 votes
    12 answers
14. Как убрать смещение фона нажатой кнопки в ИЕ?

    Есть кнопочка <input type="button" id="up"> Есть соответствующий стиль: input#up { width: 30px; height: 20px; background: url(++resource++images/arrow_up.png) no-repeat scroll center center transparent; border: none; } input#up:active { background: url(++resource++images/arrow_up_pushed.png) no-repeat scroll center center transparent; } Везде кроме IE работает нормально. В IE же фон кнопки при нажатии смещается. Как это убрать?

    Asked by LightOfMooN, October 16, 2010

    0 votes
    12 answers
15. Помощь по СSS.

    Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…

    Asked by TEO_911, July 27, 2017

    • menu
    • li
    • ul
    • class
    0 votes
    7 answers
16. Вопрос по apache.

    Возник вопрос. Вот когда ставишь сервер денвер, путь к директории выглядит так /home/user/local/www , как на апатче сделать такое? Заранее спасибо.

    Asked by vvsh, September 19, 2008

    0 votes
    17 answers
17. Опера + подгружаемый файл .js + кодировка?

    Люди добрые, научите... Только в Опере почему-то и не рботает... вот страничка - http://www.auto.gesc.ru/12-test4.html подгружаются списки географических названий (довольно большие) таким образом - <script language="JavaScript" src="march.js"></script> <script language="JavaScript" src="march1.js"></script> В итоге два списка отображаются нормально, а третий - иероглифы... Наверное, это просто... но не для меня...

    Asked by rootv, August 4, 2009

    0 votes
    7 answers
18. Размер шрифта в pt и Firefox

    Имеется блок с тегами, размеры задаются в pt. Недавно обнаружил, что в Firefox такой шрифт выглядит в 1.5 раза больше, чем в остальных: IE, Opera, Chrome, Safari, Maxthon и т.п. И тем самым вылезает из блока. Может есть какой-то хак для лисы? Апд.: Извиняюсь, дура лиса не умеет обрабатывать своим браузером данный шрифт и берет его из windows, если в винде стоит увеличение 125%, соответственно лиса его и увеличивает, не смотря что в самом браузере может стоять любой масштаб, даже 100%.

    Asked by Ritter, September 16, 2010

    0 votes
    20 answers
19. Полезные инструменты для вёрстки, посоветуете чего?

    Чем пользуетесь при вёрстке? Что может облегчить жизнь и сэкономить время? (Помимо Firebug, Web Developer, MeasureIt)

    Asked by flagreit, February 28, 2011

    0 votes
    21 answers
20. проблема с текстом...

    делаю сайт ... проервяю его на Опере и на IE7 и вот какие у меня проблемы... OPERA IE7 в опере все вверх сдвинуто, а вот в IE7 сдвиноту вниз... вот те куски CSS таблицы, изменяя которую меняется местораспложение... прошу у вас помощи, ибо сам перепробовал все...

    Asked by AmsTaFF, December 3, 2007

    0 votes
    8 answers
21. Как найти работу верстальщику с небольшим опытом

    Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?

    Asked by Spinto, January 23, 2017

    • верстальщик работа
    0 votes
    2 answers
22. Срочно нужна помощь.В CSS. Подменю наезжает друг на друга

    Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему. Вот как должно выглядеть меню http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg Вот как оно выглядит сейчас http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg Вот код <div id="left-menu"> <div class="moduletable"> <ul class="menu"><li class="parent item9"> <a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php"> <span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</spa…

    Asked by Ly-Zer, January 4, 2010

    0 votes
    2 answers
23. А давайте таки добьем мою галерею!

    Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…

    Asked by Пятница, June 12, 2008

    0 votes
    17 answers
24. Kосяк с отображением в Firefox'е

    Всем привет :-) Расскажу по порядку: У меня на странице есть меню. Основано оно на том, что при нажатии на заголовок меню, появляются его подменю; примерно так (визуально): -меню1 —подменю1 —подменю2 -меню2 —подменю3 —подменю4 И получается, что при нажатии на "меню1", отображаются ранее скрытые "подменю1" и "подменю2". (style="display:none" --> style="display:block"). При этом, естесственно, что "меню2", находящееся под этим всем делом, сдвигается вниз. Это так и должно быть, но проблема в том, что если "меню1" схлопнуть, то "меню2" не возвращается на свое место, а остается внизу. В случае очередного открытия/схлопывания "меню1" оно сдвигается еще ниже. Этот косяк толь…

    Asked by _EAX_, October 20, 2007

    0 votes
    8 answers
25. onmouseover и onmouseover

    Подскажите пожалуйста где можно найти хорошое и подробное описание тегов onmouseover и onmouseover. вот только начиную учиться.. хотелось бы почитать.

    Asked by Nekromancer, December 23, 2008

    0 votes
    12 answers