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
-
простое кроссбраузеное меню на <ul>
день добрый. есть nav, в нём меню на ul - одно оно отображается на разной высоте в разных браузерах, хотя используются em единицы измерения. в чём может быть проблема? html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title></title> <link rel="stylesheet" href="s.css"> <body> <header role="banner"> <div class="content"> <nav><b>+0 (123) 456-78-90</b><br> <sub>blah blah blah</sub> <ul> <li><a href="1.htm" title="">link 1</a>…
0 votes11 answers -
Можно ли связать через css два тега?
Всем доброго времени суток. Подскажите, пожалуйста, можно ли как то в CSS прописать взаимосвязь, чтобы при наведении курсора на картинку, менялась сама картинка и текст рядом с ней. Я всю голову сломала, как можно эту задачу можно решить через css, чтобы не привлекать программирование или яву. А может ответ плавает на поверхности... На странице есть картинка-ссылка <a> и текст спрятанный <p style="display:none;">. При наведении на картинку нужно, чтобы она менялась (ну это понятно a:hover {url(/image.jpg)} ), но и чтобы одновременно с ней появлялся невидимый текст, который находится неподалеку. Есть выход сделать появляющийся текст тоже картинкой которая вылаз…
0 votes7 answers -
Макет в одну колонку
Не получается сверстать макет где "шапка" была бы с position: fixed; А сам макет с шапкой, контентом и футером растягивался бы от 980px до 1200px. Высота основного блока (class=content) с контентом растягивается очень сильно, вылазиет справа авто прокрутка - здесь тоже что-то делаю не так. <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>Тест</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&s…
0 votes14 answers -
Помогите с версткой
Уважаемые профи! Помогите девушке-непрофессионалу. Занимаюсь сайтом всего месяц.. Как расзместить шапку сайта с новым логотипом во всю ширину страницы, а колонку с кнопками регионов (header.html), котрая находится справа, поместить вниз под шапку? http://www.faudit.ru/page/index.html !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--<body bgcolor="#ffffcc" topmargin=5 leftmargin=2 marginheight="5" marginwidth="2">--> <frameset rows="120,*,1" frameborder="0" framespacing=0"> <frame name="header" src="../page/header.html" marginwidth="2" marginheight="5" scrolling="no" frameborder="0" noresize> <frameset…
0 votes4 answers -
хтмл простенький сайт и поисковики
Проблема в том, что поисковики находят сайт и как краткое описание сайта используеться логично на самом верху (или выше всего остального) размещенное меню, и так почти всегда.. но текст на сайте есть! Как с такой проблемой справится, что бы поисковики не находили и не отображали меню ссылки?
0 votes3 answers -
Clip
Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).
0 votes4 answers -
Проблема с 3-х колоночным макетом
Итак, здравствуйте! Прошу, у вас, помощи… Наверное многим известны макеты Layout Gala… Много о них было уже здесь написано… Но я не заметил одного: ни разу не обсуждалась здесь их проблема. А в частности при увеличении ширины какого-либо элемента, находящегося в центральной части (части основного контента) — макет просто рушится в IE 6 и ведет себя неверно в остальных браузерах… (т.е. если ширина контента превышает выделенную для него видимую область) Использую шаблон #13. Макеты мне очень понравились, и хотелось бы как-то решить этот недостаток… Промучился всю ночь — ничего дельного не вышло.(( Заранее спасибо!
0 votes11 answers -
Небольшой промежуточек
Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 10px или 1%. Пробовал писать что-то типа body {height:98%; margin-top:1%}; или же html {height:98%; padding-top:1%}; и т.д. Выходит ерунда, хотя, вроде, все логично... Благодарю за помощь. <!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"> <head> <style type="text/css"> html, body { padding: 0px; margin: 0px; height: 100%; margin-left: 20%; margin-ri…
0 votes10 answers -
Выпадающее меню :hover
Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…
0 votes4 answers -
Помогите избавиться от горизонтальной прокрутки в FF
Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.
0 votes10 answers -
учу сь верстать
Здравствуйте, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> BODY { } #pic {height:500px; width:500px; background:#000 url(pic2.png) no-repeat; position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ } </style> </head> <body> <div id ="pic"> </div> </body> </html> мне нужно, чтобы половина стебелька была черной http://olga153b.freetzi.com/ola/index.html Некоторые тексты из макета перенеслись нормально, а остальные не переносятся, чт…
0 votes11 answers -
SEO оптимизированный шаблон HTML страницы
Нужен SEO оптимизированный шаблон HTML страницы.
0 votes5 answers -
Вопрос по фрейму
Привет всем. Ребят, помогите справиться с бедой. Нужно в html файле открыть в области другой html файл и выгрузить данные из csv файла в области этого html. Пробовал через iframe и object. Никак не выходит произвести выгрузку данных
0 votes6 answers -
Проблема с CSS
Такая проблема(из разряда для начинающих) :Есть таблица стилей,правда с одним правилом только(пока тренеруюсь) BODY{background-image:fon.jpg;}-название файла mystyle.css. И html документ кототый на неё ссылается : <html> <head> <title></title> <LINK REL=STYLESHEET TYPE="text/css" HREF="mystyle.css"> </head> <body> Но при открытии док-та в браузере заданый фон не отображается.Если прописать в стиле backgroundcolor с указанием цвета-всё работает.Файлы(документ,каринка фона, таблица) все в одной папке. Подскажите,в чём ошибка?Может не правильно URL прописываю?
0 votes5 answers -
Мне нужно добавить Язык в мой сайт
привет всем У меня сайт на писан на русском языке меню ну все я бы хотел спросить у знающих людей Как мне можно добавить английский язык что бы можно было переключать Русский и английски.. Если можно и еще добавить языки иностранные любые вот хотя бы примеру как на этом сайте в самом внезу можно переключать с английского на русский
0 votes4 answers -
Скролинг Web-страницы
Подскажите как сделать полосу прокрутки браузера, не во фреймах?
0 votes19 answers -
Проблема с нудным браузером IE 6
Здравствуйте! Такая проблемма, верстаю каркас на div-ах, всё отлично во всех браузерах, кроме упрямого IE 6 не могу добиться чтобы контент в центральном div-e растягивался от верхнего div-а до нижнего и соответственно появлялась прокрутка. Подскажите как можно исправить такую проблему ведь height: auto отсутствует у IE 6, пробывал разные ухищрения, но без толку, вот код страницы, вставьте в центральный блок текст так чтобы появился скролл и увидите, что IE 6 никак не хочет правильно работать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="te…
0 votes11 answers -
HELP!
Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.
0 votes14 answers -
Проблемы наследования
<html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя
0 votes19 answers -
Не видно выпадающее из-за слайдера
Всем привет, помогите или подскажите. У меня под горизонтальным меню которое выпадает при наведении находится слайдер, который перекрывает выпадающие пункты меню. Как это можно исправить?
0 votes4 answers -
Смещение блоков при изменении размера одного из них
Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…
0 votes4 answers -
Как нейтрализовать смещение контента после исчезновения прокрутки?
Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?
0 votes8 answers -
Wordpress слайдер
Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.
0 votes2 answers -
Помогите с html/css кодом!
Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css
0 votes2 answers -
Как сделать фон страницы
Все не как в голову не придет сделать задний фон, много варианта, переделал, тот друг на друга налазят. Как сделать уже вариант закончился . Вот на скрине, обведены.
0 votes2 answers