HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Высота блока
Добрый вечер. Столкнулся с такой проблемой при верстки шаблона. Мне нужно сделать чтоб высота блоков не зависила от содержимого. Тут можно посмотреть саму проблему. http://www.multicom.ee/sm/ Мне нужно чтобы Блоки шли до футера. Помогите советом , буду очень благодарен.
0 votes9 answers -
Дрессировка кошек
Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: 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…
0 votes10 answers -
dreamweaver проблема кодировки
Почему так? При кодировке charset=utf-8 текст в дриме нормально отображается, а в charset=windows-1251 вот так...)) Просто мне нужен charset=windows-1251 В чем проблема??
0 votes6 answers -
Margin внутреннего блока не отталкивается от отцовского
Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение
0 votes1 answer -
Выравнивание флешки по центру в ячейке
Не получается выровнять .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> не помогло(как советуют на многих форумах).
0 votes10 answers -
Вопрос по горизонтальному меню
Вопрос по горизонтальному меню Надо сделать меню как на картинке, на всю шируна сайта (1000px). Как не пытался, не получается сделать его так, чтобы занимал всю шируну и отступы боковые были одинаковые. Каким способом лучше сделать и как? И еще вопрос, как сделать границу боковую как на картинке?
0 votes8 answers -
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…
0 votes5 answers -
Неадекватэн чекбокс в IE(6-9)
Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}
0 votes6 answers -
Странное поведение тега 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 - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?
0 votes5 answers -
Насколько верное решение задачи?
Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar
0 votes5 answers -
Не получается расположить элементы в ротаторе в ряд
Здравствуйте! Сразу скажу, что я программист, не верстальщик, и заниматься версткой мне приходится крайне редко, но если приходится, это почти всегда превращается в каторгу. Для меня написать бэкэнд сайта или игры гораздо проще, чем сверстать хотя бы не очень навороченную страницу. Вот сейчас делаю сайт интернет магазина под ключ, все шло как по маслу, но в одном месте наткнулся на проблему, в решении которой мне не помог даже гугл. Из-за чего она происходит мне понятно, но как это обрулить, ума не приложу. В общем, к делу. Мне нужно сделать ротатор в котором показываются похожие товары. Ну, это просто обычная "витрина" со стрелками по бокам, при нажатии на которые списо…
0 votes7 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
Как изменить цвет вертикальной линии?
Здравствуйте! Простите, если не сюда пишу. Что-то намудрил в стилях и при попытке изменения цвета вертикальной линии, цвет не меняется. Подскажите, пожалуйста, как корректно изменить цвет вертикальной линии. Код и результат можно посмотреть здесь https://jsfiddle.net/sn2uo9k4/ Буду благодарен советам!
0 votes3 answers -
Можно ли сверстать семантично 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>…
0 votes1 answer -
Укращение дикой ячейки.
Добрый вечер. У мя така проблема: есть таблица из 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> Бла бла бла бла бла блаБла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла …
0 votes5 answers -
Дочерние селекторы и таблицы
Имеется 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; } Не могу понять, почему данная конструкция не р…
0 votes4 answers -
как убрать крайний бордер ?
на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на 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; …
0 votes1 answer -
Как создать таблицу без верхней границы
Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <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> Заранее спасибо.
0 votes5 answers -
Оптимизация логотипа форума
Здравствуйте! Возможно где-то такая тема уже есть, но я не нашёл и создал новую. Помогите разобраться в коде 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, опере - он не до конца доходит, а в мазиле через-чур уезжает за границы и появляется прокрутка. Код как мог набросал, понимаю, что многое может быть и не правильно, недавно совсем начал разбираться с ними. Мне очень надо понять что не так-то
0 votes8 answers -
Выравнивание нескольких элементов при блочной верстке
Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((
0 votes6 answers -
Проблема с версткой...
width:auto работает только с div-ами у которых position:absolute? хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?
0 votes20 answers -
Верстка горизонтального меню
Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи 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;}
0 votes6 answers -
Какие посоветуете соц. кнопки?
AddThis,Ya.share или pluso?! Хотя насчет последних вкрадываются сомнения... http://toster.ru/q/63780 А КАКИМИ ПОЛЬЗУЕТЕСЬ ВЫ?! И какие недостатки у конкурентов
0 votes1 answer -
Редиректы
Добрый! Подскажите плиз , можно ли, как то сделать вот такие редиректы К примеру у меня есть страница с urlлом типа: site.ru/?page=o-nas а хочется что бы выводилось без имени get переменной вот так site.ru/o-nas заранее спасибо за любую инфу по этому вопросу.
0 votes5 answers -
Сайдбар залезает на хэдр
Всем привет! Пишу по примеру данного видео. Время 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…
0 votes3 answers