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
29,542 questions in this forum
-
Совсем нубский вопрос про вёрстку div`ми
Всем привет Помогите, пожалуйста, разобраться. Есть такой пример вёрстки (он же одним архивом) Как сделать так, чтобы: 1. Во втором ряду блоки, отмеченные красным могли растягиваться, в зависимости от ширины браузера? Т.е., чтобы те блоки, которые чёрным цветом были фиксированной ширины, а боковые подстраивались бы под размер окна? 2. Чтобы Все блоки во втором ряду были статичной ширины, а тот, который называется "блок2" мог тянуться на всю длинну браузера? Заранее спасибо!
0 votes1 answer -
Отступ и border
На сайте расположено 2 блока: слева - контент, справа - сайдабар. Хочу между ними провести вертикальную линию. Пытался с помощью тега border-right для контента. Но он естественно ложится сразу после текста, а мне нужен отступ для этой линии, чтобы было на ровне между первый и вторым блоком. Помогите советом.
0 votes16 answers -
IE: Не отправляется форма, если кнопка image
Проблема с Internet Explorer. Не отправляется форма, если кнопка image, если же обычный submit, то нормально отправляется. Вот объявление формы: <form action="/on-line" method="post"> ... Вот коды кнопок: <input type="image" class="image" src="/send.gif" value="Отправить" name="go"> <input type="submit" value="Отправить" name="go"> Помогите пожалуйста, впервые с таким столкнулся. — Версия IE8 эм.. понял IE не отправляет имя кнопки в POST а отправляет имя_x и имя_y
0 votes0 answers -
Вертикальная полоска с помощью div
Добрый день, подскажите как сделать резиновую вертикальную полоску. PS так же порадуюсь ссылоскам на учебники по div блокам.
0 votes6 answers -
Помогите плиз
Есть сайт. Глючно отображается подпись компании на яндекс карте. Проблема явно из-за верстки. Хочеся поправить, да что то знаний не хватает пока. Почему отъехал крючок вверх, это я вроде нашел, там margin стоял 10px. Вот. А почему идут линии белые, не ясно. Ясно что это скорей всего бордеры таблицы. Но что то я пока их не как не могу нащупать. Помогие плиз. Может у Вас что нибудь получится. Ссылка на страницу с косяком: http://www.rusdor.biz/contacts/. Скриншот прилагаю.
0 votes6 answers -
помогите в прокрутке новостей
сама страница www.praypeople.ucoz.ru проблема в том, что новости с прокруткой не так работает, в Opere прокрутка справа в Internet Explorer появляется нижняя прокрутка, не могу составить правильную прокрутку помогите пожалуйста очень прошу. в самом низу код на на новости $LAST_NEWS$ я щитаю что дело в margin: 0 auto; у меня он рапространяется на все "формы" удалив в "форме, margin: 0 auto;" с окном на новости, распадается вся страница... я прошу малого тока чтобы прокрутка отображалась коректно с правого края и всё вот в этой "форме" "новостей" я менял всё подряд не чего не помагало... body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; m…
0 votes6 answers -
Шапка из 5 элементов
Здравствуйте, помогите пожалуйста сделать шапку. ( div+css ) <->right.png<->right-center.png<->center.swf<->left-center.png<->left.png< где right-center.png и left-center.png должны растягиваться под разрешение
0 votes6 answers -
Вертикальное центрирование блочных эелементов
приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…
0 votes14 answers -
position:absolute за пределы окна монитора
Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …
0 votes7 answers -
Криво. Предварительный просмотр страницы при печати
Привет всем. Не могу понять, в чем проблема. Есть страница http://www.domzagranicey.com/catalog/offer/index.php?ID=4 Подключил файл для печати: http://domzagranicey.com/css/print_details.css Если отправить эту страницу на предварительный просмотр перед печатью и поставить печать 100% ширины, то первый лист почти пустой, только логотип виден и карту становится не видно. Вроде бы float везде убрал, где это мешало.
0 votes3 answers -
центровка блока с "absolute" элементами внутри
Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…
0 votes13 answers -
Центровка бэкграунда с обрезкой под 1024px
Добрый день! Подскажите, пожалуйста, можно ли разместить бэкграунд на 1200px так, чтобы при разрешении 1280*960 он просто центрировался, а при разрешении в 1024*768 центрировался так, чтобы оба его края (не просто правый край на 176px, а слева 88px и справа 88px) при этом обрезались без возможности скроллинга? Условный макет . Текущий код такой (он делает только центровку, без обрезки краёв): <body style="background: #dcd3b0"> <table width="auto" border="0" style="background: #dcd3b0; margin:auto; align:center; "> <tr> <td height="auto" style="background: #dcd3b0 url(img/VERH_SVITKA.jpg) no-repeat center top;"><img height="90px" width=…
0 votes2 answers -
Разметка страницы для печати на принтере
Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…
0 votes6 answers -
Форма + кнопка в ие6
Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд. Html: <form class="seacrh" action="#"> <h2>Search</h2> <input id="line" type="text" value="" /> <input id="button" type="submit" value="" /> </form> Css: #main form { float:left; padding-left:20px; } #main form h2{ color:#FFFFFF; font-size:16px; padding-top:15px; font-weight:bold; } #main form #line{ background-image:url(form.png); background-repeat:no-repeat; width:170px; height:21px; border:none; color:#FFFFFF; float:left; padding-left:5px; padding-top…
0 votes9 answers -
Текст убегает с DIV блока
Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…
0 votes3 answers -
Вёрстка под joomla
Всем привет. Подскажите как верстать шаблоны под joomla. Нигде немогу найти информацию. Вероятно ответ грамозский, поэтому я бы был доволен о знании интернет ресурсов по этой теме, конечно неотказался бы и от каких-нибудь нюансов, кратких оссобенностей.
0 votes2 answers -
2 проблемы при верстки меню
Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…
0 votes13 answers -
BLOCKQUOTE ошибка в валидаторе
из за тега BLOCKQUOTE много проблем у блога в блоггере, при использование этого тега появляется ошибка в валидаторе, незнаю как исправить, может кто поможет? пишет так: document type does not allow element X here; missing one of Y start-tag Line 1072, column 2168: document type does not allow element "blockquote" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …pan><span class="fullpost"><blockquote>После установки программы ВебМани Кипер… Ещё я заметил когда использую BLOCKQUOTE в сообщениях, то в браузере Хром, нарушается работа под ката, который используется через тег span. И мне приходится писать сообщения пр…
0 votes6 answers -
Помогите блондинке ))) с HTML
Проблема в том что не могу сделать чтобы все три колонки были на одном уровне ровно в таблице. Помогите ка можно решить эту проблему? :rolleyes Хотела добавить скрины сюда но не знаю как
0 votes7 answers -
Обрезается фон при прокрутке
Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …
0 votes7 answers -
radiobutton (прошу совет)
Добрый день. Не знаю у кого спросить - спрошу здесь. Есть страница, на ней есть форма form с полями для логин и пароль, кнопка input. также на странице есть кнопка регистрация - просто img с линком. Надо, чтобы кнопка на странице была одна, была form с радиокнопками. Нажимаешь крыжик, вводишь логин/пароль, нажимаешь input, либо второй крыжик и редирект на страницу creataccount.php (например). Подскажите как это реализовать?
0 votes1 answer -
не могу догнать одну вещь
все ссылки на сайте серого цвета. но мне надо выделить ряд ссылок зелёным. добавил класс blank, выглядит так: .blank{ color:#AFD532; //зелёный цвет text-decoration:underline; } a{ color:#535457; //серый цвет text-decoration:underline; } в самом редактор (drupal) если пишу код вида <a href="http://www.fps-catalog.com.ua/" target="_blank" class="blank">on-line catalog</a> то элемент class="blank" не сохраняется... и цвет не меняется а если взять тэг а в div или span и приставить к ним всё тот же class="blank" - ничего не происходит(( подскажите что делать в этом случае?
0 votes2 answers -
мигающая ссылка
нужно сделать мигающую ссылку на сайте ( и не одну) blink помоему работает только с текстом, а не с ссылками посдскажите как можно сделать такое? какими методами?
0 votes2 answers -
Простой макет.
Здравствуйте, делаю простой макет, есть несколько вопросов. В качестве фона header'а хочу поставить следующее изображение 1024*386 (ниже). Сразу вопрос: правильно ли так делать? Я имею в виду, правильно ли разрезал или нужно было другим образом (например, по частям: сначала серую полоску сверху, за ней белую область ниже и так далее, после чего каждый вырезанный элемент ставить в отдельный div) На форуме прочитал, что нельзя сделать так, чтобы картинка растягивалась в соответствии с размерами окна браузера. Как поступить в данном случае? Мне нужно, чтобы было как на макете (изображение на всю ширину). При таком коде изображение не повторяется, но и не дотягивает до конца…
0 votes10 answers -
Куда-то поползли картинки..
Здрасьте. Это опять я со своим скудным и корявым сайтом. Прошлая проблема решена, но есть ещё кое-что. Я решил немного исправить корявость верстки и что-то случилось с картинками. Они все поприжимались к стенкам контейнеров и футер стал не по центру.. В очередной раз не знаю что делать и прошу вас о помощи.
0 votes6 answers