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
29,542 questions in this forum
-
Непонятки с td rowspan
<table border="1" height="100%"> <tr height="10"> <td width="700">1</td> <td width="223" rowspan="2"> <br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1 </td> </tr> <tr height="*"> <td width="700">1</td> </tr> </table> В опере всё отображается корректно. В ИЕ первая строка таблицы отображается не правильно (её высота дол…
0 votes15 answers -
Растянуть по высоте на всю страницу
Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…
0 votes3 answers -
Kосяк с отображением в Firefox'е
Всем привет :-) Расскажу по порядку: У меня на странице есть меню. Основано оно на том, что при нажатии на заголовок меню, появляются его подменю; примерно так (визуально): -меню1 —подменю1 —подменю2 -меню2 —подменю3 —подменю4 И получается, что при нажатии на "меню1", отображаются ранее скрытые "подменю1" и "подменю2". (style="display:none" --> style="display:block"). При этом, естесственно, что "меню2", находящееся под этим всем делом, сдвигается вниз. Это так и должно быть, но проблема в том, что если "меню1" схлопнуть, то "меню2" не возвращается на свое место, а остается внизу. В случае очередного открытия/схлопывания "меню1" оно сдвигается еще ниже. Этот косяк толь…
0 votes8 answers -
header резиновый.
В общем, мне нужна шапка такого типа и что бы все это чудо еще и растягивалось, с помощью таблиц я смогу ее сделать, но как осуществить это с помощью CSS? И возможно ли вообще это воплотить в реальность? Помогите, пожалуйста... я уже замучалась...
0 votes8 answers -
jQuery .animate css property box-shadow
Всем привет, у меня такой трабл возник. Задумал сделать анимацию css свойства box-shadow. Задуманно так. Сначала свойство blur должно уменьшаться, потом обратно увеличиваться и так в цикле. Но к сожалению ничего не работает. Вот код http://jsbin.com/ApUbIRE/5/edit Помогите разобраться почему нее работает
0 votes1 answer -
Вложенные таблицы с использованием CSS
Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…
0 votes8 answers -
Выравние разного текста по верху блока
Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо
0 votes10 answers -
3-х колоночный резиновый макет, минимальная и максимальная ширина
есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?
0 votes6 answers -
Text field + эмулировать работу свойств div`а
Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?
0 votes24 answers -
Обтекание
У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}
0 votes23 answers -
Как убрать отступ в 1px от input text
Здравствуйте! Версткой занимаюсь в свободное время, поэтому тонкостей дела не знаю. На странице размещен [input type=text], а над ним - div с текстом и background-рисунком. В результате отображения между рисунком и [input type=text] заметно тонкое белое пространство. Как его убрать? Т.е., чтобы рисунок будто-бы вырастал из границы поля для ввода текста? Далее привожу код наглядно: [div style=width:130px;height:50px;background-image:url("images/kleverall.png")]Некоторый текст[br]идет здесь[/div] [input type=text' name='name1' style='margin:0] [input type=submit value=>>] Результат:
0 votes2 answers -
почему не работает background-attachment:scroll;?
почему изображение остаётся на месте, а не в центре??? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ background-color:#cccccc; color:#000000; background-image:url(512896618.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; } b{ background-color:#ff0000; color:#ffffff; } p{ background-color:#ffffff; } </style> </head> <body> <p>На данном примере показано свойство, <b>background-color</b>.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с…
0 votes6 answers -
Динамическая высота страницы в IE
Добрый день, возникла проблема следующего характера: неправильное позиционирование слоя в IE по нижней границе документа при динамическом изменении высоты страницы. А именно, когда высота документа увеличивается, то слой, привязанный к нижнему краю страницы, остается в IE на своем месте, а контент "заползает" под него (пример смотрите вот здесь: www.lightfood.ru/menu). Есть документ XHTML, в котором есть шапка, контентная часть и подвал. При этом подвал прикрепляется к нижней части страницы с помощью CSS. В FF и Opera все работает корректно, в IE тоже - но только до тех пор, пока страница не начинает увеличиваться по вертикали (в моем случае речь идет о развертывании спис…
0 votes4 answers -
как сверстать блок
Помоги нужно сверстать вот такой блок резина, что бы тянулся по ширине ума не приложу как зделать
0 votes7 answers -
С чего бы начать?..
В этом деле не совсем деревянный, но все же... - обучался по урокам Е. Попова, к тому же очень давно. Хочу серьезно заняться версткой, зарабатывать на этом деньги. Что должен знать толковый фронт-енд разработчик (кажется, так теперь это называется? работа с красивым выводом результата многих строк кода)? И самое главное - где могу этому обучиться? Источники, источники... Сейчас прохожу курсы от html academy, но они какие-то через чур изи.
0 votes23 answers -
Персонаж : как его одеть
Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mcha…
0 votes8 answers -
Содержимое по центру футер прибит
Друзья мои. Задолбался с этим вопросом и самостоятельно его не осилю. Как сделать содержимое страницы по центру и футер прибит к низу. Нужно два варианта один статичный другой резиновый. С резиновым по центру сайтом тоже проблемы. Никак не могу сообразить как это организовать. Помогите. Сайт в две колонки, меню справа.
0 votes6 answers -
Закругленные уголки в IE
Как можно заставить IE видеть закругленные углы в блоках?
0 votes17 answers -
Вопрос по растягиванию элемента в CSS
Всем привет. В общем, вопрос такой, вот код страницы: <!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=utf-8" /> <title>trial</title> <link rel="stylesheet" type="text/css" href="trial.css"> </head> <body> <div id="top"></div> <div id="menubar"></div> <div id="navi_bar"><a href="#" class="friends">Friends</a><a href="#" class="wall">Wall</a><a href="#" class="bookmarks">Bookma…
0 votes5 answers -
OnClick - копирование в буфер
Есть таблица со списком людей. Хотел сделать компактный вид отображения номеров асек, логинов скайпа с помощью иконок и чтобы при нажатии на них текст (в данном случае номер аськи или логин скайпа) копировались в буфер обмена для последующей вставки куда-либо. Пытался найти способ, но что-то способы либо слишком заумные, либо предлагаются только для ИЕ... Есть ли какой-нибудь простой способ реализации данного функционала?
0 votes8 answers -
Почему не скроллится страница?
Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?
0 votes1 answer -
перекрытие слоев
подскажите как победить такую конструкцию? есть картинка с z-index: 1; и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным по логике ведь меню выше слоя картинки
0 votes6 answers -
position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?
Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …
0 votes2 answers -
DL, UL, OL -упорядоченый список
Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!
0 votes2 answers -
ссылки и звук
А можно сделать так чтобы когда курсор мышки наводилина ссылку она не только меняла цвет на другой, но и еще играла бы музыка?
0 votes9 answers