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-х колоночная верстка, бока резиновые, центр с минимальной шириной.
Необходимо сделать вот такой макет (за исключением проблемных мест) Макет Левая и правая внешняя колонка "резиновая". Центральная колонка должна быть по центру, тоже "резиновая", но есть минимальная ширина. Еще дело осложняется тем, что центральная колонка обрамлена справа и слева разделителями 2px (разделитель должен быть растровый из картинки) В центральной колонке тоже "резиновые" 3 колонки (решение брал отсюда Резиновая 3-х колоночная верстка). <html> <head> <style type="text/css"> html, body { height:100%; min-height:100%; margin:0; padding:0; b…
0 votes3 answers -
Фон текста, межстрочное расстояние
Есть дизайн: текст в 2 строки, текст с фоном, если просто заливаешь background, то он заливает полностью, а мне надо что бы между строками был фон основной.Т.е. фон был только где текст. Понятнее на картинке: http://clip2net.com/s/igeEJp Помогите, пожалуйста.
0 votes3 answers -
Проблема с border при верстке
http://sfasdgas-hsdhsd.narod.ru/123123.rar (40 кб) вот мои "старания". Скажите пожалуйста как сделать обводку для меню снизу, и убрать ее для файла ins.gif (между левым и правым меню тонкий прямоугольный блок). Заранее спасибо огромное!
0 votes3 answers -
альтернатива ":focus" средствами jQuery! Как?
сабж! Пытаюсь сделать навигацию) с окрашеванием background'а после соостояния active, ну собствеено то что делает focus ..цель вроде как победить осла).. и т.к. только начал осваивать JS, точнее работу с фреймворком jQuery), хотелось бы пойти этим путем. Пример моих стараний не выкладываю - мне не нужен готовый рабочий код.. хотелось бы просто более подходящего рецепта на словах - какое событие и тп? И еще вопросик, собственно ковыряясь с вариантами, получилось используя событие "click" добиться поочередного "включения" всех кнопок-блоков).. это конечно не то, но заметил что ИЕ6 не отреагировал - отсюда хочу спросить - насколько он вообще хорошо дружит с JS? ЗЫ.. в поис…
0 votes2 answers -
игнорируется p:first-child
p { margin: 0 0 0px; color:#FFF; text-align:justify; text-indent: 1em; } p:first-child { text-indent: 0; } не пойму в чем причина. перепробовал и записи вида .text p {....
0 votes10 answers -
Отрицательный правый маржин
Здравствуйте. Подскажите, пожалуйста, один момент. Есть блок шириной 1000px и margin:0 auto. Внутри два блока - левый и правый. Задача - оба блока частично вывести за экран (влево и вправо, соответственно). Выводимые части блоков должны быть видны только в бОльших разрешениях. При этом в разрешении 1024 горизонтального скроллинга быть не должно. Попытка решения. Даю левому блоку отрицательный margin-left. Все прекрасно - блок частично уехал за экран, скроллинга нет, выведенная часть видна в бОльшем разрешении. Даю правому блоку отрицательный margin-right. Блок уезжает, но появляется горизонтальный скроллинг. Попросту основной блок расширяется на величину margin-right. И к…
0 votes3 answers -
Зачем нужны новые теги html5?
Добрый день. Зачем нужны такие теги как <menu>, <main> или <time>?
0 votes3 answers -
Делаем запрос к базе данных
Делаем запрос к базе данных (если надо поменять префикс, то не забудьте его поменять) Обьясните пожалуйста ламеру, что значит запрос к базе данных? Где и как я его могу сделать, админ панель всю перерыл и ничего подобного не нашел. Безусловно ответ подобного рода мне непонятен: "Подразумевается если у ваших таблиц другой префикс, то его нужно поменять... "
0 votes5 answers -
Горизонтальное меню из картинок
Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
0 votes2 answers -
Стилизация скролла
Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код
0 votes1 answer -
плей лист в разброс
<html> <head> <title> Новое Дыхание+ </title> </head> <body bgcolor="black" link="#404040" text="white" background="bg.jpg"> <p align="center"> <object id="Player" name="Player" width="400" height="300" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Loading Audio..." type="application/x-oleobject"> <param name="URL" value="http://192.168.22.75/1.m3u"> <param name="AllowChangeDisplaySize" value="True"> <param name="AutoSize" value="False"> <param name="DisplaySize" value=0> <param name="ShowControls" value="True"> <param name="showstatusbar" value="True"> <param na…
0 votes4 answers -
Некоректная обработка CSS в Opera и FireFox
Стили меню сайта прописаны на CSS: a.mainlevel:link, a.mainlevel:visited { color: #ffffff; font-weight: bold; background-image: url(../images/menu_bgr.gif); background-repeat: no-repeat; width: 95%; text-indent: 15px; text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 20px;} В Internet Exploer Все выглядит замечательно. Что же касается Opera и FireFox то они: 1) почему то игнорируют text-indent: 15px. Т.е. текст сслылок не сдвигается вправо 2) действие line-height: 20px почему то не распостраняется на background-image. Т.е. картинка находится только под текстом, а изначально задумывалось что бы картинка растягивалась на 20px Кто подска…
0 votes3 answers -
Как задать 50% высоту для двух дивов в ячейке?
Есть ячейка в которой находятся 2 дива с заданным цветом бэкграунда: Как сделать так чтобы каждый див занимал 50% высоты ячейки? Пробывал height:50%; и padding: auto 5px; - не помогает.
0 votes2 answers -
Проблема с checkbox
У меня на сайте есть две однаковых страницы (переход с помощью index.php?cat=1 или cat=2), отличающиеся только текстом возле которого стоит галочка. Сверху страницы есть счетчик показывающий сколько полей отмечено. Когда я что то отмечаю на одной странице , а потом перехожу на вторую , счетчик сбивается , а при возврате категории опять не отмечены. Подскажите, пожалуйста как сделать так , чтобы информация по отметке с первой страницы передавалась на вторую.
0 votes5 answers -
Внешние PHP скрипты
Доброго времени суток. Подскажите пожалуйста, как сделать так, чтобы при подключении внешнего файла PHP при выполнении страницы не возникало нового окна браузера? Т.е. есть такой кусок кода: <form action="theme.php" method=post enctype=multipart/form-data> </form> И есть файл theme.php, который успешно выполняется. Но еще и открывается в новом окне браузера. Как собственно это исправить?
0 votes6 answers -
помогите с <body>
Люди помогите плиз . Сделал страничку с трех картинок , с помошью этих тэгов , возникла проблема с position:absolute , када на одну картинку используется position:absolute то страничка нормальная , а када я использую еше на одну картинку с этим тэгом то страничку можно листать в право хотя за горизонт странички ни чего не вылазит . подскажите как это исправить . <html> <body bgcolor="#000000" text="#009900" link="#CCCCCC" vlink="#CCCCCC" alink="#666666"> <div id="Layer1" style="position:absolute; left:100px; top:50px; width:10px; height:0px; z-index:1"> <img name="nVerh" src="images/Verh.jpg" width="1024" height="750" border="0"> <!-- fwt…
0 votes6 answers -
Обтекание изображения.
Привет всем! Как сделать без тега <br> так чтобы часть текста обтекала изображение, а другая была под самим изображением... Сами понимаете, если изображение большое, сидеть строчить 2 десятка <br> это не дело.. Я где-то читал, токо вот забыл...
0 votes5 answers -
Проблема с предзагрузкой изображений
Добрый день. На сайте есть картинки при наведении на которые картинка меняется на другую. Код вот такой: <a href="index.htm"><img src="img/img.gif" alt="Image" onmouseover="this.src='img/img2.gif'" onmouseout="this.src='img/img.gif'"></a> Нужно чтобы при наведении на картинку она сразу заменялась другой, а не загружалась. Перепробовал разные способы предзагрузки, ни один не работает. Подскажите как правильно сделать.
0 votes1 answer -
Проблемы отображения в ИЕ 7 и Операх некоторых
Здравствуйте. Есть сайт www.adybov.ru Проблема в сайдбарах. Вылезают черт знает куда. В ИЕ 7 и опере 8.ххх. В старших операх все окей. В 6-ке, кторая у меня в виде тестового ИЕ - тоже все окей. HTML такой <!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> </head> <body> <div id="header"> </div><!-- #header--> <div id="wrapper"> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="side…
0 votes5 answers -
Блок по середине
Вот у меня блок.Как расположить его точно по середине,при этом надо учитывать,что ширина будет разной.Если я делаю так .wrapper_bodydiv { clear:both;margin-left:8%;margin-right:8%;margin-top:10px;margin-bottom:10px; } То у меня при ширине 1024 пикс. блок точно по середине а при большой смещается ближе к левой стороне.Если поставить text-align:center; не помогает.Скажите как сделать?:!
0 votes5 answers -
Как избавится от тормозов?
Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.
0 votes15 answers -
Вёрстка сайта Amazon.com
Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...
0 votes7 answers -
Ползунок во фреймах
Как убрать ползунок во фрейме, но чтобы оставалась возможность прокручивать вниз то, что не влезает?
0 votes6 answers -
Google maps не отображаются маркеры
Пробую создать свою точку на GOOLS MAPS и указать свою собственную иконку для этого места, указываю путь к иконке (пробовал заливать и на свой хостинг и на fastpic) в итоге моя икона не отображается, в чем может быть проблема?
0 votes1 answer -
Для мастеров блочной вёрстки
Задача - сверстать следующий тулбар (серый вверху рисунка). Проблема в резиновости ширины. Контент может сужаться, и когда элементам "не хватает места", при блочной вёрстке они перескакивают на следующую строку. Необходимо, чтобы элементы оставались в одной строке, а при сжатии окна, если по ширине им места не хватает, то появлялась бы горизонтальная полоса прокрутки у окна браузера. Фактически, задача - с помощью блочной вёрстки точно симулировать табличную вёрстку, как если бы тулбар был рядом таблицы. Элементы с переменной шириной (извините, неверно написал на рисунке) указаны, у остальных можно считать, что ширина фиксирована. ЗЫ: я в итоге бросил эту затею и све…
0 votes9 answers