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
-
не виходит прижать блоки
привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке content есть 2-ва блоки в которых будут размещены фоновые изображения, и у меня никак не получается прижать эти блоки, а именно BG_1 к верху, а BG_2 вниз. т.е. чтобы они растягивались на полную высоту окна (height: 100%), чтобы между двумя блоками BG_1 и BG_2, можно поместить изображение. вот графическая схемма http://pix.am/FgMG/ вот сам код <!doctype html><html> <head> <meta charset="utf-8"> <title>Test Site</title> <link rel="stylesheet" href="style.css…
0 votes4 answers -
html, body {height:100%;}
Доброго времени суток, проблема у меня вот в чём: есть сайт http://www.lol.domstroi69.ru/proekti.html, ему задано html,body{height:100%//задал для того чтобы на мониторах разной высоты всегда была голубая полоска на всю высоту экрана}#wrap{height:100%;position:relative;}left-barBox{width:50px;backgeound-color:blue;height:100%;position:absolute;left:20px;}#footer{position:absolute;bottom:0;right:0;// футер который должен всегда находится внизу}Проблема в том, что когда я уменьшаю окно бразуреа по высоте или начинаю добавлять изображения в див с id='contentBox' у меня получается вот такая вот Ху... Всё конечно исправляется если я не указываю высоту html,bod…
0 votes4 answers -
Выравнивание
Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит http://jsfiddle.net/4nnbou8s/
0 votes1 answer -
Не меняется размер/цвет шрифта внутри div
вопрос решен. тему можно закрыть! спасибо!
0 votes1 answer -
Как при наведении изменить сразу два класса CSS?
При наведении на div нужно поменять и свойства дива и свойство картинки в нем (другой класс) как это можно сделать через CSS?
0 votes2 answers -
Верстаем под шаблон.Убрать отступ у первого элемента.
Столкнулся с такой проблемой: необходимо выводить на страницу 5 изображений в линию и брать их в рамку, как показано здесь http://img398.imageshack.us/my.php?image=justifyoj7.jpg. Так чтобы слева и справа от изображений отступ был одинаковым и небольшим, а рамка равномерно заполнялась картинками за сч?т отступов между ними. Размер рамки фиксированный, размер картинок тоже. Зfдача осложняется тем, что в?рстка делается под шаблон, т.е. нельзя отдельно применять стили только к одной картинке или ссылке. Я наш?л 2 способа решить эту проблему 1)с помощью соседних селекторов 2)с помощью псевдокласса :first-child, но ИЕ6 как всегда сказал что ему на них положить большой ... (. У…
0 votes0 answers -
Фон на input пополз в IE6-7
Идея такая чтоб фон на блок или ячейку в коротой находится input не вешать Фон на input пополз в IE6-7 <input type="text" name="name" maxlength="40" value="" class="input" /> input.input{ border:0px; height:18px; width:157px; padding-left:3px; padding-right:13px; background:url('/pic/input.gif') no-repeat left center; } Как его можно закрепить?
0 votes5 answers -
Как отследить координаты маркера?
На гуглокарте можно выставить маркер и перетаскивать его при помощи этого скрипта: <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.addControl(new GSmallMapControl()); // масштаб и перемещение карты map.addControl(new GMapTypeControl()); // переключение типов карты map.setCenter(new GLatLng(55.752,37.616), 18); var point = new GLatLng(55.752,37.616); var marker = new GMarker(point, {draggable: true}); GEvent.addListener(marker, "dragstart", function() {}); GEvent.addListener(marker, "dragend", function() { }); map.addOverlay(marker); } } </script…
0 votes0 answers -
Ссылки
Изучаю всё последовательно, взял отсюда: http://www.htmlbook.ru/content/?id=18: _blank — загружает страницу в новое окно браузера; - ясно _self — загружает страницу в текущее окно; - ясно _parent — загружает страницу во фрейм-родитель; - не ясно _top — отменяет все фреймы и загружает страницу в полном окне браузера. - не ясно В чём отличие, поясните, пожалуйста! Копировал тексты, в блокнот, открывал. не понял. Да и текст-пояснение на каждое значение для меня пока не понятны до конца.
0 votes3 answers -
Стиль для ячеек таблицы
Ребят, подскажите пожалуйста, как можно сделать так, чтобы ячейки были все с бордерами у определенной таблицы. Как писать бордеры я знаю, а вот как реализовать вот это что то не получается. Например у меня таблица с классом special, как можно сделать для нее, еще один стиль приминимый для ее ячеек. Вот пример. Все сделал, а как написать класс для td'эшок не знаю. При чем так чтобы, не приходилось, подписывать каждую td'эшку: <style> .special {margin-bottom: 24px; width:80%; border-collapse: collapse; border: 1px solid;} .t1 {text-align:center; background-color: #e6abb2; font-weight: bold;} </style> <table class="special" cellspacing="0" cellpadding="5"> …
0 votes3 answers -
Выравнивание
http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами
0 votes4 answers -
Кнопка с помощью display:block;
Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение
0 votes5 answers -
Резиновая верстка
Привет всем! Только начал вникать, так что не пинайте проблема в следующем - есть два дива: <div class="div1"> </div> <div class="div2">ТУТ ВЫВОДЯТСЯ КОММЕНТАРИИ</div> в css .div1 {float: left;} .div2 {float: left;} Т.е. я добился того, первый див обтекается вторым и они располагаются на одном уровне. Однако мне необходимо сделать так, чтобы при развернутом окне броузера получалось так: http://www.picatom.com/1o/img/1-5358.jpg Т.е. именно так, как у меня и получилось. А при уменьшении окна до максимума так: http://www.picatom.com/1o/img/2-3528.jpg Т.е. чтобы при уменьшении окна броузера первый див "сжимался" до нуля, и все оставшееся пространст…
0 votes2 answers -
Как разрулить ситуацию с onclick
Есть выпадающее меню на div. Вызывается при помощи клика мыши на каком нить объекте. <img ... onclick="myPopup()">. Далее есть обработчик document.onclick который проверяет, есть ли под курсором меню и если есть то закрывает его. Сделано это для того что бы можно было кликнув мимо закрыть попап. В том случае если изначально меню открывается под курсором, то все нормально. Если же меню открываеться в стороне, то после img onclick открывающего меню, сразу же срабатывает document.oncick закрывающий меню. Требуется совет как разрулить ситуацию. Я вижу 2 возможности: 1. При открытии меню под ним на весь экран делать какой слой. Не хочется так как громоздко. 2. Как то уд…
0 votes11 answers -
Бегкраунд - position: absolute
Ребят подскажите советом как в принципе реализовать следующее: Предположим у нас экран 1280 пикселей. Посередине у нас сайт с размером контента 980 статичный. Справа и слева остается некоторое пространство в зависимости от размера экрана (при 1024) не остается почти ничего. Задача прилепить картинку справа и слева (position: absolute) все замечательно пока не доходит до 1024 она либо наезжает на контент сверху либо при z индексе в минус под контент. А как бы сделать, чтобы как только картинка соприкасается с границей контента она останавливалась и больная ее часть показывалась за пределами браузера? А при больших разрешениях экрана вела себя стандартно постоянно прилеплен…
0 votes5 answers -
чем заменить в html5 frameset?
оно конечно спорно по применению, но вот оптимальнее в конкретном случае варианта нет. есть предложения по замене? использование вебсервисов возможно, но нагораживается слишком много кода....
0 votes1 answer -
Какая стандартная длина сайта, который расположен по середине?
Какая стандартная длина сайта, который расположен по середине?
0 votes2 answers -
Уникальная ширина первой ячейкм таблицы
У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?
0 votes12 answers -
градиент для старых браузеров
есть контейнер с бекграундом в градиенте, как быть если на сайт заходят крабы с браузеров эры динозавров?
0 votes5 answers -
Украли 1% )
Сделал небольшой HTML макет и табличку стилей http://jsfiddle.net/4BaAQ/ Не понятны 2 момента: 1) Почему при width: 60% у #center блок Right улетает на вторую строку. 2) (следует из первого) Как убрать эти красные дырки?
0 votes5 answers -
Меню с активными и не активными кнопками
Добрый день! Помогите пожалуйста решить такую проблему: Имеется меню в котором четыре кнопки, каждая кнопка имеет сваю картинку при наведении на кнопку мышкой картинка изменяется с не активной на активную. Мне надо чтобы пользователь зайдя на определенную страницу сайта (каждая кнопка соответствует своей странице) кнопка горела как активная а перейдя на другую становилась обратно не активной. Вот собственно моя верстка: CSS ————- #menu_2 { margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; background: url(../images/header/menu_2/menu_right.jpg) no-repeat right top; } #baner2_1 { position: relative; padding: 0; float: left; background: …
0 votes5 answers -
Меню отображается в разных браузерах по-разному
Меню в эксплоэре отображается нормально справа, а в мазиле внизу сайта. Почему так и как это исправить? http://rabota-po-seti.ucoz.ru/ <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <?$META_DESCRIPTION$?> <p><title>Работа по сети</title> <meta name="description" content="Заработок в интернете – самый простой заработок в мире!В наше время благодаря «всемирной паутине» перед каждым человеком открывается безграничный мир, который не должен ограничиваться общение в чате и игрой в онлайн игры. Почему бы не придумать своему времени более рациональное использование, к примеру, заработок в сети Инте…
0 votes6 answers -
Проблема с шрифтом в меню
Вот тестовый http://test.created-phoenix.ru/ Шрифт в меню изменяет ширину в зависимости от маштаба, т.е если уменьшить маштаб, то послений пункт почему то уходит на 2 строку. Понятно что где то косяк, но вот найти самостоятельно не могу.
0 votes5 answers -
DIV'ная рерстка списка статей
Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...<…
0 votes1 answer -
Картинка всегда внизу
Здравствуйте! Подскажите как сделать что бы картинка всегда была внизу блока, вне зависимости от количества контента?
0 votes6 answers