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
-
Пропорции изображения при изменении размера окна браузера
На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…
0 votes9 answers -
html Не вводится текст в поле ввода
Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
0 votes4 answers -
Прозрачный фон в выпадающем списке
Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…
0 votes6 answers -
Разный padding в Firefox и Chrome
Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.
0 votes13 answers -
Блокнот с подсветкой
порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку
0 votes20 answers -
Пропадает фон
Что то там доброе Есть html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div id="container"> <div id="left"> <div id="logo"> <p><a href="#"><img src="images/logo.jpg"></a></p> </div> <div id="menu"> <ul> <li><a href="#">menu fgfg</a></l…
0 votes7 answers -
Как сделать мультиязычный сайт без PHP
Всем привет. Планирую сделать второй язык для сайта (сейчас только русский) Хочется немного автоматизма добавить – чтоб при заходе на сайт человеку сразу выдавалась нужная языковая страница. Как делается данный метод не знаю. - в программирование слаб. Пригодится любая помощь, совет, мануал. Основные предположения и условия: 1. Сайт не динамический – простой html и местами shtml 2. Смена языка есть ридерект на несколько вариантов: site.ru/en/ site.ru/en.html en.site.ru 3. Предполагаю что определить язык посетителя можно с домена с которого он пришел с браузера – вроде там есть такие «отметины» с куки – если посетитель уже выбрал нужный язык с geo-ip Дополнительные услов…
0 votes6 answers -
div залезает на другие divы
Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…
0 votes5 answers -
Плавное появление текста (CSS)
Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hov…
0 votes4 answers -
Как сделать div ссылкой?
Знатоки html, подскажите плз как сделать div ссылкой? у меня только 2 мысли: 1 это тупо сделать так <a href="adress"><div>blabla</div></a> и 2 вариант через онклик <div onClick="document.location.href='adress'" style='cursor: pointer;'>blabla</div> оба варианта работают, но не прокатывают по валидатору. Какие ещё есть методы?
0 votes2 answers -
Как научиться верстать?
А подскажите пожалуйста,по какой системе правильно заниматься? Вот я например подучил сначала HTML,вродебы уже знаю неплохо,щас Учу CSS,купил книжку,паралельно подучиваю фотошоп,но я знаю,что без опыта всё равно ничё не получиться,а какже его набрать,если никто не указывает на ошибки(я самоучка)... Вот например я недавно попытался сверстать один сайт,мне на форуме сказали,что он неправильно свёрстан,а выглядит нормально..Так вот как мне без помошников научиться правильно Верстать,без ошибок? Вопрос: Есть ли какие нибудь книжки,либо ещё что нибдь,и вообще как правильно учиться,какая последовательность?
0 votes11 answers -
Как в % уменьшить размер всех элементов в div'e
Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке
0 votes3 answers -
Обтекание картинки текстом сверху и слева
Есть некий блок текста и картинка, которая должна находится в правом нижнем углу этого текста, а текст обтекать ее. Есть идеи? update: блок с текстом тянется
0 votes9 answers -
Отступ сверху
Я начинающий верстальщик. Верстав макет я столкнулся с следующей проблемой : сверху появляется отступ. Вот HTML : <!Doctype HTML> <html> <head> <title>Какой-то сайт</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS\first.css"> </head> <body> <div class="header"> <div class="head1"> <h1 class="FirstLogo">The first page</H1> </div> <div class="meny"> <ul> <li><a href=''>Главная</a></li> <li><a href='Page/About.html'&…
0 votes2 answers -
Как сделать список li горизонтальным в dreamweaver?
Как сделать список li горизонтальным в dreamweaver? Скажу сразу бьюсь 3 дня! Что я делаю – к списку ul задаю css и в меню ставлю ul {margin: 0px; padding: 0px; float: left; list-style-type: none; } это не помогает по прежнему выглядит вот так: меню контакты А мне нужно вот так: меню контакты Спасите Пожалуйста!!!! :)
0 votes26 answers -
Div вылазит за границы
Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;
0 votes5 answers -
Многоуровневое дерево на CSS
Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u
0 votes5 answers -
Вёрстка футера на движке Xenforo
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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(); .…
0 votes0 answers -
Проблема Verdana и Arial в IE7 ..
Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?
0 votes13 answers -
Текст выходит за пределы блока
Из-за чего может быть такое: Скриншот и как с этим боротся?
0 votes5 answers -
Заполнение таблицы из файла
Есть таблица в html. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…
0 votes33 answers -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
Подсветка текста через hover
Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(
0 votes10 answers -
DIV, минимальная высота, растягивание
Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.
0 votes6 answers -
Стиль ссылки текущей страницы.
Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?
0 votes17 answers