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
-
Как собирать HTML "налету"?
Как собирать статичную HTML страницу из нескольких HTML файлов "налету", но так, чтобы поисковик видел полную страницу. JS и iframe не пойдут... Или, другими словами, в HTML страницу вставлять информацию из другого файла.
0 votes6 answers -
Динамический Select
Хотелось бы узнать как сделать динамические выпадающие списки, то есть: имеется 2 элемента Select, в первом элементе есть 2 варианта выбора, Задача как сделать чтобы при выборе значения из первого селекта, во втором менялись значения от выбранного варианта первого Пример: в первом селекте 2 варианта (Сервер1 и Сервер2), при выборе Сервер1, во втором селекте появляются варианты выбора (Пример1, Пример2, Пример3), При выборе Сервер2 в этом же селекте появляются варианты (Пример4, Пример5, Пример6) с условием то не добавляются во второй селект а заменяются, вот как так, кто знает тот поймет о чем я, 100% это как то делается через массив строк, как связать все это что то не п…
0 votes7 answers -
Табы с косыми углами возможно ли сделать на CSS
Возможно ли на CSS сделать косые стороны табам ?
0 votes5 answers -
Высота таблицы
Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…
0 votes3 answers -
Почему в Мозиле не отображает шапку?
Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут
0 votes6 answers -
Растягивание блока по ширине
Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…
0 votes11 answers -
О фоне ссылок, всяких разных.
Вот так и бывает: показываю новичку, как надо правильно код менюшки писать, и попадаю в абсолютно глупую ситуацию, когда этот самый мой образец работает не совсем так, как ожидается. Вот образец. Суть в чём: у ссылки в различных состояниях (:link, :hover, :active, :visited) должен быть разный фон. Казалось бы, чего проще? Фоном картинку, содержащую три варианта, а для псевдоклассов меняем background-position. В общем случае всё работает как ожидалось, но: В Safari и Chrome игнорируется background для :visited. Используется тот же, что и для :link или вообще без псевдоклассов; В Firefox под Windows 7 фон для :visited работает, но при нажатии на ранее посещённые ссылки не …
0 votes26 answers -
Не работает background-image для блока div
Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content">…
0 votes2 answers -
Отступ IE
http://myportfolio.ho.ua/4/ - пацаны не обращайте пожалуста внимания на кодировку, важен отступ между меню и контентом в IE как от него исбавиться ... я в поиске полазал сделал пару попыток ,оказались неудачными может подскажете чтото ? или ссылочки на темы похожие пожалуста
0 votes8 answers -
Смена текста туда-обратно
Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный
0 votes18 answers -
Буквы поменялись местами
Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.
0 votes9 answers -
Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.
Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…
0 votes3 answers -
Центровка в CSSе
Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …
0 votes4 answers -
Не отображаются русские буквы!
Всем привет! Залила сайт на сервер, вместо русских букв выдает какие квадратики, видит только английские буквы. Подскажите, пожалуйста, что это может быть?
0 votes12 answers -
Как поместить div в список, отображающийся в строчку?
Помогите пожалуйста! Как поместить div (или таблицу) размером, например, 100х100 в список, стиль отображения которого display:inline (Div - ы соответственно тоже должны располагаться в строчку)?
0 votes1 answer -
Проигрывание mp3 в фоновом режиме
Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.
0 votes11 answers -
проблема с привязкой блока к низу страницы
вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html
0 votes10 answers -
Обесцветить фото
Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?
0 votes6 answers -
лишний пробел после ссылки как исправить ?
Если html код выглядит так : <a href="#" >один</a> <a href="#">два</a> <a href="#">три</a> после ссылок появляется пробел. Если так: <a href="#" >один</a><a href="#">два</a> <a href="#">три</a> пробела нет - как это исправить, plz
0 votes9 answers -
Как сделать такую вещь ?
нужно создать форму, при которой обязательно необходимо заполнять поля отмеченные звездочкой. "*" и как сделать так, что бы скрипт проверял все ли правильно заполнено ? Заранее спасибо.
0 votes6 answers -
Общий фон для нескольких элементов
Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…
0 votes5 answers -
Картинка наезжает на DIV
у картинки <img> обтекаемость либо слева либо справа, как расположить div, чтоб картинка не наезжала? как свойство задать диву в CSS, чтоб он был на странице сам по себе, при этом при открытии этого дива(спойлер) данные под ним смещались вниз вот на примере как бы 2 спойлера (div) но картинка наезжает с верху нужен вот такой результат
0 votes3 answers -
Слой в Опера и Мозила отображаеться некорректно
Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…
0 votes5 answers -
Посоветуйте Книги!
1. HTML и CSS на примерах это для изучения HTML и CSS/ 2. А вот какую книжку посоветуете для изучения Фотошопа (конкретно для рисования сайта в н?м на достойном уровне). И ещ? нужна книга по PHP для работы с сайтом. В общем можете рекомендовать вс? хорошее что поможет создать хороший сайт Заранее спасибо всем.
0 votes7 answers -
Можно ли в CSS поднять рамку на несколько символов?
Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…
0 votes3 answers