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
-
Разъезжается содержимое блока
<style type="text/css"> #text { width: 580px;} </style> </head> <body> <div id="text"><p> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 </p> </div> Содержимое блока вылазит за его пределы, как сделать что бы о…
0 votes3 answers -
Помогите с версткой
В верстке я еще новичок такшо если вопрос прозвучит странно то не пинайте) На изображении показано макет моего сайта. Вопрос в том как "Блок 2" переместить на "Место блока 2". Но при этом "Блок 1" должен остаться на своем месте а "Блок 2" должен прижиматись до футера. Буду очень признателен за любую подсказку или решение проблемы !
0 votes3 answers -
Помогите, пожалуйста, понять неправильное поведение в IE7
Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…
0 votes3 answers -
как сделать прозрачный градиент?
сабж. от черного допустим к прозрачному
0 votes3 answers -
Несколько вопросов
Есть несколько вещей, которые хочу реализовать, но такого еще никогда ни делал. 1. Есть кнопка - сделать стартовой, нужно чтобы она делала стартовой в IE, а в остальных перебрасывала на страницу со справкой. 2. Хочу сделать смену фона(изображение) страницы, чтобы юзер сам мог выбрать изображение из доступных. Много пишут о том, как цвет изменить, но это немного не то. 3. Еще хотелось бы сделать смену цветовой схемы на сайте: есть кнопка, юзер жмет и она переключает один css файл на другой. Вот как это все сделать? Еще же нужно для двух последних, чтобы видимо через cookie пользователя запоминал на какое-то время...
0 votes3 answers -
Изчезает слайд в ИЕ
Вот сайт Проблема в том что в ИЕ8 третий слайд просто напросто изчез
0 votes3 answers -
Кнопка в виде текста
Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.
0 votes3 answers -
Ширина макета
Прочитал кучу тем, везде разные мнения на счет ширины макета. Макет под фиксированную ширину. Под 1024 нашел три мнения: Ширина 960 или 990 или 1000. Что выбирать и почему? А под 1280 какую ширину нужно делать?
0 votes3 answers -
выравнивание текста по вертикали в гор. меню, проблемы с ие
Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…
0 votes3 answers -
Как сделать так что бы таблицы стояли рядом
<table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>
0 votes3 answers -
Растягивать ячейку по высоте
Нужно сделать таблицу что бы когда ми вставляли бы текс неизвестного размера то она бы растягивалась в высоту. Ширина таблицы - фиксированная. Ограничивал ширину ячейки и всей таблицы, но результат один и тот же- текст выходит за пределы ячейки. Подскажите как такое сделать пожалуйста. На картинке показан желаемый результат
0 votes3 answers -
таблица в таблице
есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…
0 votes3 answers -
Проблемка с отступами в фф 5
Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте
0 votes3 answers -
Не получается
Макет Скриншот Весь текст должен быть справа от картинки. А он у меня туда не влезает. Почему так может быть?
0 votes3 answers -
html5 + <nav>
Источник: http://htmlbook.ru/html5/semantics Раздел: Навигация В статье указан пример навигации в HTML5: <nav> <div id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li><a href="#">обо мне</a></li> </ul> </div> </nav> и прочитав этот код возник вопрос: А разве так нельзя? <nav id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li>&…
0 votes3 answers -
Резиновая шапка с картинкой
Здравствуйте. Есть резиновый сайт. У него есть резиновая шапка. Шапка состоит из 2-х частей. Левая с логотипом имеет фиксированный размер, её не трогаем. Правая же часть шапки должна тянуться под текущий размер окна. Проблема заключается в том, что эту часть шапки целиком должна занимать картинка. Картинка имеет размер примерно в 500пкс, её спокойно можно повторять в шапке. Однако если сделать повторение свойством css repeat-x, то в броузере появляется горизонатльная прокрутка. Есть ли способы не показывать полосу горизональной прокрутки, показывая картинку под обрез? Overflow-x позволяет не показывать ту часть картинки, которая не помещается, но этот вариант мне не подх…
0 votes3 answers -
Перенос слов в таблице
Есть таблица, ячейка которой формируется кодом <td class="views-field views-field-field-addition-newnode-value"> <?php $node->field_addition_newnode[0]['view'] ?></td> Этой ячейке задана ширина .views-field-field-addition-newnode-value {width: 11%;} И в Opera она строго соблюдается: ширина 11%, не умещающиеся слова переносятся на следующую строку. Но Firefox и Chrome слова не переносят и растягивают ячейку, а с ней и всю таблицу, пока не поместится полностью всё [самое длинное в строке] слово. Фиксированная ширина, word-wrap, text-overflow не помогли. Чем заставить FF и Chromium переносить слова?
0 votes3 answers -
Как так сделать?
Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?
0 votes3 answers -
Фон под соседний блок
Народ, есть проблема с блоками небольшая... Делаю тему по этому шаблончику: http://csstemplater.com/result/layout_xhtmls_fix_lcr_s2_fb_1.zip Кратко - прижатый подвал постоянно книзу... если окно сужать - будет повышаться пока не упрется в контент, если контента больше, чем на страницу - подвал будет изначально ниже окна и появится перемотка вниз... Все хорошо, но вот потребовалось чтобы на фоне подвала была картинка и чтобы она вела себя также как и подвал, но при доходе контента до подвала чтобы картинка на 100 точек уходила под контент... Реально ли это сделать и как? Пробовал по всякому... картинка либо лезет и выше - не останавливается когда подвал останавливается, уп…
0 votes3 answers -
Резиновый макет с контентом в центре с полосой прокрутки
Подскажите как реализовать такой макет правильнее? Этот неправильно отображается в старых IE, мобильных браузерах, возможно где-то ещё.. http://jsfiddle.net/QeW7E/ <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8" /> <style> * { margin:0; padding:0} body { width:100%; height:100%; background:#CCC;} #wrapper { width:1000px; height:100%; margin:0 auto;} #header { width:100%; height:200px; position:absolute; top:0; background:#EEE;} #content { width:1000px; position:absolute; top:200px; bottom:200px; background:#999;} .sidebar-left, .sidebar-right {float: left; width: 200px; height: 100%;} #center { width:600px;…
0 votes3 answers -
автодобавление ссылки cайта на картинки
помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..
0 votes3 answers -
Проблема верстки
Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…
0 votes3 answers -
позиционирование фона
Есть фоновое изображение, необходимо прикрепить его таким образом, чтоб при ресайзе окна привязка была была к центру документа, а фон просто подрезался... Вот тут пример _http://forum.eve-ru.com Я честно говоря уже голову сломал, второй день вожусь. Пробовал передирать цсс, не работает. Премного благодарен.
0 votes3 answers -
С чего начать?
Задумал создать сервис на подобии gradus.mobi, каких он требует вложений и с чего стоит начать?
0 votes3 answers -
Как правильно
Здраствуйте, у меня вопрос по rel = no index no follow. Первое это как правильно писать и ли можно для каждой ссылки отдельно указать этот тег. И как я читал в Интернете, они блокируют унос тИЦ и PR вместе с ссылками, да? Ответьте плз, буду очень признателен. Заранее благодарю. © Постоянный попрошайка ответов Shader P.S. Не отказывайте постояльцам
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-