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
-
Открытие в новой вкладке ссылок через JavaScript
Приветствую всех! Я недавно зарегистрировался на вашем форуме. И вот решил задать такой вопрос. У меня например есть теги <div></div>, которые должны быть ссылкой. Делать так <a href="#"><div></div></a> не верно, а так <div onclick="window.location = 'index.html'"></div> можно. Но уже нельзя это дело открыть в новой вкладке, можно только кликать. Как сделать через JS, чтобы можно было открывать в новой вкладке?
0 votes9 answers -
Как сделать список li горизонтальным в dreamweaver?
Как сделать список li горизонтальным в dreamweaver? Скажу сразу бьюсь 3 дня! Что я делаю – к списку ul задаю css и в меню ставлю ul {margin: 0px; padding: 0px; float: left; list-style-type: none; } это не помогает по прежнему выглядит вот так: меню контакты А мне нужно вот так: меню контакты Спасите Пожалуйста!!!! :)
0 votes26 answers -
Разный padding в Firefox и Chrome
Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.
0 votes13 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 выравнивание по вертикали
Какое свойство, чтобы выравнивать по вертикали в div?
0 votes6 answers -
Прозрачная форма
Приветсвую всех кто решил вникнуть в мою проблему. Как мне сделать форму </textarea> прозрачной?
0 votes11 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 -
Ширина DIV по ширине внутренних блоков
Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…
0 votes55 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 -
Пропорции изображения при изменении размера окна браузера
На сайте 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 -
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 -
Как научиться верстать?
А подскажите пожалуйста,по какой системе правильно заниматься? Вот я например подучил сначала HTML,вродебы уже знаю неплохо,щас Учу CSS,купил книжку,паралельно подучиваю фотошоп,но я знаю,что без опыта всё равно ничё не получиться,а какже его набрать,если никто не указывает на ошибки(я самоучка)... Вот например я недавно попытался сверстать один сайт,мне на форуме сказали,что он неправильно свёрстан,а выглядит нормально..Так вот как мне без помошников научиться правильно Верстать,без ошибок? Вопрос: Есть ли какие нибудь книжки,либо ещё что нибдь,и вообще как правильно учиться,какая последовательность?
0 votes11 answers -
Как сделать мультиязычный сайт без PHP
Всем привет. Планирую сделать второй язык для сайта (сейчас только русский) Хочется немного автоматизма добавить – чтоб при заходе на сайт человеку сразу выдавалась нужная языковая страница. Как делается данный метод не знаю. - в программирование слаб. Пригодится любая помощь, совет, мануал. Основные предположения и условия: 1. Сайт не динамический – простой html и местами shtml 2. Смена языка есть ридерект на несколько вариантов: site.ru/en/ site.ru/en.html en.site.ru 3. Предполагаю что определить язык посетителя можно с домена с которого он пришел с браузера – вроде там есть такие «отметины» с куки – если посетитель уже выбрал нужный язык с geo-ip Дополнительные услов…
0 votes6 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 -
Обтекание картинки текстом сверху и слева
Есть некий блок текста и картинка, которая должна находится в правом нижнем углу этого текста, а текст обтекать ее. Есть идеи? update: блок с текстом тянется
0 votes9 answers -
Как в % уменьшить размер всех элементов в div'e
Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке
0 votes3 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 -
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 -
Отступ сверху
Я начинающий верстальщик. Верстав макет я столкнулся с следующей проблемой : сверху появляется отступ. Вот 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 -
Многоуровневое дерево на CSS
Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u
0 votes5 answers -
Проблема Verdana и Arial в IE7 ..
Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?
0 votes13 answers -
Текст выходит за пределы блока
Из-за чего может быть такое: Скриншот и как с этим боротся?
0 votes5 answers -
Неправильная ширина элемента input
Я попытался сделать элемент <input type="text"> в док-тайпе HTML 4.01 Strict. Я указал ему ширину: <input type='text' style='width: 200px;'> Но в результате получил input с длиной 204 пиксела во всех браузерах (Opera 9.64, IE8, Chrome 3.0, FF 3.6). Когда я убрал док-тайп, то ширина стала 200 пикселов. Я попробовал применить XHTML Strict и XHTML Transitional, то всё равно получал длину элемента в 204 пиксела. Помогите, пожалуйста, разъяснить ситуацию.
0 votes37 answers -
Нестандартные шрифты на холсте Canvas.
Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..
0 votes51 answers