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
-
Как сделать открытие ссылки в новом окне валидным в doctype 4.01 strict?
Так уж вышло, что параметр target считается устаревшим для <a>. Не нашел другого нормального способа открывать ссылку в новом окне, валидного для HTML 4.01 Strict. Кто знает, подскажите, пожалуйста!
0 votes24 answers -
Почему при переносе списка li нет отступа
Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое
0 votes4 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Изменить цвет списка ol
Здравствуйте. Подскажите пожалуйста как реализовать следующее. У меня есть список <ol> <li>строка1</li> <li>строка2</li> <li>строка3</li> </ol> Результат 1. строка1 2. строка2 3. строка3 Как сделать чтобы цвет маркеры мог быть другого цвета? возможно ли
0 votes12 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 -
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 -
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 answers -
DIV в таблице height:100%; overflow:auto;
Привет, Помогите новичку, как говориться (: Это прототип чата... Страничка ведет себя как надо в IE и Opera, но overflow: auto никак не хочет отрабатывать в FF. Когда окно уменьшается у DIVа (id="chat") должен появиться scroll... Только стал разбираться с html и на тебе, сразу вляпался в каие-то проблемы. Даже обидно. ): <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <table width='80%' border='0' style="height: 100%;"> <tr> <td colspan='2' valign="top" style="height: 100%;"> <div id="…
0 votes15 answers -
как задать размер ПсевдоЭлементу
Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.
0 votes11 answers -
Реально ли так сверстать?
Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…
0 votes21 answers -
Как открыть в зависимости от разрешения ту или иную страницу?
Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.
0 votes24 answers -
IE или я тупой?
Вставляю картинку Все броузеры отображают, ок. делаю ссылку с картинкой: все, кроме IE, картинку выводят, ставил и кавычки и одинарные и двойные, и размеры, и разные атрибуты, а в IE картинки нет. Может формат картинки поменять? Или я что то не то делаю?
0 votes35 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 -
Border из кругов
Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.
0 votes10 answers -
Единый блок, разбитый блок
Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание
0 votes43 answers -
Less или Sass . И нужно ли вообще учить
Скажите реально ли препроцессоры упрощают жизнь и какой из них учить первым?Ну и какие полезные советы по изучению или использованию можете дать?
0 votes6 answers -
Заливка фона цветом
У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)
0 votes8 answers -
Что сделать чтобы заголовок в <h2> или <h1> не был жирным?
Недавно обновил Вордпресс на блоге. Раньше если заголовки внутри текста выделял тегами <h2> или <h1> они небыли такими жирными. Сейчас как будто они еще плюс ко всему заключены в <strong>, хотя на самом деле этот тег при выделении не используется, и в HTML редакторе видно что его нет. Слишком жирное выделение смотрится не красиво! Что можно сделать чтобы заголовок при заключении его в <h2> или <h1> не был таким жирным?
0 votes2 answers -
Список шаблонизаторов
Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1
0 votes3 answers -
Модальное окно формы с затемнением фона
Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…
0 votes2 answers -
Прозрачный фон
Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!
0 votes18 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 -
Может валидатор сломался?
Я даже не знаю. Ошибки на валидность 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 -
Создание опроса
На сайте начал делать форму опроса. Код написал, спасибо этому сайту, выручил очень сильно. Но столкнулся со следующим - как сделать так, чтобы результаты опроса суммировались и выводились на отдельной странице? Понятно что надо что-то прописать в строке form action, но как сделать я не знаю. А то получается так, что результаты уходят на мою почту, мне придется вручную каждый раз все менять. Сбросьте ссылку на образец или подсказки по данному вопросу. Всем спасибо!
0 votes35 answers -
Небольшая, но очень интересная задачка по верстке.
Дан вот такой код: <!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="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…
0 votes55 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-