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
-
тени по бокам сайта
Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…
0 votes5 answers -
Скрол в ячейке таблицы при высоте 100% экрана
В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …
0 votes11 answers -
Подскажите где менять
Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?
0 votes23 answers -
Как можно открыть нужную папку сайта в проводнике Windows?
Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.
0 votes6 answers -
ul: margin: 5px;
ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?
0 votes2 answers -
Hit Bug in Firefox and Flash
Баг связаный с флешем в мазилле кто знает как обойти? position absolute и fixed не катит.
0 votes6 answers -
Верска на вылет
Добрый день! Подскажи как сверстать? есть ширина основного контента 1024. под ним идет фон шириной 1500. Требуется сделать так, чтобы у всех мониторов разрешение которых больше чем 1024 обрезался фон по краям, т.е. не появлялась горизонтальная полоса прокрутки, а для тех у кого меньше 1024 - появлялась полоса прокрутки. Желательно при этом не использовать javascript
0 votes9 answers -
Перевод на div нужна помощь
Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <b>{title}</b> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b>{link-category}</b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> Тут Класс upzalivnews содержи…
0 votes5 answers -
Меню с закруглёнными углами
Доброго времени суток! В общем проблема такая. Есть верхяя менюха. При наведении на пункт background-ом должно быть изображение. Оно с закругленными углами. И оно должно тянутся в зависимости от количества символов. Помогите люди добрые. Подскажите как такое сделать??? вот пример http://itmages.ru/image/view/309842/e7c5ce56
0 votes21 answers -
Background на весь экран браузера
Помогите пожалуйста сверстать такой фон для сайта. Нужно чтобы он занимал все окно браузера. Фон такой Что посоветуете?
0 votes2 answers -
Фоновый рисунок в IE6 и IE7
У меня на сайте вставлен рисунок в таблице как фон - .В эту ячейку вставлена табличка со своим фоном (через ID) В IE6 вс? прекрасно. А вот IE7 эти фоновые рисунки не отображает. Никакой информации что загружено с ошибками нет или что что-то недогружено нет. Символов незагруженных картинок на страничке нет. При просмотре HTML-кода в браузере - вс? на месте. Остальные рисунки прекрасно отображаются. Подскажите в ч?м дело? Специально сходил в Интернет-кафе, наш?л комп. с такой же версией браузера, там такая же пустата на месте фона.
0 votes6 answers -
не понимаю логику позиционирования
Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!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> <title></title> <meta http-eq…
0 votes13 answers -
Посоветуйте книги по профессиональной верстке
Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.
0 votes2 answers -
Репитнуть элемент
Нужно сделать так, что бы див репитился до самого низа страницы. В CSS: #bkbg { background-image: url('img/bkbg.png'); background-repeat: repeat-y; width: 254px; height: 100%; } В HTML: <div id="bkbg"></div> Как делать подскажите!
0 votes13 answers -
Фон в Opera и Mozilla Firefox, прокрутка в Opera
Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…
0 votes2 answers -
Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку
Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).
0 votes6 answers -
ul li с птичкой
Добрый день вот кусок кода html <ul> <li><a href="landscapes.php?t_dir=Olga">ОЛЬГА</a></li> <li><a href="landscapes.php?t_dir=Julia">ЮЛИЯ</a></li> <li><a href="landscapes.php?t_dir=Rimma">РИММА</a></li> </ul> css ul { margin: 20px; padding: 0; list-style-image: url(../images/list_icon.png); } ul li { margin: 0 0 15px 0; padding: 0 0; } Существует ли способ ставить только одну птичку в выбраной строчке li? Все что я нашел - это стремная переделка input с радиокнопкой. Может кто помочь пожалуйста?
0 votes11 answers -
Media queries самые ходовые
Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо
0 votes5 answers -
Минимум DIVа
Возможно ли с помощью одного "дива" отцентрировать контент. На сайте Лебедева пишут что "все очень просто", используя три. Text-align должен быть left.
0 votes3 answers -
Добавление материала на сайт пользователями.
Здравствуйте! Заранее прошу прощения, если задаю вопрос, который уже обсуждался. Пока я в строительстве сайтов мало смыслю, поэтому прошу строго не судить. Я хочу на свой сайт добавить возможность пользователям добавлять материал. Вот как примерно это должно выглядеть: Имя файла: |строка| Картинка:|строка| и так чтоб параметры картинки не превышали 250х250 Описание:|строка| Ссылка на файловый хостинг:|строка| Если это не так сложно делается, то очень прошу помочь. И вот систему поиска тоже не плохо бы, но это потом. А то пока искать нечего. П.С. Мой первый месседж.
0 votes5 answers -
Не обновляются стили.
Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.
0 votes6 answers -
Выравнивание по центру списка
Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…
0 votes16 answers -
Многоуровневое выпадающее меню на CSS
День добрый. Пытаюсь создать многоуровневое выпадающее меню. Пока, все устраивало. Но в IE 9 (другого нет, подскажите, где взять сборку версий без установки - буду благодарен), появились непонятные отступы. Почитал кучу статей, пробовал разные меню, но они не совсем подходят. Помогите, пожалуйста. Пример здесь Меню
0 votes1 answer -
bootstrap от twitter
Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?
0 votes7 answers -
Раскрывающийся по клику список
Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?
0 votes6 answers