HTML Coding

29542 questions in this forum

1. проблема с наложением блоков

   Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

   Asked by triton, December 27, 2011

   0 votes
   3 answers
2. Неправильное отображение в IE 6,7

   Привет всем, подскажите как решить неправильное расположение фоновой картинки в блоке <div class="logo-top"> и отсутствие бордеров у ссылок в блоке <div class="pic-top-nav"> в браузере IE 6,7, в других браузерах работает норм. Адрес http://alexforce2.6te.net/.

   Asked by alexforce2, March 18, 2012

   0 votes
   7 answers
3. Проблемы с <title>

   Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.

   Asked by DartBein, May 24, 2012

   0 votes
   6 answers
4. В таблице у img не отображается border если стоит padding

   Хочу в ячейке таблицы скруглить по всем сторонам углы кнопке. Если не ставлю padding кнопке, то скругляет нормально, а если поставить то не скругляет. Причем если сделать padding-right то скруглит только по левой строне Как можно исправить? <td width="500" height="150" align="right" valign="middle" bgcolor="#003399" id="two"><img src="12_r15_c7.gif" width="72" height="26" alt=""></td> <td> </td> #main img { border-radius: 10px; padding:5px; }

   Asked by Jhozeph, May 27, 2012

   0 votes
   2 answers
5. Помогите победить IE

   Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

   Asked by webair, September 22, 2012

   0 votes
   3 answers
6. Проблема с float

   Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан). Я уже не первый год в вёртске, но в данном случае я уже просто не з…

   Asked by StormMan, October 26, 2012

   0 votes
   2 answers
7. Отсутствует скролл на сайте в IE8

   В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro

   Asked by nikitaneo, November 9, 2012

   0 votes
   4 answers
8. центрование двух и более div по центру

   Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали

   Asked by rtl_one, February 9, 2013

   • two div align
   0 votes
   1 answer
9. Как задать content пустое значение?

   День добрый! Цель - чтобы иконка была тусклее,задаю opacity 0.5 и ничего. http://cssdesk.com/Ekn4C Также хотел узнать как вводить такую кавычку с клавиатуры? '

   Asked by Temik2704, October 19, 2013

   • Новичок
   0 votes
   2 answers
10. как сделать чтоб не дергалось меню?

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

    Asked by Asai, February 13, 2014

    0 votes
    2 answers
11. Кнопка "наверх" на разных сайтах работает по разному

    Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!

    Asked by Vic-Tor, February 14, 2014

    • js кнопка
    • скрипт
    0 votes
    2 answers
12. Блоки вылазят за рамки макета

    Есть 2 блока расположенных в линию. При уменьшении ширины окна браузера блоки вылазят за рамки макета. Как это исправить? http://test.parkes.org.ua/diseases/varicosity.php .inline, .slider-wrapper { display:inline-block; vertical-align:top; max-width:49%; }

    Asked by apexis, May 11, 2014

    0 votes
    1 answer
13. Горизонтальное меню съезжает

    Подскажите начинающему.При уменьшении окна браузера часть меню съезжает вниз.Что нужно поправить,чтобы это не происходило. Код: HTML <!DOCTYPE html><html><head><title>da vinci</title><meta charset="UTF-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align"> <div id="header"> <a href="index.html"><img src="images/logo.png" alt="Логотип" width="100%" /></a> </div> <div id="slideshow"> </div> <div id="menu"> <ul> <li><a href="#">О салоне</a></li> <li&gt…

    Asked by holdstred, May 12, 2014

    0 votes
    1 answer
14. Как спрятать текст в <i> , но чтобы картинка отображалась?

    <li><i class="iconmail">... </i>info@reen.com</li> бекграундом вставил картину, но не знаю как спрятать текст, нужно чтобы картинка отображалась, Img не советовать

    Asked by RuslanHeYca4ev, October 23, 2014

    0 votes
    9 answers
15. Номера телефонов переводятся на новую строку

    Подскажите, как отменить перевод на новую строку номеров телефонов на iOS?

    Asked by vip, May 13, 2015

    0 votes
    6 answers
16. div с margin-left вылезает за экран но прокрутка не появляется

    Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

    Asked by zheka2, May 20, 2015

    0 votes
    9 answers
17. Как ровно сверстать блоки с картинками

    Как ровно и проще сверстать блоки с картинками? У меня получается так: Код: http://jsfiddle.net/hwwjuvrf/2/

    Asked by Alfa2015, July 17, 2015

    0 votes
    5 answers
18. header только на html и css

    Как правильно сделать оформить header используя только html и css чтобы получилась как на этом макете Почему у меня правое меню постоянно плавает и как кнопку поиска правильно спозиционирорвать в самой форме чтобы она никуда не уезжала? Что не так в моем коде? https://jsfiddle.net/kjgydnfs/27/

    Asked by Romario1985, April 22, 2021

    0 votes
    1 answer
19. Текстовое поле ломает таблицу

    Добрый день. Имеется меню под шапкой, свёрстано таблицей: <table cellpadding="0" cellspacing="0" width="1181"> <tr> <td colspan="3"><img src="img/head.jpg" align="top"></td> </tr> <!-- верхнее меню --> <tr> <td id="leftmenu"><form action="search.php" name="search">Поиск <input type="text" size="18" name="sh"></form></td> <td background="/img/but_menu.gif"><center><a href="#" class="mainlevel">О КОМПАНИИ</a><a href="about.php" class="mainlevel">КАТАЛОГ</a><a href="members.php" class="mainlevel">СПЕЦ. ПРЕДЛОЖЕНИЯ</a><a href="project.php" class="m…

    Asked by JeФoks, January 18, 2011

    0 votes
    0 answers
20. И опять IE

    Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

    Asked by runet, February 14, 2011

    0 votes
    5 answers
21. Margin-right в блоке

    Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …

    Asked by Rambo2045, August 29, 2011

    0 votes
    2 answers
22. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param, November 11, 2011

    0 votes
    4 answers
23. Помощь с макетом

    Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?

    Asked by Neograff, November 16, 2011

    0 votes
    6 answers
24. Дочерние элементы таблиц

    Начал верстать таблицей и решил отказаться от классов. Наваял вот таких крокодилов W3 похвалил, сказал - всё валидно по CSS3. Konqueror 1.5 работает! O9/11, Fx (не помню, но не старый) и IE7 - не работают. Ошибка, кажется, в том, что table>tr>td не считаются дочерними и/или для табличных элементов не определяются first-child. Хочу узнать, есть ли более точная информация или я неправильно всё это понимаю.

    Asked by skvor, March 20, 2012

    0 votes
    9 answers
25. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu, April 7, 2012

    0 votes
    4 answers