HTML Coding

29542 questions in this forum

1. Высота блока

   Добрый вечер. Столкнулся с такой проблемой при верстки шаблона. Мне нужно сделать чтоб высота блоков не зависила от содержимого. Тут можно посмотреть саму проблему. http://www.multicom.ee/sm/ Мне нужно чтобы Блоки шли до футера. Помогите советом , буду очень благодарен.

   Asked by Simel, January 6, 2011

   0 votes
   9 answers
2. Дрессировка кошек

   Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: http://jsfiddle.net/eZ2y2/embedded/result/ HTML: <div id="wrapper"> <div style="height: 1000px;">content</div> </div> <img id="photo" src="http://basik.ru/images/firecat/short.jpg"> CSS #wrapper { width: 400px; background: red; margin: 0 auto; opacity: 0.5; } #photo { border: 1px solid blue; position: fixed; top: 0; left: 0; z-index: -1; he…

   Asked by yarikus, February 25, 2011

   0 votes
   10 answers
3. dreamweaver проблема кодировки

   Почему так? При кодировке charset=utf-8 текст в дриме нормально отображается, а в charset=windows-1251 вот так...)) Просто мне нужен charset=windows-1251 В чем проблема??

   Asked by penchukov, September 25, 2011

   0 votes
   6 answers
4. Margin внутреннего блока не отталкивается от отцовского

   Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение

   Asked by Pumych, April 2, 2012

   0 votes
   1 answer
5. Выравнивание флешки по центру в ячейке

   Не получается выровнять .swf файл по центру в ячейке, помогите пожалуйста разобраться. Код: <table border="0" width="749" align="center"> <tr> <td> <object width="450" height="302"> <param name="movie" value="ventiljator.swf"> <embed src="ventiljator.swf" width="450" height="302"> </embed> </object> </td> </tr> </table> Заключение блока <object> в тэги <div align="center"></div> не помогло. Заключение блока <object> в тэги <center></center> не помогло(как советуют на многих форумах).

   Asked by IndigoHollow, April 17, 2012

   0 votes
   10 answers
6. Вопрос по горизонтальному меню

   Вопрос по горизонтальному меню Надо сделать меню как на картинке, на всю шируна сайта (1000px). Как не пытался, не получается сделать его так, чтобы занимал всю шируну и отступы боковые были одинаковые. Каким способом лучше сделать и как? И еще вопрос, как сделать границу боковую как на картинке?

   Asked by ProGirl, April 30, 2012

   0 votes
   8 answers
7. IE6-8 тень,скругление, градиент

   Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…

   Asked by konstantinskiy, August 15, 2012

   0 votes
   5 answers
8. Неадекватэн чекбокс в IE(6-9)

   Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}

   Asked by tiHo, December 6, 2012

   0 votes
   6 answers
9. Странное поведение тега P

   Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?

   Asked by Evkaky, December 31, 2012

   0 votes
   5 answers
10. Насколько верное решение задачи?

    Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar

    Asked by ianton, July 24, 2013

    0 votes
    5 answers
11. Не получается расположить элементы в ротаторе в ряд

    Здравствуйте! Сразу скажу, что я программист, не верстальщик, и заниматься версткой мне приходится крайне редко, но если приходится, это почти всегда превращается в каторгу. Для меня написать бэкэнд сайта или игры гораздо проще, чем сверстать хотя бы не очень навороченную страницу. Вот сейчас делаю сайт интернет магазина под ключ, все шло как по маслу, но в одном месте наткнулся на проблему, в решении которой мне не помог даже гугл. Из-за чего она происходит мне понятно, но как это обрулить, ума не приложу. В общем, к делу. Мне нужно сделать ротатор в котором показываются похожие товары. Ну, это просто обычная "витрина" со стрелками по бокам, при нажатии на которые списо…

    Asked by goodguy, June 4, 2014

    0 votes
    7 answers
12. [Теория] Разница между адаптивной страницей и страницей с различными стилями

    Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?

    Asked by master-kyk, August 25, 2014

    • css
    0 votes
    6 answers
13. Как изменить цвет вертикальной линии?

    Здравствуйте! Простите, если не сюда пишу. Что-то намудрил в стилях и при попытке изменения цвета вертикальной линии, цвет не меняется. Подскажите, пожалуйста, как корректно изменить цвет вертикальной линии. Код и результат можно посмотреть здесь https://jsfiddle.net/sn2uo9k4/ Буду благодарен советам!

    Asked by iiwanc, May 16, 2021

    • линия
    • цвет
    0 votes
    3 answers
14. Можно ли сверстать семантично 2 облака тегов?

    Задача проста: 2 облака тегов и переключалка между ними (отображается только одно облако). | облако 1 | облако 2| |тег тег тег тег тег тег| <?сюда подставляются теги выбранного облака после клика по переключалке. Я хотел сделать эту конструкцию правильно, т.е. список с двумя вложенными списками: <ul> <li> Облако 1 <ul> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> </ul> </li> <li> Облако 2 <ul> <li><a href="#">тег</a&gt…

    Asked by XXXVII, July 19, 2008

    0 votes
    1 answer
15. Укращение дикой ячейки.

    Добрый вечер. У мя така проблема: есть таблица из 5 ячеек и нужно сделать так, чтобы ячейка с картинкой не растягивалась, т.е. шиоина ячейки=ширине картинки. <html> <head> <title> Фильм. </title> </head> <body> <table border=1> <tr> <td align=center valign=top width=200> <b><h1>Меню</h1></b> </td> <td> Картинка </td> <td align=left valign=top><br> 1 </td> </tr> <tr> <td> 2 </td> <td colspan=2> Бла бла бла бла бла блаБла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла …

    Asked by xCOOLer, November 19, 2008

    0 votes
    5 answers
16. Дочерние селекторы и таблицы

    Имеется HTML-код: <?xml version="1.0" encoding="utf-8"?> <!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>Заголовок страницы</title> <link media="all" rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table class="my"> <tr> <td> Col #1 </td> <td> Col #2 </td> </tr> </table> </body> </html> и CSS-код: table.my > tr > td { color: red; } Не могу понять, почему данная конструкция не р…

    Asked by Vialls, December 21, 2008

    0 votes
    4 answers
17. как убрать крайний бордер ?

    на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png CSS .project { position:relative; float:left; width:100%; height:320px; margin-top:35px; } .project ul { list-style:none; margin:0 5px; padding:0; overflow:hidden; display:block; position:absolute; } .project ul li { position:relative; display:block; float:left; width:245px; height:320px; border-left:1px black dotted; } .imagePro { position:absolute; width:180px; height:175px; margin:78px 30px 0 33px; } .textProject { position:absolute; border:none; color:#000; …

    Asked by bodr, September 19, 2009

    0 votes
    1 answer
18. Как создать таблицу без верхней границы

    Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.

    Asked by Maxim1441, September 29, 2010

    0 votes
    5 answers
19. Оптимизация логотипа форума

    Здравствуйте! Возможно где-то такая тема уже есть, но я не нашёл и создал новую. Помогите разобраться в коде CSS #logodesc { margin-bottom: 15px; padding: 0px 5px; background: #FFB3CC; border: 2px solid #D7E4E4; background :url(images/header.jpg) no-repeat; width:1480px; height:150px; } Почему-то в разных браузерах логотип отображается по разному, например, в IE, опере - он не до конца доходит, а в мазиле через-чур уезжает за границы и появляется прокрутка. Код как мог набросал, понимаю, что многое может быть и не правильно, недавно совсем начал разбираться с ними. Мне очень надо понять что не так-то

    Asked by sunrec, November 13, 2010

    0 votes
    8 answers
20. Выравнивание нескольких элементов при блочной верстке

    Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((

    Asked by Asket, April 16, 2011

    0 votes
    6 answers
21. Проблема с версткой...

    width:auto работает только с div-ами у которых position:absolute? хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?

    Asked by AngelofDem, September 5, 2011

    0 votes
    20 answers
22. Верстка горизонтального меню

    Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}

    Asked by Smart_Bomber, December 15, 2013

    • Меню Верстка
    0 votes
    6 answers
23. Какие посоветуете соц. кнопки?

    AddThis,Ya.share или pluso?! Хотя насчет последних вкрадываются сомнения... http://toster.ru/q/63780 А КАКИМИ ПОЛЬЗУЕТЕСЬ ВЫ?! И какие недостатки у конкурентов

    Asked by SKSKSS2013, March 22, 2014

    • Социальные
    • сети
    • кнопки
    • какие
    0 votes
    1 answer
24. Редиректы

    Добрый! Подскажите плиз , можно ли, как то сделать вот такие редиректы К примеру у меня есть страница с urlлом типа: site.ru/?page=o-nas а хочется что бы выводилось без имени get переменной вот так site.ru/o-nas заранее спасибо за любую инфу по этому вопросу.

    Asked by 3d_max_9, May 18, 2014

    • редирект
    0 votes
    5 answers
25. Сайдбар залезает на хэдр

    Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…

    Asked by XanderAlex91, March 2, 2015

    0 votes
    3 answers