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
-
height:100%; + scrollbar
Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…
0 votes8 answers -
графический элемент - кружочек
Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!
0 votes16 answers -
Отступы внутри блока DIV
Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…
0 votes4 answers -
Сколько заголовков h1 должно быть на странице документа HTML5 (СЕО)
Всем привет, вопрос наверное больше к СЕОшникам чем к фронт-эндерам. Недавно сдал верстку, ее уже залили на хост, поработал бэк-эндер, и настало время сео-оптимизации. Вот именно после этого прожект-менеджер отписала, что СЕОшника немного посмеялись над моей работой. Я в курсе, что учитывая стандарты HTML4 или XHTML заголовок H1 на странице должен быть один. НО!, ведь в HTML5 с появлением новых блочных элементов (article, section, main, footer...) заголовков первого уровня (Н1) может быть несколько. Вот так приблизительно выглядит прототип сайта, с пометками, где я использовал H1. С точки зрения валидности все верно. Действительно ли я затупил в верстке с точки зрения …
0 votes9 answers -
Как скрывать/показывать поле в зависимости от выбранного в списке?
есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <select name="color"> <option value="red" >красный/option> <option value="green">зеленый</option> </select> <input type="text" name="red_color" value="введите что-то красное" /> <input type="text" name="green_color" value="введите что-то зеленое" />
0 votes5 answers -
Три колонки, крайние тянутся, центральная фиксированной ширины.
По сути ситуация такая: весь контент находится в центральной части дизайна, в блоке шириной 954 пиксела, по бокам идет как бы декоративный фон, состоящий из нескольких элементов, то есть необходимо к центральному диву (трехколоночной таблицей не получается, т.к. образуется вертикальное смещение и дырки на стыках колонок), добавить еще два дива побокам, которые равномерно растягиваются при увеличении размера окна браузера, и в них разместить еще дивы следующим образом: в левой два дива фиксированной высоты, а в правой четыре - верхние два фиксированной высоты, третий тянется, нижний снова фиксированной высоты. При этом всем центральный див обязательно должен быть по центру…
0 votes7 answers -
Уникальный стиль полосы прокрутки для отдельного блока на странице
На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?
0 votes3 answers -
списки
<div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…
0 votes18 answers -
Дизайнер или я криворукий?
В общем у меня макет псд сайта. Нужно верстать и чтобы сайт был резиновым. Я копирую шапку, в псд макете она 900 пикселей в ширину. Потом вставляю в style.css ( #header { background-image: url (img/header.png); }) и шапка всё равно фиксированна, хотя в конструкторе хтмл шаблона указывал, чтобы сайт был резиновым. Если увеличивать ширину картинки в гимпе и потом вставлять, то всё равно же она фиксированна будет в браузере. Вопрос: какая ширина должна быть у сайта, когда он в псд, если сайт должен быть резиновым? Каким его должен делать дизайнер? Просто дизайнер мой друг и мы оба позорные дилетанты в сайтостроении, мы пока только 1 сделали и он был фиксированным, и вперв…
0 votes31 answers -
нужна помосч
вопрос состоит в следующем есть грубо говоря вот такой код <div id="wrapper"> <div id="wrapper1"></div><!-- #wrapper1 --> <div id="wrapper2"></div><!-- #wrapper2 --> <div id="wrapper3"></div><!--#wrapper3--> </div><!-- #wrapper --> мне нужно каждому из етих 4 блоков задать свой background только так чтобы он в любом из даных блоков тянулся например при добавлении текста в блоки wrapper1 - wrapper3 ну и соответственно чтобы и тянулся background родительского блока wrapper. За предложеные варианты большое спасибо
0 votes26 answers -
Работа с макетами
Добрый день! я не могу понять как работать с макетами для верстки и что для этого нужно. не могу найти тему что бы почитать. допустим есть PSD файл, а что дальше, как с ними работать, чтобы создать сайт. если не сложно подскажите!, или ссылку на материал. спасибо.
0 votes23 answers -
Помогите пожалуйстА!!!!
Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...
0 votes28 answers -
Правила синематики
Недавно я наткнулся на новый термин - синематика. Я узнал что это такое, но не узнал какие есть правила. В интернете ничего хорошего не нашел. Пожалуйста раскажите что знаете про это.
0 votes21 answers -
CSS: неверное приклеивание к границам экрана при position:relative;
Здраствуйте, я начинающий верстальщик, и у меня возникла проблема. Вообще, я верстаю макет, но, для того, чтобы вам не пришлось разбираться в тоннах кода, минимизирую его. Проблема: При использовании такого кода: #foot1 { top: 0; background: #1b5790; position: relative; width: 985px; height: 46px; margin:0 auto 0 auto; } Не происходит прикрепления синей полоски к границам экрана. При изменении значения position: с relative; на absolute; все приходит в норму - полоска прикрепляется к верней части экрана. Когда position: absolute; это выглядит так. Когда position: relative; это выглядит так. (из-за яндексной рекламы появляются символы "п»ї", этого нет на ло…
0 votes22 answers -
border-color в опере?
в опере никак не получается задать цвет рамки таблицы (( в FF и IE всё ок. белые, а в опере почему-то чёрные <table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr > <td id="t1"></td> <td id="t12"></td> <td id="t2"></td> </tr> <tr > <td id="t14"></td> <td id="t22">&…
0 votes24 answers -
Кросбраузерная верстка
Здравствуйте, пожалуйста подскажите в чем я мог заплужить. FF и IE отображают страничку, а опера смещает блоки в хедере и позиции в левой области странички. Вот она моя верстка darkly.org.ua
0 votes10 answers -
Как выровнять баннер по центру ?
Как выравнить баннер по ценру, : http://kvshu39.ru/forum/viewforum.php?f=7&...619d234b150e10c <!-- INCLUDE overall_header.html --> <script type="text/javascript"><!-- google_ad_client = "pub-5796305367349667"; /* киу_форум_без прокрутки_700x140 */ google_ad_slot = "8800195845"; google_ad_width = 728; google_ad_height = 90; //--> </script>" Пасиб
0 votes2 answers -
ul и img float
В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..
0 votes12 answers -
Задать блоку высоту через Java Script
Доброго времени суток! Есть n-ое кол-во блоков, ширина контента резина, все блоки заданной ширины, разной высоты(разное кол-во контента внутри), с позиционированием по левому краю (float:left;). В результате блоки сортируются не очень хорошо, с некими дырами, хотелось бы создать алгоритм находим больший блок по высоте и остальным задаём его высоту, пробовал сам написать скрипт но что то не то: var maxHeight = 0; $$('.someclass').each(function(el){ if(el.getStyle('height') > maxHeight) maxHeight = el.getStyle('height'); }); $$('.someclass').each(function(el){ el.setStyle('height', maxHeight); }); Подскажет может кто решение, или может натолкнёт. Зы Приношу извинения…
0 votes21 answers -
Как расположить кнопки социальных сетей в ряд?
Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…
0 votes11 answers -
Фон с шумом(не картинка)
Здравствуйте, Мне надо сделать noise на фоне. Как это сделать средствами css3? Если это не возможно, то напишите решение хоть какое-то кроме картинки. Если это javaScript, то, пожалуйста, объясните как это использовать, потому что ранее дел не имел со скриптами. Зарание спасибо.
0 votes3 answers -
Шаблоны
Ситуация такая: есть шаблон на страницы в корневую директорию и шаблон с таким же оформлением на поддиректорию. Как можно привязать изменения оформления на один шаблон, чтоб не проделывать работы дважды? Пользую Macromedia Dreamweaver 8. Спасибо.
0 votes5 answers -
расположение сло?в
Здравствуйте! Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Как сделать так, чтобы в броузере div2 был расположен выше чем div1?
0 votes12 answers -
DIV обрезает букву
Есть обычный блок, случайно заметил, что левая вертикальная палочка большой буквы "Д" обрезана. Текст в блоке выровнен по ширине. С чем это может быть связано?
0 votes15 answers -
Как растянуть картинку по вертикали?
Доброго времени суток, форумчане! Подскажите пожалуйста, как растянуть картинку для фона по вертикали? Имеется сайт на Денвере Имеется картинка которая разрезана пополам, одну половинку нужно поместить в левую область (помеченную красным контуром) а другую в правую. Заранее спасибо! UPD: вот примерно то чего я добиваюсь Тыц
0 votes6 answers