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
-
body или wrapper?
Вот когда надо сделать общую ширину сайта, что лучше: уменьшить body и выровнять его по центру или создать ещё 1 общий контейнер?
0 votes13 answers -
XHTML в?рстка, подскажите пожалуйста
Документ с описанием доктайпа: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml"> Таблица, имеющая 100% высоты имеет три горизонтальных ячейки. Средняя имеет фиксированную высоту. А верхняя и нижняя должны заполнять оставшееся пространство так, чтобы средняя была в середине. При этом доктайпе таблицу делаю 100%тной по высоте так: html, body { height: 100%; margin:0; padding:0; } #container { min-height: 100%; height:100%; } * html #container { height:100% } и соответственно Но вот как сделать так, чтобы верхняя и нижняя ячейки были одинаковыми по высоте и заполня…
0 votes7 answers -
Можно ли назначить разные параметры img?
У меня проблема такого рода. В style.css выставил отступ от картинки img { border:2px; padding-right: 10px; padding-bottom: 1px; padding-top: 1px; } Все хорошо отображается Кроме обычного вывода новостей имеется еще и блочный, как на новостных порталах. Из-за отступов обрамление блоков плывет. Можно ли назначить еще один параметр img на эти блоки уже без отступа?
0 votes3 answers -
IE6 не реагирует на {display:block} ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>
0 votes24 answers -
вопрос всплывающей меню
поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?
0 votes12 answers -
Резка макета
Я не понимаю:в чем смысл слайсов? Когда большие картинки режут на кусочки,это понятно..А вот когда режут целый макет, еще и в .psd тут вообще непонятно. Все равно всякие кнопочки, поля ввода и т.п. лучше делать с помощью html/css, правильно? А если в макете есть какие-то картинки, то их и так можно вырезать. Я просто не вижу в чем преимущество...по скорости получается примерно одинаково. Все равно,когда слайсы, границы приходится подправлять для каждого кусочка отдельно(ну почти всегда). Я, например, когда верстала макет, делала так: выделила фрагмент, который нужен, сделала crop, поубирала ненужные слои(фон например), сохранила для web,вернулась на неск. шагов назад и т.…
0 votes10 answers -
Особенности резиновой верстки
Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?
0 votes9 answers -
animation не работает
Помогите разобраться, почему не работает данный код http://jsfiddle.net/npofopr/da88b/ Хотя тут все работает http://codepen.io/fanchou/pen/clufJ На codepin сделано scss, но оно и в css работает, если перевести.
0 votes3 answers -
Сьезжает структура
Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.
0 votes14 answers -
В сетке bootstrap два col-md-6, одно падает вниз
Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/
0 votes21 answers -
Текст и картинки по центру...
Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><…
0 votes14 answers -
Как такое сверстать дивами?
Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…
0 votes15 answers -
Масштабирование объекта SVG
Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> …
1 vote1 answer -
Линки меню т.д.
У меня возник вопрос: как сделать свой стиль меню(не обычный подчеркнутый текст), а что-нибудь другое. Насколько мне известно, надо прописать где-то class и название стиля. Этот вопрос затрагивает также и пункты меню ( ), рамки вокруг картинки.
0 votes8 answers -
validator.w3.org
Возникла странная проблема! Некоторые страницы сайта скачиваются валидатором не полностью... Допустим вот эта страница: http://kimikiss.ru/series/ Если прочекать - куча ошибок, потому, что документ не закончен. Если же ввести HTML код вручную - все валидно. Никто не сталкивался с таким странным поведением? В чем проблема, в сервере или валидаторе? И как ее можно решить. Подскажите, плиз.
0 votes5 answers -
Расположение сайта по центру
Доброго времени суток! Появилась проблема для сайта с разными разрешениями экранов пользователей. В связи с этим необходимо ограничить размер сайта в пикселях (например 1000) и расположить его по центру (что собственно не получается). Создавая таблицу с тремя ячейками сайт соответственно по центру не расположиться (повторю, что нужна ширина в пикселях), на простое align=center он тоже плевать хотел. Есть какие то предложения?
0 votes4 answers -
Валидность HTML
Всем привет, есть такая страница, нужно сделать ее валидной, подскажите, какие ошибки исправить? (CSS валиден...) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title>название</title> <meta name="description" content="123"> <LINK rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="Link.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <img border="0" src="img/Header.jpg" width…
0 votes9 answers -
кнопка меню ( текущая страница выделяется цветом)
Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…
0 votes8 answers -
Подскажите пожалуйста слайдер с миниатюрами
Нужен слайдер почти обыкновенный слайдер изображений с миниатюрами. Но особенность в том, что миниатюры нужно открепить от слайдера и разместить внизу. Вот так: Т.е. когда мы выбираем цвет кожи, картинка меняется в слайдере. Причем еще желательно разделять на две группы миниатюры. Я вообще такого с роду не видел Может кто подскажет, пожалуйста?
0 votes5 answers -
списки с иконками. выравнивание
подскажите пожалуйста как выравнять строки списка относительно иконки красиво когда однострочный элемент списка имеет такое выравнивание красиво когда многострочный элемент списка имеет такое выравнивание а возможно ли эти 2 способа объединить. так чтобы контент-менеджер не задумывался о количестве строк и выравнивании? здесь я решил проблему неправильно. прописал величину смещения по вертикали каждому элементу списка .info2_inner ul li{padding-left: 47px;background: url('../images/info2_icons/icon1.png') left top no-repeat;min-height: 42px;padding-top: 9px;padding-bottom: 20px;color: #000;font: 16px/20px arial, sans-serif;text-align: left;}.info2_inner ul li:nth-…
0 votes4 answers -
средний div на всю оставшуюся ширину
Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?
0 votes3 answers -
пытаюсь создать кнопку — не работает :hover
Пытаюсь создать с помощью CSS кнопку, которая меняется при наведении курсора. Попробовал использовать :hover, но он почему-то не срабатывает. Код здесь. И еще вопрос: чтобы кнопка работала (то есть была ссылкой), я помещаю <div> внутри тега <a>. Работает нормально, но это вроде «неправильно». Как тогда поступать, ведь если <a> поместить внутрь <div>, он не будет ссылкой. В голову приходит только onclick+ cursor:hand... Вообще, отвлекаясь от моего примера, как можно превратить div в гиперссылку?
0 votes4 answers -
Вставка картинки.
Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.
0 votes11 answers -
Как заверстать хитрый макет?
В общем выглядеть будет примерно так: Помогите заверстать, или хотябы объясните логику. У #CONTAINER ширина меняется
0 votes8 answers -
координаты объекта
Какой функцией задаются координаты объекта Как задать координаты объекта (таблицы) относительно, допустим, левого верхнего угла страницы? /** * Замечение: * 1) пользуйтесь кнопкой "редактировать", чтобы дополнять свои вопросы * 2) почему тема в разделе php?.. перед тем как спросить, желательно находиться в здравом рассудке и понимать, к чему относится вопрос. * LokiDi L0ck, 24.11.2007 */
0 votes6 answers