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
-
Вопросы по резиновому дизайну.
Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…
0 votes9 answers -
Фиксировать положение элемента
Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…
0 votes8 answers -
Как сделать такой каркас...
Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...
0 votes11 answers -
Параметры тега <param>
Еще один вопрос по тегам. На этот раз - <param>. Кто-нить может подсказать, какие вообще бывают значения? Есть ли где-нить максимальное описания всех <param name=" " value=" " /> с описанием что там да как? Я кое что нашел, но хотелось бы получить более подробную информацию... Спасибо.
0 votes18 answers -
0 votes2 answers
-
Как сделать блок одним целым
Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…
0 votes2 answers -
Выравнивание картинки и текста
Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>
0 votes13 answers -
Ширина абзаца в ячейке таблицы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?
0 votes2 answers -
overflow: visible в IE
Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)
0 votes2 answers -
Css box
Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…
0 votes10 answers -
border groove и border ridge в IE
Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.
0 votes21 answers -
Как выравнить счечики посещений
Здравствуйте, у мня вопрос: Как выровнить счетчики посещений как на картинке(нижний вариант)? Нужно ли их заключать в один контейнер или в два как на картинке, чтобы в конечном итоге они шли попорядку в строчку слева - направо??? Спасибо.
0 votes7 answers -
Как убрать отступы внутри <form>
Здравствуйте, подскажите кк убрать отступы внутри <form> между элементами у меня прописан display:inline в опере и файрфоксе всё нормально, а в IE отступы вертикальные не могу убрать .
0 votes1 answer -
Фоновый рисунок во весь экран
Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо
0 votes46 answers -
Перекрытие границ?
Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?
0 votes12 answers -
Как взять нужные стили для блока?
Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?
0 votes10 answers -
Как сделать два рисунка для фона?
Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!
0 votes4 answers -
как дасть разным классам одни свойства
вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…
0 votes10 answers -
Ширина макета 1600px высота 1300px как сделать?
По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????
0 votes3 answers -
Вертикальная тонкая полоска
на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?
0 votes6 answers -
Старый больной Ослик
Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.
0 votes2 answers -
Статистические страницы
Доброго времени суток гуру форума ))) У меня такая проблема, З.Ы (пишу своими словами, тапками не кидать) Ну вот у меня есть сайт с 1 меню Главная и ссылкой на него glavnaya.html как мне сделать еще 1 меню контакте со ссылкой kontakt.html не копировая glavnaya.html тоесть если ети 2 странички будут то их легко переименовать и редактировать а если таких будет 100 тогда как поступить помогите с решением проблемы ! (извеняюся за непонятность) Заранее спасибо )
0 votes4 answers -
Центрирование на экране фиксированного элемента
Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;
0 votes13 answers -
Проблемка с меню
Доброго время суток всем! Прошу помочь с простым но хитрым меню! Проблема в том что один блок использует кусок другого, соседнего! Как это можно записать в цсс?! Наперед всем спс за помощь!
0 votes6 answers -
Не меняет цвет ссылки в ul li при hover
Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-