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
-
Несколько классов у тэга?
По субжу, можно ли IE6 обучить такой магией? p/s: у меня шо то не хотит понимать!
0 votes15 answers -
не ровняется
помоги уже целый день думаю и никак не могу понять в чем может быть проблема (( есть слайд контейнер на жк, на тест страничке работает нормально во всех браузерах, когда ставлю этот же код на мою страничку то все ппц, не могу уменьшить размер слайд контейнера, хотя на тесте он так же стоит и все норм. Стили использую те же что на тест страничке то и здесь. В Мозилле, Хроме все норм а вот Опера чтоб ее не хочет никак уменьшить высоту. Убейте но понять никак не могу почему так происходит.... п.с. интересный факт: если ставлю этот код в ХТМЛ страничку то все норм, если в php то не работает нормально O_o помогите плз, уже не могу мозг разрывается (( сайт.рар
0 votes2 answers -
Как вставить еще один div
Изначально было два div : filedin и small-comment-cloud. Между ними нужно встроить еще один site_url с выравниванием по центру, никак не могу это сделать...site_url съезжает на следующую строку. помогите!! Ниже приведен код + css. <div class="filedin"> <?php _e('Filed in', 'themejunkie'); ?>: <?php the_category(', ')?> </div> <div class="site_url"> <?$site_url= get_post_meta($post->ID, 'site_url', $single = true); ?> <?php if($site_url!== '') { ?> <a href="<?php echo $site_url; ?>" rel="nofollow" target="_blank">Посетить сайт</a> <?php } ?> </div> <div class="small-commen…
0 votes9 answers -
Padding вместо width и height.
Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?
0 votes13 answers -
Проблема с кнопкой.
Здравствуйте, товарищи. Возникла одна сложность, хочу спросить мнение: создаю кнопку, меняющую цвет. использую <a href="ссылка" onmouseover="document.pm1.src='картинка_1'" onmouseout="document.pm1.src='картинка_2'"> <img src="картинка_2" name="pm1" ></a> при этом хочу, чтобы ссылкой была не вся картинка, а только часть. Пытаюсь для этого использовать навигационную карту: <map name="karta1"> <area href="ссылка" shape="rect" coords="10,10,160,140"> </map> и теперь не знаю, куда подставить "usemap="#karta1", чтобы работало. Пытался подставить в разные места - эффекта никакого.
0 votes4 answers -
0 votes0 answers
-
Размер svg
День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…
0 votes3 answers -
Как грамотно организовать навигацию
Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…
0 votes0 answers -
Блоки разной ширины на одинаковом расстоянии друг от друга
Если такой вопрос уже был, извиняюсь, поиск не работает Сам вопрос такой: можно ли при резиновой странице (5) расположить блоки (1-4) таким образом, чтобы они находились на одинаковом расстоянии друг от друга? При условии что блоки разной ширины и периодически меняются. Ниже попытка изобразить что требуется ))) Пока пришел в голову вариант засунуть все это дело в таблицу, есть другие варианты?
0 votes5 answers -
Табличная верстка
Стоит ли новичку изучать табличную верстку или это прошлый век? Я практикуюсь блочной верстке, при необходимости могу сделать таблицу. Имеет ли смысл специально учить сейчас, как верстать на таблицах ? Не хотела сейчас этим заморачиваться, но вижу в форуме, многие спрашивают именно по таблицам.
0 votes11 answers -
Нарушена структура сайта
Помогите пожалуйста.у меня на сайте все расплылось.меню ушло вправо а все остальное ушло вниз.мне сказали что произошло нарушение в странице сайта.вот что у меня в странице сайта.помогите пожалуйста убрать лишнее или наоборот добавить. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background-color:#99CCFF; margin:0px; padding:0px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <table cellpadding="0" cellspacing="0" border="0" width="100%" style="paddi…
0 votes2 answers -
Всплывающий список при наводе стрелкой мыши
Вот такое можно сделать в ИЕ без JS Пример с ФФ http://imm.io/2G7T
0 votes14 answers -
Слои по центру
Здрасти, не могу найти такую вроде простую вещь, помогите пожалуйста. У меня есть несколько слоев (неопределенное количество) я хочу, чтобы они выводились по центру странички. Делаю контейнер, в нем несколько слоев. Если применить float, тогда не получается чтобы слои были посередине, если применить не применять то слои получатся в столбик. Каждый слой имеет фиксированные размеры и у всех слоев они одинаковые. Как это реализовать?
0 votes24 answers -
Выпадающее меню выходит за границы монитора
Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно
0 votes9 answers -
Выравнивание текста в блоке
Доброго всем времени суток. Завел себе блог на tumblr.com, хороший ресурс но со своими косяками. Больше всего меня беспокоит отсутствие в редакторе выравнивания текста, поэтому приходится задавать параметры в коде шаблона. Еще одна особенность данного сервиса, постинг разбит на категории (текст, фото, цитата и тп.) и каждый блок имеет свои особенности. Так вот, хочу попросить вашей помощи для выравнивания текста в блоке цитата по правому краю. Сейчас текст всех блоков выравнивается по центру, это мне подходит, но в блоке цитата нужно выравнивать по правому краю, помучался но та не чего и не получилось, все-таки знаний html не хватает. Буду очень благодарен за помощь. Вот…
0 votes1 answer -
Вопрос по пользовательскому поиску google
Добрый день. Решил на сайте сделать поиск от Гугла, все сделал по шагам, получил код. Но увидел, что в результате какая-то заглавная буква "Б" образовалась слева от строки ввода запроса, причем на нее еще и нажимать можно, то есть это кнопка. Правда эффекта от такого нажатия я не обнаружил. Товарищи, что энто за артефакт и как от него избавиться? Кстати, искал в инете решение и набрел на вот этот сайт - http://www.aum.kiev.ua/ Его автор тож решение по этому вопросу искал, но судя по виду его строки поиска - не нашел. Да, и еще, нашел в инете одно решение, там советуют убрать из кода эту строку: <script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse…
0 votes5 answers -
Не корректное отображение в ИЕ
Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем лев…
0 votes8 answers -
Frame
Всем привет, длею сайт через fremeset В общем все получилось, вопрос заключается в седующем : как мне сделать такую же штучку с правой стороны ? т.е у меня фрейм показывает с левой. но мне хочется сделать и справой как сделаьть ? или ерез другую команду какую нит..
0 votes4 answers -
Создание "подсказки"
Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…
0 votes16 answers -
центрирование не работает в IE6
Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? 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> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…
0 votes6 answers -
Табличная вёрстка
Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…
0 votes0 answers -
Почему таблица не сужается?
Очень часто сталкивался с тем что таблица сужается до определенных позиций и даже если есть пустого пространства она не сужается... как и чем это можно поправить?
0 votes5 answers -
Мышь
Можно ли используя только DOM Level 0 получать координаты указателя мыши и если можно то какже это сделать? Можно ли скажем прописать картинке атрибут onmousemove и прописать атрибуту обработчик события вытаскивающий координаты указателя?
0 votes1 answer -
Полоса прокрутки к определённому div'у
Здравствуйте, у меня возник такой вопрос: пишу чат и в списке онлайн размещяю пользователей, вёрстку делаю в таблице и чтоб ячейка не растягивалась от большого количества народу нужно применить к div'у находящемуся в этой ячейке полосу прокрутки. Подскажите как это организовать.
0 votes2 answers -
Обёртка для Textarea
<!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" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…
0 votes3 answers