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
-
Таблица но на Дивах
ту задался решением создать таблицу на дивах. в принципе все было хорошо до того момента пока не понадобилось настроить высоту при жестко заданной высоте и превышению текста был вариант либо спрятать переполнение либо в ручную настраивать высоту каждой строки (что совсем не вариант ) если кто сталкивался с такими вопросами и решил их подскажите как P.S. главная задача не использовать <TABLE> пример кода: CSS <style type="text/css"> #tbl{ width:100%; } .widtbl{ width:310px; border-top: 4px solid #000; } .bottom{ border-bottom: 3px solid #000; float: left; width: 310px; } .row_1{ width:50px; border-left: 4px solid #000; border-bottom: 1px solid #00…
0 votes16 answers -
Объясните пожалуйста, как работает min-width
Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?
0 votes4 answers -
Ycxtn баннеров) помогите плиз
скажите пожайлусто можно ли ставить баннеры в css и как это сделать если можно? просто возникла такая ситуация когда баннер нужно вставлять только в css потому что больше некуда (тоесть нельзя так как от туда его легко удалят)
0 votes7 answers -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Как заблокировать вывод содержимого?
Здравствуйте. Я поставил чат себе на сайт с помощью IFRAME, но вместе с чатом выводиться лишнее содержимое. Как от него избавиться или на крайний случай закрить своим рисунком? Вот эта страничка: http://burshtyn.at.ua/ На рисунке я показал от чего я хочу избавиться: А может посоветуете другой чат, только простой с прямым входом без регистрации.
0 votes10 answers -
Div внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
Горизонтальная менюшка и не помещающиеся итемы
Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.
0 votes2 answers -
Вопрос По Контенту
Здравствуйте! Подскажите пожалста, такая ситуация: Есть главная страница сайта, на ней шапка, подвал и меню слева, по центру блок для контента. Как сделать, чтобы остальные страницы сайта открывались в блоке "Контент". Уже стоко инфы прочитал и форумов облазил, но ниче подходящего найти не могу. В каком направлении хоть двигаться? Заранее спасибо.
0 votes10 answers -
Блоки съезжают в firefox
Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …
0 votes5 answers -
Проблема с валидацией
Имеется такой файл: ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="pdd_style.css" /> <title>Документ без названия</title> </head> <body> <h1>Правила Дорожного Движения 2011</h1> <h3>4. Обязанности пассажиров</h3> <ul> <li><span class="point">5.1.</span>Пассажиры обязаны:</li> <ul> …
0 votes2 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
placeholder не отображается в chrome
Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/
0 votes3 answers -
Полупрозрачный фон в GIF
Есть фоновый рисунок у элемента, рисунок в gif формате, как сделать его полупрозрачным через фотошоп?
0 votes6 answers -
Проблема с тенью по бокам
Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол д…
0 votes6 answers -
Кроссбраузерный @font-face
@font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.
0 votes3 answers -
Попиксельная верстка и Arial regular в фотошоп и браузере
Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…
0 votes8 answers -
Как верстать сайты таких типов
как верстать сайты примерно по такому макету?? http://smu55.narod.ru/maket.html
0 votes9 answers -
margin-top смещает родительский блок вниз
Привет всем. Код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…
0 votes3 answers -
Создание меню в одной картинке
Столкнулся с такой проблемой... Охота сделать меню в картинке, при наведении на которую изменялся рисунок(hover, новая картинка поверх бэкграунда), а также чтоб каждая картинка работала как ссылка... Вот пример: Бэкгрануд имадж Рисунки при наведении(hover) и т.д. Рисунки (hover) специально сделал такого же размера как и бэкгрануд, чтобы координаты задавать одни и те же... Но тем не менее столкнулся с трудностями, не знаю как это применить... П.С.: Все картинки с прозрачным фоном... Желательно без использования JS... Заранее очень благодарен...
0 votes11 answers -
Рамка у textarea мешает дизайну.
Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти. И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос. На самом деле вопроса два. 1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается. .select{ width:100%; height:300px; margin:0px; border:0px solid black; } простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку? 2. …
0 votes18 answers -
svg-изображения в слайдере не отображаются в IE8 и ниже
Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались
0 votes3 answers -
При нажатии на кнопку появляется ненужный синий цвет
Добрый день. У меня при нажатии на кнопку, кнопка это кружок-картинка, выделяет его синим цветом + выделяет текст "ЗИМА". Можно ли это убрать как-то с помощью css?
0 votes4 answers -
Расположение ссылки на странице
Добрый день. Подскажите нубу как задаются параметры расположения текстовой ссылки на странице? Мне нужно, чтобы ссылка была в верхнем правом углу страницы (как вариант). Буду благодарен.
0 votes4 answers -
Ошибки валидации, ну объясните мне..
..почему в работах уважаемых веб-студий и топовых фрилансеров-верстальщиков куча ошибок (не редко больше сотни) при проверке на валидацию, как css, так и html. В чём тогда смысл фразы "верстаю валидно..." во всех их резюме? ну НЕ ПОНИМАЮ!
0 votes23 answers -
Некорректное отображение в IE
Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…
0 votes18 answers