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
-
Раскраска таблицы XML > HTML (XSLT)
Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…
0 votes4 answers -
аномальная навигация
Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …
0 votes6 answers -
не центрируеться center блок
Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"
0 votes5 answers -
<table> VS <div>
Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…
0 votes44 answers -
Border наползает на img
У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.
0 votes9 answers -
min-height не работает
Вот нашол решение #element { min-height:925px; height:auto !important; height:925px; } И не работает этот "хак" в мазиле и в IE 8 (в других не пробовал), хотя где хак был написано, что проблемы только в 6 версии в последующих всё нормально. в опере норм, работает. доктайп стоит XHTML 1.0 Transitional, да если поставить HTML 4.01 проблемы вообще не будет, но думаю лучше XHTML 1.0, потом может пригодиться.
0 votes7 answers -
альтернатива ":focus" средствами jQuery! Как?
сабж! Пытаюсь сделать навигацию) с окрашеванием background'а после соостояния active, ну собствеено то что делает focus ..цель вроде как победить осла).. и т.к. только начал осваивать JS, точнее работу с фреймворком jQuery), хотелось бы пойти этим путем. Пример моих стараний не выкладываю - мне не нужен готовый рабочий код.. хотелось бы просто более подходящего рецепта на словах - какое событие и тп? И еще вопросик, собственно ковыряясь с вариантами, получилось используя событие "click" добиться поочередного "включения" всех кнопок-блоков).. это конечно не то, но заметил что ИЕ6 не отреагировал - отсюда хочу спросить - насколько он вообще хорошо дружит с JS? ЗЫ.. в поис…
0 votes2 answers -
Выравнивание меню из списка. Как?
Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…
0 votes3 answers -
Do not use list-style-image для ul
Недавно была тема и специально для этого я сделал скриншотик, думаю из него понятно что к чему и что отображается по-разному в разных браузерах а что одинаково! Тема простая, не стоит использовать свойство css: list-style-image для маркеров ибо оно имеет только параметр который указывает путь к файлу маркеру, НО оно не имеет никаках параметров для выравнивания этого маркера! Да и в разных браузерах по разному они расположены, это наводит ужас, вместо этого стоит для li прописывать background: url() у которого есть возможность позиционировать фон как угодно. 2 скриншота один я сделал, а второй - это скрин с этого же сайта где черно-побелому написано то что я уже сказал. Н…
0 votes5 answers -
автопрокрутка страницы
подскажите плиз. есть самописный форум. при успешном добавлении поста в теме естественно идет переадресация обратно на тему. все вроде бы хорошо.... вот только хочется чтоб страница автоматом прокручивалась к только что созданному посту.... да и вообще нужна инфа каким образом реализуется сохранение положения страницы (хочется еще кой куда воткнуть такое) я php программист а не дизайнер или верстальщик поэтому прошу описывать со всеми тонкостями.... спасибо всем кто ответит. да и еще вопрос: если из textarea писать в SQL то перевод строки не записывается (тип поля text). проблема в textarea или в SQL?????
0 votes11 answers -
Схлопывание границ надо отменить
Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…
0 votes9 answers -
Помогите с сочитанием горизонтальных и вертикальных списков (ul li)
Есть сайт http://www.microsoft.com/web/platform/default.aspx Пытаюсь перерисовать его дизайн. Основное горизонтальное (чёрное) меню удалось, по нажатию на кнопку сделал popup меню, в котором должен быть выбор элементов - так же сделал через ul и li. Но этот выбор никак не хочет вставать вертикально! Копирую часть кода с этим списком в отдельный htm, там он вертикально. С помощью fireBug'а сравниваю css свойства в обоих файлах у этих ul и li - одинаковы (display: block !important). При этом смотрю свойства li горизонтального меню - там display: list-item, а не inline. Помогите поднять второстепенный список вертикально. Так же не понимаю как microsoft положил список горизон…
0 votes6 answers -
как можно аннулировать дефолтные паддинги mail.ru?
каким образом можно аннулировать дефолтные паддинги в вебмаил-клиенте mail.ru при том что данный клиент не принимает стили, точнее сказать делает все что бы их игнорировать, <td valign="top" xstyle="padding-top:10px; padding-bottom:15px; padding-left:15px; padding-right:10px;"> по умолчанию он ставит такой стиль на все <td> table.readlet td { font-family:courier new; font-size:85%; padding:15px 0 20px 7px; } может кто сталкивался с подобным?
0 votes11 answers -
Всплывающие подсказки - как отключить память input-ов?
Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…
0 votes4 answers -
MySQL i Web
Подскажите пожалуйста, где можно почитать о принципе совместной работы Web сайта и баз данных SQL? И вообще все, что с этим связано.
0 votes4 answers -
меню сделанное на CSS под все браузеры.
Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …
0 votes4 answers -
float:left блоки равной высоты в несколько строк
Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…
0 votes46 answers -
А как вы выполняте Clearing?
Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…
0 votes34 answers -
Валидатор "ругается". Помогите.
http://validator.w3.org/check?uri=http%3A%...lidator%2F1.654 Все ошибки в этой строчке кода: <a href="http://www.statun.com/109444/m.html" target="_blank"><img src="http://count.statun.com/?040.gif&r=&p=http%3A//centrohost.net/&i=<?php echo rand(); ?>&s=109444&g=0&w=1440&h=900&d=24&c=Y&e=Y" border="0" width="88" height="31" alt="Statun Counter"></a> Как пофиксить?
0 votes9 answers -
Разрыв границы
как делаестся такой разрыв граница прерывается - Ранг - граница продолжается! Спасибо!
0 votes34 answers -
Атрибут profile элемента HEAD
Важен ли атрибут profile элемента HEAD? Каково его назначение? Возможно ли и как перенаправить его в другой тег?
0 votes2 answers -
backround div-а вылезает за пределы
HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…
0 votes7 answers -
input type text выравнивание текста в ie
Помогите справиться с такой вот проблеммой. В ие текст, который вводится в поле <input type="text">, выравнивается по верхнему краю, а нужно сделать, чтобы он выравнивался по середине поля css для инпутов задан такой: float: left; display: block; font: 13px Tahoma; color: #000; width: 300px; height: 25px; margin-right: 50px;
0 votes5 answers -
Не получается изменить цвет блока
никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :
0 votes13 answers -
SELECT + TITLE или подсказки в выпадающем меню
Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?
0 votes4 answers