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
-
НЕ выделяется текст цветом в таблице.
Всем привет ) В тексте встречаются таблицы <table class='style'> Но почему-то...одна из таблиц не выделяется голубым, а другая выделяется...(( Не могу понять. Вот код BODY { background-color: #FFFFCC; /* Цвет фона веб-страницы */ margin-left: 20px; margin-right:20px; } h1 { font-size: 14pt; text-align: center; } h2 { font-size: 12pt; text-align: center; } h3 { font-size: 10pt text-align: center; } table { margin: 0 auto; } table.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; font-size: 12pt; font-weight:bold; } table.list { background: #FFFFFF; font-weight:bold; font-size: 12pt; } table.…
0 votes15 answers -
valign внутри div'a
почему текст после картинки выравнивается по боттому и как с этим бороться? <div><img src='img.gif' width='30px' height='20px'>some text</div>
0 votes1 answer -
padding в div
Всем привет! Помогите плз новичку. Суть проблемы: Когда задаю отступ padding'ом в блоке div размеры блока увеличиваются. Можно ли как-нибудь избежать этого, т.е. сохранить первоначальные размеры блока. Заранее спс!
0 votes5 answers -
отступы от тегов h
Имею таблицу в ней встречаются переодически теги h2 Возможно ли в css сделать так, чтобы отступ по низа ячейки не был слишком большим т.е. хочу чтобы горизонтальная линия была маскимально близко к тексту. h2 { font-size: 12pt; text-align: center; } table.CDs { border:5px; width: 300px; text-align: center; margin: 0 auto; } Жду вашей помощи ))
0 votes2 answers -
Картинка в dive
Создал рамку из дивов с помощью такого кода <div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'> содержимое рамки </div></div></div></div></div> и соответственно css, в котором прописаны пути к картинкам, составляющим эту рамку, и способ заливки. .ram{background: url('../images/borderleft.gif') top left repeat-y;} .ram1{background: url('../images/borderright.gif') top right repeat-y;} .ram2{background: url('../images/downleftangle.gif') bottom left no-repeat;} .ram3{background: url('../images/downrightangle.gif') bottom right no-repeat;} .ram4{background: url('../images/d…
0 votes3 answers -
Вопрос к знатокам!
Доброго времени суток! Есть идея: из менюшки сделать шапку красивую. Нашел интересный вариант: http://selkinvitaly.ru/article32.html но он на "mootools". Может кто нибудь знает что то подобное на "jQuery" (потому, как на сайте используется именно этот скрипт, а вместе они не работают). И основной вопрос!!!: как это сделать с шириной 100% и чтобы при открытии страницы правый блок менюшки был открыт как при наведении. заранее благодарен за помощь.
0 votes7 answers -
Косяки верстки. Не могу найти ошибки
Вот сверстал страницу. Не могу понять где неправильно. В css знания норма, но не профи-спец ( Проверьте пжлста, где я тут накосячил. А именно: 1) Неправильно отображается верхнее меню в IE8 при уменьшении или увеличении масштаба страницы (<>100%), съезжает то вверх то вниз от должного положения. 2) В IE6 страница уезжает вправо, т.е. появлятся скролл. Снова не пойму почему. 3) в остальных браузерах и в IE7 не могу сделать, чтобы отображалась по всей высоте div'a рамки справа и слева. Ну вроде все так. Принимаю критику в отношении верстки (Буду даже рад). Потому что я сам не специализируюсь на верстке а именно на html css (увы, но пытаюсь). Все сверстанное в прикре…
0 votes0 answers -
Подсвечивание синтаксиса в тегах [code][/code]
Я на многих сайтах видел как в поле code выделялся синтаксис того или иного языка, но сам я сколько не пытался, у меня не получалось, кто нибудь знает как это сделать? Пример:
0 votes3 answers -
Вопрос к гуру дивовой верстки
Говорят на дивах можно сверстать все.. А как сделать трехколоночный макет но чтобы колонки были не слева направо а снизу вверх? Какие теги надо туда прописать?
0 votes2 answers -
Выявим ошибку вместе! (:
Есть плагин jcarousel, уже весь мозг съел своими вопросами о нем, на форуме, но всё же вот он (надеюсь последний) вопрос. Нужно, чтобы было видно 3 с пункта меню и путём нажатия кнопок они менялись. Во-первых, по не понятным мне причинам половины первого пункта меню даже не видно. Во-вторых, ездит только текст, картинка (которую чуть-чуть, но можно разглядеть) стоит на месте. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bo0m-paw</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascr…
0 votes19 answers -
Начал изучать PHP, нужна помощь
В общем начал изучать сайтостроение три месяца назад... сейчас уже есть почти готовый сайт с использованием PHP... Осталось сделать совсем "немного", это доработать регистрацию и сделать многофункциональную доску объявлений... столкнулся с проблемой-не знаю ответы на несколько вопросов: 1) как сделать так чтобы сессия в коде работала постоянно (регистрация)... когда заходишь он говорит что все нормально вы авторизированы..., а когда жмешь выйти, он говорит что эта страница для авторизированных пользователей, хотя в обработчике выхода явно указано условие, что такую надпись выводить только после условия отсутствия сессии.. (куки не удаляются, сессия в авторизации присутств…
0 votes0 answers -
Проблемы с отображением блоков с float
Приветствую. Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают. Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет. Код: <a href='' style='border:1px solid #f0f0f0; background:#fff; width:190px; height:60px; padding:0px; margin:0px 3px 0px 3px; float:left; text-decoration: none;'> <img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'> <p style='width:128px; height:26px; padding:0; margin:0;…
0 votes4 answers -
Разное расстояние в разных браузерах
Добрый вечер. Есть простой код: <div class='menu' style='width:inherit; height:200px;'> <div style='width:inherit; height:15px;'></div> <ul> <li><a href='#'>Главная</a></li> <li><a href='#'>Новости</a></li> <li><a href='#'>Полезная информация</a></li> <li><a href='#'>Частные объявления</a></li> <li><a href='#'>Документы</a></li> <li><a href='#'>Фотоальбом</a></li> <li><a href='#'>Гостевая книга</a></li> <li><a href='#'>Контакты</a></li>…
0 votes10 answers -
Div блоки
Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?
0 votes4 answers -
Проблема в растягивании одного блока
Добрый денью Вот сделал сайтик, я новичек. Проблема в том что в разделе с лева есть блок который темнее чем фон где описан раздел. Так вот суть в том, как сделать сто бы он тянулся по все высоте странички автоматически. http://goldoff.lv/ru/page-5.php
0 votes18 answers -
Как сделать голосование?
Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
Фиксированная высота таблицы.
Собственно требуется, чтобы в этом примере alert выдавал 250 и в Internet Explorer 7, и в 8 версии. Так как в других браузерах выдает 250. http://jsfiddle.net/svPRu/1/ Заранее спасибо.
0 votes0 answers -
Перевод на div нужна помощь
Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <b>{title}</b> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b>{link-category}</b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> Тут Класс upzalivnews содержи…
0 votes5 answers -
<input type='image'> есть проблема.
У меня проблема с кроссбраузерностью. Помогите решить. Имею код <input type='image' src='buttons/edit.png' name='BTN_EDIT' value='Правка' title='Править' class='gbutton' /> Все красиво и зашибись, но только в мазилле. Нет, отображается все красиво во всех браузерах, спасибо CSS. Проблема с восприятием потом этой формы в php isset($_POST['BTN_EDIT']) - равен 1 только если навигация через браузер файерфокс.. В других браузерах получается, что кнопка не передается. $_POST['BTN_EDIT'] - равен 'Правка' только если навигация через браузер файерфокс, в других браузерах значение - пустота. В то же время, если вводную форму записывать как <input type='submit' src='butto…
0 votes5 answers -
"резиновый" фон сайта
Подскажите как реализовать "резиновый" фон, который состоит из 2 частей: верхней и нижней а внутренность по необходимости заливается цветом?
0 votes7 answers -
Как-бэ фрейм
Задача следующего характера. Имеется страница с хедером и футером. Как реализовать прокрутку контента между хедером и футером? Без использования фреймов. Возможно ли реализация чистым HTML+CSS ? Или тут потребуется Java Script ?
0 votes14 answers -
Пропорциональная ширина у блочных элементов
Есть элементы меню: <div class="panel"> <a class="tpanel" href="#">главная</a> <a class="tpanel" href="#">о нас</a> <a class="tpanel" href="#">продукция</a> <a class="tpanel" href="#">наши услуги</a> <a class="tpanel" href="#">партнеры</a> <a class="tpanel" href="#">контакты</a> </div> их описывают свойства CSS: .tpanel{ display: block; float: left; padding: 20px 20px; text-transform:uppercase; width:100px; height:20px; vertical-align: middle; margin-top: 39px; } и все это вложено в wrap {width:900px} Вопрос заключается в следующем: Если оставить как есть, то …
0 votes11 answers -
Сайт с нуля (или почти нуля)
Всем добрый день! Я вернулся, как и обещал. Вот пришол к созданию сайта полностью правильного, без ошибок. Но сайт я выбрал не простой. Тоесть я хочу сайт, который, как по мне верстать будет не просто. Сайт на подобии такого ВОТ В чем сложность и каковы мои первые вопросы. 1. В принципе, как сделать сайт резиновым, тоесть, дабы он умещался во все мониторы (или хотя-бы в основные) 2. Сложность такого сайта в большом количестве картинок, как их все выставить так ровненько (css?) Ну в общем хотел бы услышать Ваши мысли по этому поводу) Думаю тема станет для многих интересна)
0 votes7 answers -
как у контейнера по бокам сделать изображение ?
есть такая конструкция <div id="container"> <div id="container-main"> </div> </div> css: #container { margin: 0; padding: 0; position: relative; } .container-main { margin: 0 auto; position: relative; width: 900px; } как у container-main по бокам сделать ДВА изображение прижатых к контейнеру?
0 votes2 answers -
Не отображается правильно таблица в Опере
Всем привет. Верстаю макет, всё вроде как просто, но тут - засада. Начал верстать блоки, сначала блоками - не получилось, потом таблицами, тоже не очень то получилось, а именно, в Опере не отображаются правые и левые края: Вот HTML код блока (на таблицах): <table cellpadding="0" cellspacing="0" height="100%"> <tr> <td class="blocks_lefttop" valign="top"></td> <td class="blocks_top" valign="top"></td> <td class="blocks_righttop" valign="top"></td> </tr> <tr> <td class="blocks_leftcenter" valign="top" height="100%"></td> <td class="blocks_center" valign="top" height="100%"><div style="float:r…
0 votes0 answers