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
Сабж. Ребята, выручайте! Чего-то совсем ничего в выдаче не видно Везде описано выравнивание относительно другого блока. Т.е. нужно отцентровать блок относительно экрана без экспрешенов и прочей лабуды. Читсый css. В коде просто блок с содержимым (тоже блоки).
0 votes22 answers -
3D облако тегов
Прошу помощи! весь день промучался с кодом <html> <head> <title>Красивое облао тегов</title> <script type="text/javascript" src="swfobject.js"></script></head> <body> <div id="tags"><?php$tags = '<tags> <a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a> <a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a> <a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a><a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a> <a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a> </tags>'…
0 votes14 answers -
Скачивание песен с сайта
У меня на сайте выложены песни в формате mp3. В html-коде я указал обычные ссылки ведущие на файл mp3. Проблема в том, что в internet-explorere при нажатии на такую ссылку открывается windiws media player и начинает кэшировать песню, а мне хотелось бы чтобы открывалось диалоговое окно(с кнопками открыть, сохранить,отмена). Помогите исправить ситуацию
0 votes16 answers -
как убрать подчёркивание ссылки
как убрать подчёркивание ссылки? что прописать надо? сервер ucoz сайт praypeople.ucoz.ru <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
0 votes1 answer -
Квадратный див с относительными размерами
Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.
0 votes21 answers -
Как растянуть div по высоте
Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы рамка блока 2 растягивалась в зависимости от высоты рамки блока 3. Верстка блочная. Помогите пожалуйта.
0 votes10 answers -
Как отправить данные из формы по нажатии на ссылке
Ребята, подскажите как мне оправить данные формы по нажатии на ссылку? Чет немогу сообразить. Собственно кнопки у меня такие вот должны быть: При этом, при наведении на кнопку она меняет цвет и надпись стает не подчеркнутой.
0 votes5 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 -
Выравниевание текста по центру
Подскажите пожалуйста, каким образом можно текст в диве с заданными height && width выровнять во центру по вертикали и горизонтали. То есть имееется код примерно следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { vertical-align : middle; text-align : center; width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <div id="inner">Message</…
0 votes5 answers -
input type="text" & background
Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?
0 votes4 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Помогите создать страницу
Прошу помощи. Как можно сделать размер HTML страницы фиксированным? То есть мне необходимо установить размер 1024х768 пикселей. Я сначала пытался делать страницу при помощи тега table, но когда я начал добавлять в код html выпадающее меню, сразу после таблицы, которое делалось через тег div, то страница стала ломаться, что привело к тому, что страница увеличилась в размерах вертикально, а ниже изображения заднего плана появилось белое поле. Потом я полностью удалил таблицу и сделал всё через тег div, всё уместилось нормально, но теперь при открытии страницы задний план почему то отображается не полностью. Памагите!!! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 …
0 votes33 answers -
Ссылка - ячейка таблицы??
——————————————————————————-- Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой? У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=) Буду бесгранично признателен за обьяснения и по возможности пример кода.
0 votes16 answers -
Размеры favicon
Вот заинтересовал такой вопрос, какого размера должен быть стандартный favicon я обычно использую фавикон размером 16х16, больших размеров не использую, я как дизайнер знаю что уменьшение картинки как правило приводит к нехорошим результатам, и картинку необходимо поле уменьшения дорабатывать что бы она выглядела хорошо, это же относится и к favicon-у Но вот покапафшись в нете я обнаружил что используются фавиконы больших размеров, зачем и для чего? непонятно товарищи знатоки, может вы подскажите мне
0 votes16 answers -
DIV растягивается по всей ширине родителя
Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…
0 votes4 answers -
Применение opacity ко вложеным div
есть таблица <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…
0 votes16 answers -
Правильный формат времени
Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>. Всё работает, но валидатор выдаёт ошибку: Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?
0 votes3 answers -
Некоторые браузеры не видят шрифты
Здравствуйте. Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию @font-face { font-family: aglettericacondensed; src: url(../fonts/aglettericacondensed.ttf); } мозила его не видит, а опера видит но не все. вот что в хроме вот что в опере вот что в мозиле
0 votes2 answers -
Выравнивание относительно центра
Дано: картинка (w=300;h=300) ссылки, расположенные вокруг картинки (поверх картинки). Надо: свертать страницу так, чтобы картинка была посередине окна (при любой ширине и высоте окна), и чтобы ссылки были жестко привязаны к данной картинке (при изменении размеров окна не съезжали относительно заданной картинки). Заранее спасибо.
0 votes11 answers -
margin-top у дива внутри другого дива
Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …
0 votes14 answers -
Не задается размер в 100% Div'у
HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…
0 votes12 answers -
Можно ли как то отменить overflow hidden для определенного блока?
Сабж... http://screencloud.net/v/oRzM - скрин
0 votes4 answers -
не вставляется фон (css)
Всем привет! помогите! Уже несколько часов угробил, все равно не понимаю почему не получается вставить фон (background-image) в css файле. путь пишу правильно. картинку в упор не читает. но в html файле фон удачно выявляется. В чем может быть проблема? Спасибо за внимание. #home{background-image: url(C:\Users\Администратор\Desktop\scrolling\bg.png) center 0 repeat fixed; min-height: 1200px;height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;} #home article{height: 458;position: absolute;text-align: center;top: 300px;width: 100%;}
0 votes9 answers -
Как правильно указать основной язык html-документа?
Покопался по инету, достаточно мало ясных указаний как правильно указать "человеческий" язык (имеется ввиду "естественный" язык, такой как английский, русский, украинский и т.д.), на котором написан html-документ. Варианты: 1. Как параметр элемента html, пример: 2. В поле заголовка HTTP Content-Language, пример: 3. Или В чем отличие этих вариантов? На одном из сайтов прочел, что код страны нужно указывать после кода языка через точку. Я записал через тире ("uk-UA"), использовав в качестве примера html-документ созданный с посмощью Writer из пакета OpenOffice. Какой вариант следует использовать? Как указать основной язык средствами CSS?
0 votes7 answers -
Не работает свойство z-index
На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-