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
-
Проблема с переносом внутри inline-block
Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …
0 votes0 answers -
Изменение свойства textarea
Итак, мне нужно изменить некое свойство textarea с помощью javascript. А именно добавить ей значение onkeyup. Пробовал document.getElementById("message").onkeyup("OnUp();") и document.getElementById("message").onkeyup = "OnUp();" Вот сама функция OnUp function OnUp(){ alert("1"); };
0 votes2 answers -
Разваливается дизайн в ie8, причем через раз
Уважаемые, если есть силы и время в Новогодние праздники, посмотрите пожалуйста сайт. Находится сейчас на техдомене в тестовом режиме. Работает на базе Joomla 1.5+VirtueMart 1.1.5 Не знаю, что делать с ним. В IE 8 складывается дизайн в кучу, причем, через раз. Режим совместимости тоже работает через раз. Иной раз срабатывает(судя по отображению позиционирования), иной раз - так же разваливается. Проверял в валидаторе. Сейчас он выдает ошибки на хаках для webkit-браузеров и на скруглении углов. Другого разобрать не могу из за "зелености". В общем, вся надежда на ваш опыт
0 votes0 answers -
css вертикальное меню
Здравствуйте! проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает CSS: #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; display:inline-block; z-index:1; } #nav a:link, #nav a:active, #nav a:visited{ outline:none; display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:none; position:relative; width:180px; } #nav ul{ margin-left:10px; margin-top:-10px; position:absolute; width:12em; top:1.5em; dis…
0 votes2 answers -
Переадресация в htacces
Добрый день, скажите плиз, как мне с помощью htacces переадресовать запросы типа http://site/dir на http://site/url.php кроме http://site/ и собственно http://site/url.php ? Спасибо...
0 votes1 answer -
Помогите реализовать структуру
Вот не могу понять как правильно сделать. Есть таблица таблица Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом стобце, и сайдбар во втором столбце). А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы чтобы растягивались по высоте только белые ячейки? <!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" dir="ltr" lang="ru"> <head> <title>123</title> <meta http-equiv="Content-Type" content="text/html; ch…
0 votes18 answers -
Проблема с путем к файлу
Добрый день! Всех с наступившим Новым годом! И вот в новом году столкнулся с такой проблемкой: <!--[if IE 6]> <style> body {behavior: url("http://www.allday.kz/csshover3.htc");} .menu li .drop {background:url(http://www.allday.kz/img/menu/drop.gif) no-repeat right 8px; </style> <![endif]--> Проблема в следующем, на сайте использую некоторое кол-во поддоменов и мне нужен один шаблон для всех поддоменов. Не хотелось бы чтобы пользователь загружал этот файи постоянно при переходе из одного домена на другой. А проблема то заключается только с IE6. Если прописываю с www, а захожу без www то пишет что нет доступа к файлу ... А если и прописано с …
0 votes4 answers -
Позиционирование блоков
Добрый вечер, есть проблемка: Есть контейнер внутри которого помещаются блоки. По умолчанию блоки выстраиваются с лева на право не по порядку и строго сверху в низ. Как можно сделать так, что бы блоки выстраивались по порядку один за другим слева на право? В этих блоках будут находится изображения и текст. Один из вариантов - это создать таблицу. Но как это можно сделать без неё, верстая дивами? В стилях прописывал display:inline; но что то ничего не получалось
0 votes13 answers -
Вёрстка в разных версиях IE
Как установить на одну машину разные версии IE для тестов вёрстки? Интересуют 6-7-8-9 Без использования ВМ варе или Вируал Бокса.
0 votes5 answers -
Помогите
Люди научите верстать макеты. Знаю базовые знания Html и CSS.
0 votes7 answers -
Зачем нужен тег?
Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....
0 votes3 answers -
margin и border
День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>TODO supply a title</title> <style> body { background: #eff6fc; font…
0 votes2 answers -
При наведении отображать слой, который не будет рушить структуру
Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…
0 votes1 answer -
Помогите новичку
<!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>название</title> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…
0 votes3 answers -
Объясните в чём ошибка.
Простейший макет, 2 ячейки должны тянутся по контенту, а остальные фиксированные. Почему нормакльно отображается только в FF а IE и опера либо растягивают все ячейки включая фиксированные, либо как опера, растягивают нижнюю фиксированную ячейку первого столбца http://www.darwell.ru/index.html
0 votes5 answers -
Поленыэ ссылки
Скинте ссылки в лс (можно и здесь) на ресурси ,где есть много уроком по Html ,css ,js. (например shublog.ru)
0 votes2 answers -
Выравнивание по центру списка
Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…
0 votes16 answers -
Виртуальная машина
Решил поставить виртуальную машину. Не знаю, какую выбрать. На данный момент нужно конкретно для тестирования верстки на кроссбраузерность и на кроссплатформенность. Чтобы на одной машине стояло несколько образов с разными системами. Подскажите, какую выбрать и на что нужно обратить внимание? Нужно для домашнего использования, желательно бесплатную. Вроде как есть 3 популярных: Sun VirtualBox VMware Player Microsoft Virtual PC Подскажите, на что ориентироваться? Спасибо.
0 votes29 answers -
Проблема с новостями
Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…
0 votes6 answers -
Вложенность, селекторы (непонятное поведение)
Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …
0 votes20 answers -
Помогите с html
Всем привет! У меня такой вопрос. Как зделать такой сайт http://oblom.com У меня сам html есть. <html> <head> <title>Ololo</title> <head> <html> <head> <body bgcolor="Black" text="Silver"> </html> <br/> <br/> <br/> <br/> <br/> <div align="center"> <font size="15"> <h1>Бугага</h1> <p></p> </body> </html> Ну как с доменом?
0 votes16 answers -
Непонятная ошибка в вёрстке
Замучился уже их вертеть.. что уже только не делал. По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся. Вот схема проблемной части макета вот сама страница страница Табличную структуру я переписывал заново несколько раз. Прошу помочь понять в чём ошибка.
0 votes14 answers -
<br> или < /br>
Например я верстаю под HTML 4.01, то по стандартам я должен использовать <br>? Обычно использовал < /br>... http://htmlbook.ru/html/br
0 votes1 answer -
Текстовая строка
Я новичок в деле создания сайтов. Мне бы хотелось узнать как сделать такую строку, в которой сам пользователь сайта может что-либо напмсать?
0 votes23 answers -
Самопись или CMS?
Решил сделать сайт. Небольшой по размерам и с узкой направленностью (сайт для тестирования по знаниям об одном языке программирования). Создал шаблон в Photoshop, сверстал его в html+css+php. И тут за неимением опыта в php я задумался о безопасности, ведь предполагается работа с чужой базой данных (с согласия второго человека), он конечно может посмотреть мой код и поправить, но за любую ошибку буду нести ответственность я и частично он. Что посоветуете? Использовать полностью самописный сайт или CMS (Joomla для примера)? CMS не хотелось бы привлекать т.к. мне скорость не нравится...любая универсальность приводит к увеличению кода в разы, хотя с другой стороны проверенн…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-