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
-
Помогите растянуть див
Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?
0 votes5 answers -
Помогите с border'om
Это часть таблицы, мне нужно сделать двойной бордер, как на картинке. Не могу разобраться. Заднее затемнение задается посредством pngшки на классе .dark Если ставлю border на tr и td они перекрывают друг друга. <table> <tr class="dark"> <td></td> </tr> </table> Как это реализовать так же, как на картинке?
0 votes20 answers -
Скажите пожалуйста,как мне сделать форум на сайте
Помогите,пожалуйста,как мне вставить форум на сайт?Я скачал какой-то форум.Но когда я его открыл,то в нем было много каких-то папок.Только можете пожалуйста обьяснять на языке для начинающего.Я так понял что форум htmlbook тоже вставлен(я видел такой-же форум на сайте tennisforum.ru)
0 votes1 answer -
Подскажите, как корректно отобразить вкладку в Фейсбуке
Здравствуйте! Помогите пожалуйста понять, что я делаю не так. Есть приложение называется Static HTML, в которое можно вставлять HTML код. Есть шаблон, который специально предназначен для такой вкладки, т.к. размеры подогнаны под 520 на 800 пикселей. Style.css и изображения храняться на гугл сайтс (т.к. в фейсбуке требуется HTTPS соединение) вставляю в приложение, HTML код файла index.html в котором прописаны ссылки на стайл ксс и ссылки на изображение. Нажимаю просмотреть и...в файрфоксе отображается корректно, а в опере, хроме, ослике все расползается. Не знаю в чем причина. подскажите. Это же участь постигла и слайдер, который я пытаюсь вставить здесь Вот ссылка на вк…
0 votes0 answers -
Настройки шрифта
Собственно заметил на сайте одной из социальных сетей такую интересную штуку: Не смотря на то я не менял в настройках браузера величину шрифта, сайт оставался абсолютно одинаковым. Вопросы: 1)Как это сделать(или все таки не стоит)? 2)Много ли пользователей с увеличенными шрифтами и есть ли смысл верстать и для них тоже.))
0 votes4 answers -
выравнивание по центру
как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?
0 votes5 answers -
<button> как сделать простым текстом?
Добрый день, у меня такой вопрос: Как сделать <button> простым текстом? Т.е. не кнопкой, а простым текстом.
0 votes3 answers -
img выезжает из div!
Помогите пожалуйста решить такую проблему верстки: Скрин проблемы.... Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(. вот код html: ... <div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </div> ... и CSS: ... #ads_carrier{ position: relative; width: 100%; cle…
0 votes6 answers -
Мобильная верстка. Закрепит элемент.
Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.
0 votes0 answers -
Событие onclick - но чтобы реагировало на любые нажания мышки
Подскажите событие аналогичное onclick, с той лишь разницей, что бы оно реагировало не на нажатие левой клавиши, а на нажатие любой клавиши, даже скролла.
0 votes3 answers -
скрипт
вот код скрипта <script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function doMenu(AIndex) { if ( AIndex == 1 ) { if ( chapter1.style.display == 'none' ) { chapter1.style.display = 'block'; } else { chapter1.style.display = 'none'; } // if..else } // if if ( AIndex == 2 ) { if ( chapter2.style.display == 'none' ) { chapter2.style.display = 'block'; } else { chapter2.style.display = 'none'; } // if..else } // if if ( AIndex == 3) { if ( chapter3.style.display == 'none' ) { chapter3.style.display = 'block'; } else { chapter3.style.display = 'none'; } // i…
0 votes0 answers -
В чем ошибка?
<div style='width:10px;height:14px;display:inline-block;background:url("начало.jpg") center center no-repeat;'></div><div style='display:inline-block;background:url("повторяющаяся-картинка.jpg") center center repeat-x;'>Резинааааааа</div><div style='width:10px;height:14px;display:inline-block;background:url("конец.jpg") center center no-repeat;'></div> вот так делаю получается норм но если начинаю вводить текст средняя картинка едет вниз...
0 votes6 answers -
Проблема табличной верстки
Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол. Вот скриншот, направляющими разделена первая строка таблицы: Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее: Вот код HTML: <table class="post"> <tr class="post_top"> <td class="ptl"></td> <td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td> …
0 votes8 answers -
Нужна помощь
Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…
0 votes15 answers -
Тестирование макета
Здравствуйте, меня интересует как проходит тестирование сверстанного макета? Проги? Трюки? Хотелось бы подробнее и от опытных людей. И еще...для каких браузеров сейчас актуально верстать?(с каких версий)
0 votes1 answer -
Как это работает
Есть некий сайт Моя ссылка Попробуйте сохранить фон? сохранится все кроме нижних иллюстраций героев.. Полез дальше в css. нашел путь к изображению - при попытке открыть открывает совсем не то что ожидаешь.. Как это сделано?
0 votes2 answers -
Ссылки поверх дива
<a href="/"><img src="/i/rem.png"></a> <a href="/"><img src="/i/techobs.png"></a> <a href="/"><img src="/i/obrdoc.png"></a> <a href="/"><img src="/i/stel.png"></a> <a href="/"><img src="/i/dopobor.png"></a> <a href="/"><img src="/i/cont.png"></a> <div id="star"></div> Как сделать чтобы ссылки были поверх дива? Сейчас див почему-то перекрывает ссылки.
0 votes5 answers -
отступы и ширины
можно ли во всяких элементах типа: width top paddinng задать размеры в таком формате: 25% + 30px если да то как это сделать?
0 votes3 answers -
Вопросы по макету!
Это превью шаблона, с которым проблемы.... Как прижать футер к нижней части экрана при любом разрешении? Как привязать левую и правую колонку к футеру и установить резиновую высоту? То есть - не зависимо от количества центральных блоков колонки должны растягиваться догоняя футер! Третий день колдую, ничего не получается... На сайте тоже не нашел, есть похожие проблемы, но не для этого случая... Если кто знает ответ, подскажите, заранее премного благодарен. Или хотя бы ссылки на материалы, где найду решение.
0 votes4 answers -
Верстка нестандартного меню
Приветствую. Целый день не мог решить задачу. Вот решил наконец к вам обратиться. Значит задача состояла в следующем: необходимо сверстать горизонтальное меню с закругленными по краям углами. На момент клика (я так понял a:active) должны подключаться спрайты. Меню должно тянуться по разрешению экрана до 1660рх. Естественно IE7+ и полное прохождение валидации. С виду задача не очень сложная, но приступив к работе вошел в ступор. Как быть с закругленными краями, чтоб они так же реагировали на клик элемента и при этом элемент списка тянулся по тексту. Вот, прошу помощи. Вот то, что пока получилось. Не работает в опере и естественно в IE7. И нет резины по ширине экрана.
0 votes4 answers -
Вертикальное примыкание
Всем доброй ночи =) У меня появился вот такой вопрос <div id="GLAVNII" style="width:700px; height:600px"> <div CLASS="PERENT" style="height:inherit;"> <div style="width:auto; height:300px;"></div> <div CLASS="CHILDE" style="width:auto; height:100px;"></div> </div> </div> Как мне сделать так что бы элемент .CHILDE примыкал к низу элемента .PERENT? Дабы если я увеличу высоту #GLAVNII тогда увеличится и высота .PERENT а он уже свою очередь потянет за собой .CHILDE который будет примыкать к его нижней границе !!
0 votes7 answers -
Пролблемы с выравниаем в css
Никак не могу выровнять столбцы сайта - левый и правый (контент по центру). Чтобы они были одинаково от краев. Правый имеет отступ больше, хотя в css лева и справа padding 20 px. Знаю, решение где-то рядом, но вт где. Иожет кто глянет? http://srv23440.ht-test.ru/ Зранее спасибо.
0 votes1 answer -
Не могу изменить рамзер шрифта в списке
Шрифт всех ссылок задан в идентификаторе qqq. Хочу сделать подсписок меньшим шрифтом, но не один из трех способов не работает, хотя паддинг работает. <div id="qqq"> <ul> <li><a href="/home" </a>Текст</li> <ul class="inner"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul> <li><a href="/home" </a>Текст</li> </ul> </div> .inner { padding-left:15px; font-size:5px; } .inner ul li a{ font-size:5px; } .inner а{ font-size:5…
0 votes10 answers -
регистрация
люди подскажите как сделать регистрацию на сайте
0 votes3 answers -
как предотвратить разрыв блока
Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…
0 votes13 answers