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
-
Ширина ячеек таблицы
Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!
0 votes11 answers -
img hover
pls help) http://jsfiddle.net/kfs7e19p/40/ что-то туплю, можно сделать на css чтоб вторая картинка меньшего размера оказалась сверху первой? или надо js использовать?
0 votes3 answers -
установка максимальной ширины страници
доброго вам времени суток!!! подскажите пожалуйста как задать чтобы страница была "не больше чем"??
0 votes4 answers -
Изменить цвет фоновой картинки
Есть некий элемент, скорее всего inline - span или a, например. У этого элемента установлено два стиля. Первый задает фоновое изображение вдоль нижнего края. Изображение не сложное, пусть оно состоит из двух цветов: черный и прозрачный. Второй стиль должен задавать цвет изображения, заданного первым стилем. Это возможно?
0 votes7 answers -
В ИЕ не отображается background-image
В ИЕ не отображаеются background-image которые отлично видны в Mozilla и опера Вот страница - (url - убрал) Скрин в Мозилле Вот скрин в IE7 Код CSS в общем стиле h2.contentheading, .contentheading {padding:3px 0px 6px 43px; margin:0px 15px 25px 0px; font-size:14pt; color:#ae8a55 !important; font-weight:normal; background:url(../images/header/hrSborPng-c.jpg) center left no-repeat; border-bottom:1px solid #ae8a55; } .componentheading { padding:0px 0px 0px 40px !important; height:38px; font-size:180%; font-weight:normal; color:#ae8a55!important; background:url(../images/header/hrSborPng-b.jpg) top left no-repeat; margin:0px 15px 25px 0px; d…
0 votes4 answers -
У лисы проблема с float
В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…
0 votes19 answers -
[+] исхищрения
Часто мы используем + после кликабельного текста в результате клика на который появится некоторая дополнительная информация. В этой связи имеет смысл решение следующей задачи: Необходимо средствами HTML и CSS реализовать без использования дополнительных картинок следующий объект: моноширинный + помещён в рамку толщиной 2px и расстояние между хвостиками плюса и рамкой 2px. Также для достижения большей универсальности заготовки полезно будет добиться того чтобы объект не реагировал на изменение размера шрифта. Кроме всего прочего необходимо обеспечить возможность не затруднительного (копипастой) добавления такого объекта непосредственно после текста.
0 votes4 answers -
Скрипты всплывающих окон
Ребята привет. Прошу помощи. ПРоблема в том, что шаблон не воспринимает всплывающие окна. дело либо в вёрстке шаблона, либо в самом файле стиля .css. Проверял скрипты всплывающих окон на стандартных шаблонах, всё работает, а на это не хочет хоть ты убей... Что нужно выложить вам, что-бы посмотреть в чём проблема? (файлы .css, ссылку на шаблон) ?
0 votes3 answers -
Табличный дескриптор <li>
Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(
0 votes5 answers -
Правильная верстка?
Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)
0 votes4 answers -
Как сделать, чтобы фон сайта (картинка бэкграунд) не обрезалась при разных расширениях экранов?
Вот здесь или вот здесь Обрезает на 1366X768, а на 1280Х1024 показывает полностью. Подскажите, как сделать, что бы, если картинка не умещалась в экран, то она не обрезалась, а либо появлялась прокрутка, либо она умещалась? А вот сама картинка И как правильнее сделать фоном картинку? У меня есть (другая) картинка: 3500 Х 2625 и мне нужно её фоном поставить. Подскажите пож-ста?
0 votes2 answers -
Градиент, IE9
Привет! Сегодня заметил такую вещь - задаю фон дива градиентом, все нормально. Добавил скругление углов - и фон вылез за рамки самого дива. Вот пример Какое решение может быть для IE9 ? В остальных браузерах все нормально
0 votes4 answers -
Формы и масштабирование
Подскажите, пожалуйста, по использованию форм. Если создать контейнер с заданной высотой и туда вставить форму, то при уменьшении масштаба форма начинает выходить за пределы контейнера. Подскажите, почему так происходит и как с этим бороться? Пример: https://jsfiddle.net/hhrjpjg3/2/. Если уменьшить масштаб, то форма выйдет за рамки бордера. Скриншот проблемы: http://prntscr.com/9hjgqk
0 votes5 answers -
Сервис для создания страницы-редиректа
Есть ли какой-то сайт, который позволяет пользователю создавать одну пустую html-страницу, которую он может использовать под свои цели, в том числе, сделать с неё моментальный редирект? Чтобы были красивые адреса не интересует, просто рекомендовать каждому под такую нужду заводить себе полноценный сайт — это не самый оптимальный ход Подобно сервисам размещения изображений, только размещение html-страниц, с более-менее адекватным сроком хранения. Отсутствие регистрации, платы были бы чертовски приятным плюсом, но предложите хотя бы что-нибудь. В гугле не забанен, но он меня не понимает.
0 votes4 answers -
Полосы в psd макете & вопросы
Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…
0 votes5 answers -
Как адаптировать такой элемент ?
Помогите адаптировать такой странный на мой взгляд элемент. Я понятия не имею как такое адаптировать, макет только для десктопа.
0 votes7 answers -
Помогите сверстать макет div-ами
В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.
0 votes3 answers -
Подгон шаблонов под Joomla
Добрый день ФОрумчане ! Подскажите пожалуйста, как имея например шаблоны templatemonsters - сделать из него шаблон для сайта на движке Joomla ? может быть есть какой то гайд по этому вопросу ?
0 votes1 answer -
Тег <pre> вложенный в <code>. FF3.0
Ситуация состоит в следуещем: в мозиле текст обрамленный тегом <pre>, а тот в свою очередь тегом <code>, создает такое ощющени как-будто бы тег <pre> не вложен в тег <code>, а идет следом за ним. Тем самым браузер показывает что тег <code> пустой. В опере все нормально. Как разрешить такую ситуацию?
0 votes1 answer -
выровнять слой
вот хотелось бы что внутренний слой помещался во внешний <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #content { margin: 0px; padding: 10px; width: 100%; background-color: grey; } #content-inner { margin: 10px 0 10px 0; padding: 5px; background-color: maroon; } </style> <title>Layout</title> </head> <body> <div id="content"> Lorem ipsum dolor sit a…
0 votes2 answers -
Изчезает слайд в ИЕ
Вот сайт Проблема в том что в ИЕ8 третий слайд просто напросто изчез
0 votes3 answers -
Не отображается картинка тега <img>
Здравствуйте. Не отображается картинка: <img class="picture" alt="" src="/images/heart.png"> Название картинки и путь правильные. Почему?
0 votes2 answers -
Проблема с интервалом между двумя input
Приветствую, занялся изучением css и html, начал проект для работы, пока только внешний вид, функционал будет потом и сразу же наткнулся на проблему http://paint-keeper.ru/inputdisign/test.html здесь пример не могу уменьшить интервал (вертикальный) между двумя input (fieldset "Формула"), убираешь из кода input'ы все нормально отступ по 1px сверху и снизу, как вставляешь input начинаются проблемы, помогите пожалуйста, код валидный проверил, перепробовал все что нагуглил, не получается.
0 votes9 answers -
Оптимизация скорости загрузки фоновых изображений
Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…
0 votes2 answers -
Масштабирование для iphone
Ширина сайта 480px, а у iphone 320. Как правильно смасштабировать сайта для iphone?
0 votes14 answers