HTML Coding

29542 questions in this forum

1. Почему не работает z-index

   css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…

   Asked by Mantikore, July 9, 2009

   0 votes
   2 answers
2. Сафари 4 как-то странно сжимает табличку

   Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4. Есть табличка: <table> <tr> <td style="width:8%"></td> <td style="width:62%;"> <p>какой-то там текст</p> </td> <td style="width:7%"></td> <td style="width:15%"></td> <td style="width:8%"></td> </tr> </table> Если у какой-то там текст сказать padding-left:24%; то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку. Т.е. на указание ширины в 62% Сафари почему-то забивает. В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается. Вот к…

   Asked by ХОЛОДный, June 30, 2010

   0 votes
   9 answers
3. Подменю исчезает при наведении

   Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?

   Asked by VeniVidiVici, October 19, 2015

   • меню hover
   0 votes
   4 answers
4. Иконки для соцсетей

   Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>

   Asked by torsar, July 15, 2021

   0 votes
   1 answer
5. Автоперенос текста но новую стрку?

   ребят, можете сказать .... как можно сделать,чтобы текст шёл определённое кол-о символов или пикселей ,а потом переносился второй строкой? мне можно на хтмл ,пхп на всём,кроме цсс

   Asked by FASTDEATH, September 6, 2009

   0 votes
   4 answers
6. как запустить скрипт для игры в шахматы,,,?

   уважаемые господа,нашёл скрипт для игры в шахматы-установил Денвер-разместил в каталоге-не могу вызвать этот скрипт из файла index.html_помогите,кто что знает-благодарен буду очень надо-хочу построить шахматный сайт кто знает как мне вызвать выполнение скрипта из под index.htm??? куда вставлять строки ,начинающиеся с var????

   Asked by crok, May 5, 2010

   0 votes
   8 answers
7. width

   Короче у меня проблемы с шириной сайта. Значит когда задаю ширину 100% сайт плавает тогда, когда окно уменьшаешь (блоки смещаются), на монеторе выше 1280х1024 (1280х1024 у меня) тоже все плавает, тогда наконец поставил ширину (указал в пикселях).К тому же по указанной ширине в IE показывает "прокрутку мышкой" всмысле сдвигать сайт влево, вправо, а в Опере все норм, как так? 1.Как именно работает 100%, т.к. у меня высота в 100% стоит нормально. 2.Как правильно расчитывать ширину сайта, если верстаешь на div (про таблицы просьба не писать). Допустим у меня если расчитывать от шапки,то получается 1263px ширина, а если от блоков 1025px где-то. /* CSS Document */ *{margin:0…

   Asked by ret, July 15, 2010

   0 votes
   12 answers
8. Кнопка Play на картинках (псевдоселекторы). Как добавить?

   Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

   Asked by iBars, March 7, 2016

   0 votes
   6 answers
9. Объ?м кода за день

   Привет народ! Я только начинаю работать в области в?рстки. Возник вопрос как много html,css- кода нужно уметь написать за день, чтобы уже смогли взять на работу html-верстальщиком? И еще поделитесь своими достижениями, сколько кто кода за день может сделать по макету сайта, в нормальном режиме и в горячем режиме? И насколько часто бывает необходимо в горячем режиме работать?

   Asked by Jack10, February 15, 2008

   0 votes
   6 answers
10. Как реализовать указатель в меню

    Собственно есть меню: http://kim-evgene.ucoz.ru/Temp/Test.html Надо сделать чтобы указатель (линия) был только до активного пункта, т.е. последующие пункты после активного должны быть уже без линии Я думаю это легко сделать через ява скрипт, только сам его совсем не знаю, к примеру: есть активный пункт меню с классом "this", скрипт проверяет, если у элемента ("li") класс не "this" то делает бордер слева, если "this" то так же делает бордер и + увеличивает какую-то специально созданную переменную на 1 (которая была равна до этого к примеру "0", и так же до этого проверялась в скрипте), и дальше скрипт уже видя что переменная равна "1" не делает бордер Подскажите, пожалуйст…

    Asked by Kim, April 10, 2008

    0 votes
    4 answers
11. Красивый код

    Всем привет! Подскажите - а есть ли возможность в Dreamweaver выделять код цветом? Например текст или строку целиком?

    Asked by styleroom, October 7, 2008

    0 votes
    6 answers
12. нужна помощь

    помогите, пожалуйста. хочу чтобы вот так получилось, но и текст и картинки каждый в отдельной строке, что делать? просто мне это надо по-учебе, да и для интереса

    Asked by jlgau, December 17, 2009

    0 votes
    11 answers
13. выравнивание в ячейках таблицы

    Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm

    Asked by rgl, May 27, 2010

    0 votes
    10 answers
14. резина по вертикали

    доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…

    Asked by vr201, September 3, 2007

    0 votes
    2 answers
15. display: none в разных браузерах

    Здравствуйте всем. Есть такой код <div style="display:none"> <img src="pict01.gif" /> </div> В ie6 работает нормально, а в опере 9 картинка все равно отображается.. Неужели в опере стили не наследуются от своего родителя? Спасибо!

    Asked by a_web, October 1, 2007

    0 votes
    3 answers
16. Сделать выпадающее меню выплывающим!

    Я сделала выпадающее меню (html+css), немного неровно, но это неважно. В общем, можно ли немного изменить мой код (напр. добавить скрипты), чтобы меню появлялось не сразу, а постепенно, как бы выплывало? html: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="menu_up"> <div class="menu_links1"> <b><a href="#">О компан…

    Asked by Slashka, May 30, 2008

    0 votes
    7 answers
17. Отцентровка в div

    Есть как внего разместить другой div в середину?

    Asked by koder, August 1, 2008

    0 votes
    3 answers
18. Нет подчеркивания у текста на кнопке

    Такой стиль .temp input[type=submit] { border:0; background:none; font: italic 10px "Times New Roman"; text-decoration:underline !important; color:#7f7f7f; margin-top:20px;} Все остальное оки, но НЕТ ПОДЧЕРКИВАНИЯ. Бред какой-то

    Asked by PaLyCH, November 15, 2008

    0 votes
    8 answers
19. Дробное значение

    Подскажите, все ли браузеры могут правильно отобразить блок, если ширину ему задать в дробном значении, например: <div class="width:7.5%"></div> ?

    Asked by Nird, November 20, 2008

    0 votes
    5 answers
20. 2 разных беграунда

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

    Asked by termoplus, February 19, 2010

    0 votes
    7 answers
21. Ищу верстальщиков-собеседников для обмена опытом

    Здравствуйте! Меня зовут Владимиром Я начинающий веб-мастер. Ищу активных верстальщиков, которые уделяют много времени этому делу, со знаниями на среднем уровне ( собственно таких же как и я ). Хочется общаться с такими людьми (можно скооперироваться и сделать общую беседу в ICQ / VK) для обмена опытом, знаниями, для совместного решения проблем. Если будет в наличии время могу помогать даже с довольно крупными проектами (для получения опыта). Связь через ICQ / VK. Пишите, кому хочется быстро развиваться в данной отрасли, посредством критики, совместных доработок, подкидывания новых идей и т.п.

    Asked by ulteriormoon, June 13, 2013

    0 votes
    18 answers
22. Горизонтальное меню. Зачем списки?

    Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <html><head><title>меню</title> <style> ul {margin: 0; padding: 0;} li {display: inline; list-style-type: none;} </style></head> <body> <ul> <li><a href="1.html">link1</a></li> <li><a href="2.html">link2</a></li> </ul> </body></html> Ведь можно написать просто: a {display: inline;} Единственное, что приходит в гоову для удобства тех, у кого браузер не поддерживает CSS: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...

    Asked by kbv79, December 13, 2007

    0 votes
    5 answers
23. слой с параметром float

    Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…

    Asked by dist, November 2, 2008

    0 votes
    8 answers
24. Смещение блока в IE6

    Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left} и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них? Вот рисунок: А вот код: <div class="conteiner_main" align="center"> <div class="content_conteiner"> <div class="left_column"><p>Три…

    Asked by VatSeek, November 26, 2009

    0 votes
    10 answers
25. Выравнивание блоков по ширине

    Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

    Asked by Faradey99, March 18, 2012

    0 votes
    7 answers