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
-
Замена цвета, вообще первый раз столкнулся с версткой...
Здравствуйте уважаемые. Первый раз столкнулся с темой верстки тегов и инет программирования, или как правильно называется не знаю. Темой не владею вообще. Поэтому если вопросы будут совсем дуратские просьба ногами не пинать. Небольшая вводная для понимания... Пользуюсь оперой, в ней есть возможность подсунуть css файлик и авторские стили будут заменены на те, которые указаны в файле. У меня была задача поменять белый фон на черный, а буковки белые на зеленые... содрал образец из одного места и заменил белый на зеленый dl, ol, ul {outline: 1px solid #00ff38 !important;} dt, dd, li {outline: 1px dashed #00ff38 !important;} p {outline: 1px solid #00ff38 !important;} addr…
0 votes4 answers -
colspan волшебство
Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> <…
0 votes3 answers -
HTML в порядок
Ребят, нужна помощь в редактировании простого хтмл кода с табличной вёрсткой. <table style="width: 100%; background: #a3a3a3;" border="0"><tr> <td><a href="http://fotki.yandex.ru/users/akayuki/"><img src="http://img-fotki.yandex.ru/get/5907/34248199.69/0_5cc95_583ee5ab_XXL.jpg" alt="" width="100%"></a></td> <td width="150px" style="float: right; padding-top: 30px;"><center><a href="http://blogs.yandex.ru/button/?id=7501666&type=rating"><img src="http://button.blogs.yandex.net/16/66/7501666-rating-white-male.gif" border="0" alt="Рейтинг блогов" width="80" height="15"></a> <img src="http://butto…
0 votes7 answers -
Help! Фон картинкой для ссылок (link, hover, active,)...
Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!
0 votes5 answers -
Два дива, выравнивание
Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали
0 votes8 answers -
3 колонки div - помогите!
Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.
0 votes2 answers -
Навигатор по страницам
Как привязать навигатор по страницам к низу страницы, а не к последней картинке? http://truebooks.ru/
0 votes2 answers -
BBCode аля [html] для форумов phpBB
Тема о плюсах и минусах возможности использоать html в сообщениях поднималась на нескольких форумах поддержки сервисов phpBB. На сколько я понял в вресиях phpBB >3.0 эта возможность исключена, ну или исключена на сервисе http://www.getbb.ru/ которым я пользуюсь. Тем не менее у меня возникла необходимость в использовании html через свой BBCode, поскольку большое количество BBCode и их особенности работы не всегда меня устраивают. Учитывая небезопасность прямого встраивания юзерами кода html в сообщения, я хотел бы (хотя возможно вы меня переубедите) написать такой скрипт для BBCode , который бы ограничивал вставку html только з безопасным контентом. Как вариант ограниче…
0 votes4 answers -
Проблема с обтеканием div-а
Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…
0 votes4 answers -
Отступы снизу от картинки
Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}
0 votes3 answers -
ie6 перекрытие <A>
Здраствуйте. Есть конструкция такого вида: <div class="png"><a href="#">ссылка</a></div> Где класс png это ie6 png fix в виде: * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','')…
0 votes3 answers -
Не могу растянуть элемент
Парни подскажите, как растянуть изображение по ширине страницы в зависимости о экрана. .small { height: 14px; background-image:url(images/small.gif); background-repeat:no-repeat; background-position: center; background-color: #fff; background-margin-top: 10px; } Обычное repeat-x не подходит, т.к. изображение линия имеет вид |_________________________| Надо как-то растянуть от середины в стороны
0 votes3 answers -
Проблема с оформлением двухколоночного резинового шаблона
Есть двухколоночный резиновый шаблон. Цель добавить:внизу под центральным блоком две горизонтальные линии определённого цвета, и справа - вертикальную линию идущую от нижнего угла до середины правого блока. Так чтобы эти линии тоже были резиновыми вместе с центральным блоком, и нижние линии были внизу контента всегда, а вертикальная правая линия - справа после контента тоже независимо от растяжения экрана. Попробовал сделать это javascript-ом и выставлять позиции этих линий на событие window.onresize, но работает некорректно из-за того, что наличие самих линий - меняет размеры окна. Не знаю как это сделать с помощью средств css и html. У кого есть какие идеи? Возможно ли …
0 votes1 answer -
Не растягивающаяся, а сжимающаяся верстка
Есть сайт с фиксированной шириной 1081px. <div id="container"></div> Пользователи с разрешением 1024*768 видят его некорректно. Можно ли сделать так, чтобы при разрешении меньше 1081px ширина div#container уменьшалась? (не используя javascript).
0 votes6 answers -
Как создать эффект плавной градации цвета на CSS
Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?
0 votes1 answer -
Помощь по css
Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?
0 votes6 answers -
текстовое содержание дива наезжает на соседней див
текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…
0 votes6 answers -
что значит запись section > div
подскажите что значит section > div а то не нашел ..
0 votes3 answers -
Отступы в кнопках. CSS
здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.
0 votes8 answers -
нужна помощь в создании меню
нужна менюшка как на http://ru.wowhead.com/ этом сайте
0 votes6 answers -
что-то с текстом
Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…
0 votes6 answers -
Ох уж этот IE
Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { ba…
0 votes4 answers -
Проверка w3.org валидатором
Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?
0 votes3 answers -
position: fixed для html
Здравствуйте. Подскажите пожалуйста, является ли извратом назначение position: fixed для тела страницы (тоесть тегов html или body), или это норм и можно применять? Спасибо.
0 votes2 answers -
Привет всем! Прошу совета, я начинающая в Web-дизайне.
Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).
0 votes10 answers