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
-
Legend
Как сделать чтобы legend не заходила на рамку fieldset?
0 votes1 answer -
Не получается нормально приделать фон к ссылке
Всем привет, Возникла проблема, которую не могу решить уже несколько дней. Есть ссылки, к которым я хочу привинтить фон так, чтобы получилась кнопка. Вот так это выглядит сейчас: Вот сам файл из которого копируется фон: И вот CSS код, описывающий всю эту хрень. @CHARSET "UTF-8"; .pcb, .pcb span { background: url('../images/header/buttons/header-button.png') no-repeat; line-height: 29px; padding: 4px 5px 7px 5px; font-size: 14px; } .pcb, a.pcb:link, a.pcb:visited { color: #ffffff; font-size: 14px; padding-left: 14px; text-decoration: none !important; } * html div#frame .pcb { color: #333; padding-top: 0px; padding-bottom: 0px; text-decoration: none; } …
0 votes2 answers -
Помогите найти проблему
Добрый день. Есть страница http://olymp-travel.ru/countries/asia/china/shopping.html На ней цепляется два css файла: main.css и asia.css В первой есть стиль: #maintext img { float: right; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; border:none; } а во втором: div.products div img{ display: block; margin: 0 auto; float: none; } На странице есть код <div class="products"> <div class="prod_left"> <img id="dress_img" ля-ля-ля /> </div> </div> который является содержимым тега <div id="maintext"> таким образом получаем пересечение стилец для img, Я только начинаю с css, но мне кажется что настройки div.products…
0 votes4 answers -
Разница между (pading,marging) и top px, botton px,left px, right px,
Ребята простите за простоту вопроса! часто пользуюсь: top px, botton px,left px, right px, Но есть также: pading,marging А особенно при позиционировании часто использую: pozicion: absolute; top px, left px, Подскажите пожалуйста разницу между ними! СПАСИБО!
0 votes2 answers -
Не могу поправить местоположение кнопки в меню.
Все показал на картинке. Если кто-то не понял, то нужно перенести вкладку под меню. .menusys_mega { } div.subwrap-inner { display: block; width:auto !important; } #menusys_mega .menusub_mega { position:absolute; display:block; z-index:999; } #menusys_mega { margin: 0; overflow: hidden; } #menusys_mega > li { padding: 0 ; margin:0 1px 0 0; float: left; } #menusys_mega li.active a { } #menusys_mega li.last-item { background: none; } #menusys_mega > li > a { padding: 0 15px; display: inline-block; text-decoration: none; font-size: 18px; color: #d5e5f5; text-shadow: 0 1px 1px #165a9f; line-height: 47px; } #menusys_mega > li:hover, #menusys_mega > li:active, …
0 votes4 answers -
Карты Google
День добрый! Хотел установить карту гугл на сайт, она должна быть "чистая" без кнопок, только с одной меткой на карте. Но как выяснилось чтобы их удалить нужно с JS возится, я его еще не знаю. Если кому не сложно можете написать здесь пример кода? Спасибо!
0 votes6 answers -
изменение пропорций шрифта
помогите пожалуйста в карусельке сделать шрифт пропорционально изменяющим свои размеры в зависимости от размера родительского блока страничка текст в .bottom на среднем слайде выглядит как нужно. проблема в том, что на соседних слайдах текст такой же величниы , несмотря на то, что размеры родительского контейнера изменились
0 votes2 answers -
CSS: вопрос по разметке блоков
Какие нужно задать свойства блоку, чтобы он имел фиксированную ширину и произвольную высоту?
0 votes2 answers -
Псевдоэлементы ie
Привет всем! .tel:before { content: ""; background: url(img/phone.png); width:37px; height:47px; float: left; position: relative; top: -14px; left:-10px; } В ie не сработает top и left почему?
0 votes3 answers -
Помогите советом
Всем привет, нужен совет, имеется такой макет http://take.ms/Ilt68, 1800px по ширине, вырезал слайдер из фотошопа и он не помещается на экране , возможно ли сделать что картинка со слайдером сжималась при меньшей ширине экрана ? Или надо макет меньший по ширине сделать ? Вот что получилось в итоге по верстке http://co28653.tmweb.ru/?clear_cache=Y
0 votes2 answers -
Баг Google Chrome
В браузере Google Chrome, при уменьшении ширины окна изменяются блоки, правая колонка встаёт вниз, за блок новостей. Но вот при увеличении ширины, блок с баннерами не встаёт на место. В FF, IE бага нет, а вот в GC есть. MP4 видео - http://i.gyazo.com/f106fdf09ff2831732239ced150f4f60.mp4 В чем проблема, как исправить?
0 votes1 answer -
Сайт не работает в ИЕ
Здравствуйте, ребята. Возникла боль в ИЕ - http://landpage.gezerweb.com/ Сайт-контруктор, там где текст - при клике появляется поле для редактирования. Эта гадость не работает в ИЕ 11. Есть свои косяки и в версиях ниже, но это решаемо с pie.htc. Может быть проблема в лпагине редактирования? Та то он срабатывает, но текста при этом в ИЕ11 нет. Шрифты отсюда - http://fonts.googleapis.com/earlyaccess/alefhebrew.css Думаю, дело в них. Сайт на вордпрессе. Всем шолом и алейхем
0 votes1 answer -
Необходима помощь с выпадающим меню
Здравствуйте у меня имеется изготовленное горизонтальное меню необходимо сделать некоторые пункты выпадающими, но все усилия тщетны.
0 votes5 answers -
Создание шаблона для своей CMS
Решил написать свою CMS... Трам-пам -пам добрался до шаблона. Незнаю как лучше, но привык выводить нужные блоки методом <div class= "left"><?php echo $template->module_left; ?></div> Но что-то в последнее время посматриваю как сделано в Joomla <div class= "left"><jdoc:include type= "module" name= "left"></div> Как Джумла обрабатывает шаблоны? Стоит ли вообще использовать такой метод?
0 votes1 answer -
Помогите прижать "сайтбары" к подвалу....
Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…
0 votes3 answers -
Глюки Dreamweaver'a
Тему запостил сюда, так как более подходящего форума из имеющихся не нашел. Проблема заключается в программе Dreamweaver. Вплоть до версии Adobe CS4 особых проблем у меня с ним не наблюдалось. И вот угораздило установить пятую версию «сюиты». С Дримвивером начались глюки. Главным образом, это связано с хоткеями. Поначалу всё работает нормлально. Потом внезапно Ctrl+C и Ctrl+V либо вовсе перестают работать, либо начинают выдавать сюрпризы, выполняя совершенно иные команды. Вопрос: сталкивался ли кто-нибудь с подобным? Есть ли способы одолеть эти траблы?
0 votes1 answer -
Вставка музыки на сайт
w'z Как вставить музыку на сайт, без плеера, просто звук
0 votes2 answers -
Несколько вопросов по структуре table
Доброго дня уважаемые. Подскажите почему "Шапка сайта" равняется по классу body_l, когда в классе header ничего не задано ? Как можно сделать чтобы "Шапка сайта" была одной колонкой и по середине? Вот мой код: <table> <thead> <tr class="header"> <td><b>Шапка сайта</b></td> </tr> </thead> <tbody> <tr class="body"> <td class="body_l">Left</td> <td class="body_c">Center</td> <td class="body_r">Right</td> </tr> </tbody> <tfoot> <tr class="…
0 votes1 answer -
Выравнивание таблиц
Необходимо выровнять таблицы по центру следующим образом: Красный элемент - любой невидимый элемент, расположенный по центру страницы. Его ширина равна ширине самой широкой таблицы (извиняюсь за тавтологию). Синим цветом обозначены таблицы, которые выровнены по левому краю относительно красного элемента. Рассматривается только горизонтальное выравнивание. Как это реализовать? Какой тег можно использовать в качестве красного элемента? Заранее спасибо.
0 votes3 answers -
Форма вместе с <iframe>
Помогите пожалуйста мне решить вот такую задачу....... Нужно чтоб на странице была форма с полем ввода и кнопкой а также элемент <iframe>. Форма служила бы поиском, а результат поиска должен отображаться в <iframe>. Поиск должен быть с использованием Google. Буду очень благодарен...
0 votes1 answer -
Таблицы
Здравствуйте, недавно решил сделать на сайте стол заказов и связи с этим необходимо было создать таблицу с информацией о заказах. Основной проблемой является заголовки колонок которые так и норовять выйти с новым заказом. Пробовал использовать <thead> но эффекта ноль. Может быть Вы поможете. Вот адрес стола заказов Моя ссылка Вот норовитый код <table border="1" width="100%" cellpadding="5"> <thead> <tr> <td> Дата</td><td>Название фильма</td><td>Год выпуска</td><td><b>Автор заказа</b></td><td>Статус</td> </tr> </thead> <tfoot> </tfoo…
0 votes5 answers -
помогите сделать таблицу table
вот такую http://nordtrest.ru/sneg/neg1.bmp
0 votes1 answer -
border у картинок-ссылок
Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…
0 votes6 answers -
Отображение на планшетнике
Здравствуйте. Не могу понять, почему этот сайт http://kroha-odeta.ru на АйПаде отображается криво. Он не влазит как бы. Дивы сползают А на этой странице http://kroha-odeta.ru/book/ на планшетнике крякозябры, а не буквы. Можете подсказать?
0 votes6 answers -
простая активная кнопка...
подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?
0 votes2 answers