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
-
Почему при переносе списка li нет отступа
Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое
0 votes4 answers -
Вставка Flash-меню
Уважаемые мастера WEB-дизайна и просто посетители форума! Столкнулся с такой проблемой: создал флеш меню, но никак не могу понять как его вставить в определенное поле на сайте (DLE). Прежде вставлял обычные swf через код в файле main.tpl (указал ниже). Все прекрасно работало, но в этом случае структура меню содержит не только файл swf, но и отдельно его содержимое (струтура флеш меню описана ниже). Зашел в тупик... Пожалуйста помогите если это возможно. Обычное флеш меню одним файлом (работало): <!-- logo --> <tr> <td colspan="2" align="center"><a href="/"> <embed src="/templates/Prototype/images/logotip.swf" quality="high" width="970" height="…
0 votes5 answers -
как задать размер ПсевдоЭлементу
Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.
0 votes11 answers -
Select и required
Собственно проблема в названии темы. Required не желает работать с select <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Форма регистрации</title> <link rel="stylesheet" type="text/css" href="Style.css"> </head> <body> <form action ='Script.php' method ='POST'> <fieldset> <legend>Заполните форму</legend> <fieldset> <legend>Информация о студенте</legend> <p align="right"class="header">Фамилия:<a class="star">*</a> <input class="field" type="text" …
0 votes6 answers -
Может валидатор сломался?
Я даже не знаю. Ошибки на валидность HTML Meta начал выдавать. Line 8, Column 6: Stray end tag html. <html> Line 9, Column 6: Stray end tag head. <head> Line 11, Column 108: Attribute name not allowed on element meta at this point. …"description" content="бла-бла-бла - тут описание"> Line 11, Column 108: Element meta is missing required attribute itemprop. …"description" content="бла-бла-бла - тут описание"> Line 12, Column 99: Attribute name not allowed on element meta at this point. …" content="бла-бла-бла - тут описание"> Line 12, Column 99: Element meta is missing required attribute itemprop. …" content="бла-бла-бла - тут описание"> …
0 votes4 answers -
Изменить цвет списка ol
Здравствуйте. Подскажите пожалуйста как реализовать следующее. У меня есть список <ol> <li>строка1</li> <li>строка2</li> <li>строка3</li> </ol> Результат 1. строка1 2. строка2 3. строка3 Как сделать чтобы цвет маркеры мог быть другого цвета? возможно ли
0 votes12 answers -
Как открыть в зависимости от разрешения ту или иную страницу?
Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.
0 votes24 answers -
Реально ли так сверстать?
Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…
0 votes21 answers -
<table> VS <div>
Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…
0 votes44 answers -
Border из кругов
Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.
0 votes10 answers -
Список шаблонизаторов
Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1
0 votes3 answers -
Заливка фона цветом
У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)
0 votes8 answers -
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 answers -
Что сделать чтобы заголовок в <h2> или <h1> не был жирным?
Недавно обновил Вордпресс на блоге. Раньше если заголовки внутри текста выделял тегами <h2> или <h1> они небыли такими жирными. Сейчас как будто они еще плюс ко всему заключены в <strong>, хотя на самом деле этот тег при выделении не используется, и в HTML редакторе видно что его нет. Слишком жирное выделение смотрится не красиво! Что можно сделать чтобы заголовок при заключении его в <h2> или <h1> не был таким жирным?
0 votes2 answers -
Хочу Image Map Area:Hover
Можно ли как-то изменить отображение тега AREA для карты изображения при наведении мышки? <map name="fit_to_fit_angle_map" id="fit_to_fit_angle_map"> <area shape="rect" coords="10,84,35,101" href="#" alt="135" /> <area shape="rect" coords="83,85,112,102" href="#" alt="225" /> <area shape="rect" coords="97,49,120,66" href="#" alt="270" /> </map Хочу так: area:hover { border: 1px solid #CCC; } При наведении - никаких изменений. Более того, даже если сделать area { border: 1px solid #CCC; } То всё равно нет бордюра. Предполагаю что CSS к этому элементу не применим. Поправьте, если ошибаюсь. Спасибо. Для чего хочу использовать: http://new.…
0 votes7 answers -
IE или я тупой?
Вставляю картинку Все броузеры отображают, ок. делаю ссылку с картинкой: все, кроме IE, картинку выводят, ставил и кавычки и одинарные и двойные, и размеры, и разные атрибуты, а в IE картинки нет. Может формат картинки поменять? Или я что то не то делаю?
0 votes35 answers -
Less или Sass . И нужно ли вообще учить
Скажите реально ли препроцессоры упрощают жизнь и какой из них учить первым?Ну и какие полезные советы по изучению или использованию можете дать?
0 votes6 answers -
Как сделать полоску сверху?
У меня возникла проблема. Мне надо создать начальную страницу для сайта. Она должна быть такая: сверху впритык к верхнему краю страницы должна быть полоска (с фоном, может даже фон-картинка) на которой посередине ссылка на главную страницу...а под полоской посередине картинка вот макет: С помощью таблиц не получаеться, так как я непомню как убрать отступ страницы, тоесть вот это: Прошу, помогите! Зарание благодарен!
0 votes6 answers -
Единый блок, разбитый блок
Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание
0 votes43 answers -
Модальное окно формы с затемнением фона
Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…
0 votes2 answers -
IE6 и Float...
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…
0 votes34 answers -
Почему высота блока имеет нулевую высоту, хотя выставлено 100%
Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container
0 votes7 answers -
перенос слов по слогам
Есть резиновый блок, возможно ли чтобы при изменении размеров экрана текст переносился по слогам?
0 votes2 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Заливка цветом части картинки, с указанием координат области заливки ?
Вопрос, как залить цветом, часть изображения (картинки *.png) ? Есть картинка, и нужен фильтр, которым можно было бы "залить" не всю картинку цветом, а только часть ее (с указаним координат области заливки).
0 votes8 answers