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
-
3-х колоночный резиновый макет, минимальная и максимальная ширина
есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?
0 votes6 answers -
Как сделать смену языка на сайте без перезагрузки страницы
Хотел бы сделать смену языка с помощью 2 флажков английского и русского, хотелось бы это сделать на html и css, без подключения каких либо модулей, дайте мудрый совет как лучше это сделать.
0 votes3 answers -
Как сверстать такую навигацию
Здравствуйте, уважаемые форумчане! Сейчас я верстаю сайт, на котором мне нужно сверстать такую навигацию. Буду очень благодарен за помощь.
0 votes3 answers -
float и вложенные слои
<div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.
0 votes6 answers -
Селекторы
Здравствуйте. есть к примеру элемент <div class="foo"></div> В чем разница между селекторами .foo и div.foo ?
0 votes20 answers -
Чат
Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.
0 votes19 answers -
Почему не скроллится страница?
Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?
0 votes1 answer -
Позиционирование изображений через <div>
Хочу сделать, чтоб не было видно разрыва между рисунками, но не могу удалить разрыв по горизонтали. Вот код: <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /> </div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div> Пытался обнулить border у классов, но это ничего не дало
0 votes8 answers -
В чем ошибка?
Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.
0 votes7 answers -
Создание градиентного горизонтального меню в фотошоп.
Недавно начал изучать фотошоп и html. И вот натолкнулся на загвоздку: как мне сделать меню с закругленными углами и еще при наведении на пункт меню чтобы менялся цвет? Я пробовал рисовать меню, в принципе все получилось нормально, но когда дело дошло до совмещения картинки со списком в html встал в тупик. Я пробовал задать абсолют картинке и списку и совместить их маргинами, но получилось плохо. Можете что нибудь подсказать или навести и указать в каком направлении копать?
0 votes17 answers -
Как снять форматирование ссылок для картинки
http://ktp-stankin.msk.ru/bak/?p=cat1&c=3&subc=13 вот тут надо чтобы картинки при наведении не подчеркивались точками..как это можно сделать? что-то самому не получилось картинки, как и текст лежат в блоке #content #content a{ color: #1512ad!important; text-decoration:none; font-weight: bold; } #content a:hover{ color: #1512ad; text-decoration:none; border-bottom: 1px dotted #1512ad; font-weight: bold; } зы вариант убрать подчеркивание ссылок точками вообще не принимается) ззы сайт еще пишется...так что на все остальное не обращайте внимания) а ... и еще..помещать картинки в отдельный тег, у которого прописывать стиль, тоже не вариант так как эта область з…
0 votes6 answers -
html-ТЕСТЫ
ПОМОГИТЕ СОСТАВИТЬ любые ТЕСТЫ ПО html используя как нам сказали вопрос ответ Заранее спасибо
0 votes11 answers -
Есть пара вопросов по HTML
1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь
0 votes13 answers -
background и IE
Не пойму почему IE не воспринимает ни background ни border для блока <div id="layout"> . <!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=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; } </style>…
0 votes14 answers -
Блоки съезжают в firefox
Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …
0 votes5 answers -
подкачка изображений в кнопки
У меня есть рисованая кнопка 1и такаяже ток для активации. кнопка подскажите скрипт как сделать подкачку изображения второй кнопки при наведении курсора на кнопку т.е чтобы при наведение создавался эффект мигания. может у кого есть своя метода.... подскажите
0 votes6 answers -
Танцы со списками
Доброе время суток! Может кто знает, можно ли сделать выравнивание списка не по левой стороне, а по правой, соответственно и маркеры перенести тоже на правую сторону? Задумка зделать меню полукругом обтекающий справа и слева груглый объект. С правым списком проблем нет, а вот с левым - проблема. Можно ли такое сделать списком?
0 votes8 answers -
Текстовое поле под углом!
Добрый день. Есть Проблемма и я надеюсь что может с этим кто то сталкивался и посоветует решение. По середине странцы лежит лист бумаги (не вертикально и не горизонтально а под неким углом). На этом листе должен быть расположен текст именно текстом а не рисунком. Но вся згвозда в том что текст долже быть расположен под углом так же ка к и лис на котором он как бы напечатан. Как сделать наклонное расположение текста ?
0 votes13 answers -
Подскажите, как сделать в одну строчку
Добрый день! Ребята, подскажите где поменять в коде чтобы было не так как сейчас: а в одну строчку, красиво)) Код: <div class="right"><b>Поделиться:</b><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/ad…
0 votes4 answers -
Нумерация страниц CSS
Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …
0 votes2 answers -
Выравнивание внутри ячейки
Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…
0 votes1 answer -
Как убрать вертикальный скролл если высота 100%
Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…
0 votes3 answers -
Эффекты перехода страниц в Firefox
Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.
0 votes3 answers -
В IE прозрачная PNG берет не правильный бэкграунд
И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…
0 votes5 answers -
Разные анимации элемента по :hover
Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит
0 votes5 answers