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
-
Расположение таблицы
Сделала таблицу просматрела на экране компьтера все хорошо, а на экране КПК все сбилось. Как сделать, чтобы она просматривалась одинаково хорошо и там и там.
0 votes5 answers -
Опять IE(((
Решил скачать шаблон сайта PSD и еще потренироваться верстать на слоях... Дошел до этого момента, пересматриваю в браузерах.. Опера - нормально, Фаерфокс - нормально, Гуглхром, Сафари тоже также, IE - чего!!??... Получается так, во всех браузерах кроме IE выглядит так: (снизил чуть качевство канечн) А в IE всё перекареживает, пытался, пытался всёравно или текст слит или как на картинке и слит и снесен... Что надо сделать или что неправильно? Код: <!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" …
0 votes6 answers -
в ie6 страница не отображается
Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru
0 votes6 answers -
SOS! Opera 10.62 лагает при стандартной задаче
Странно, но у меня ни когда не было проблем с Оперой 10* а теперь вообще необъяснимый для меня глюк (подробнее см. рисунок). Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?! HTML документа такой: <div id="header"> <div id="menu"> <ul id="nav"> <li class="m2"><a href="/portfolio" /></li> <li class="m3"><a href="/biografi" /></li> <li class="m4"><a href="/services" /></li> <li class="m5"><a href="/products" /></li> <li class="m6"><a href="/contact" /></li> </ul> </div> <div id="logo"><a …
0 votes6 answers -
Структура документа на HTML 5
Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …
0 votes7 answers -
Некоректно отображаеться содержимое в браузерах
Всем привет. Писал сайтик и сразу тестил его на хроме. В хроме все красиво и ровно, но во всех остальных браузерах наблюдаються нарушение либо стилей, либо отдельных елементов. Подскажите в кком месте искать проблему.
0 votes15 answers -
css глобальный стиль через класс и позиционирование элемента через id.
Собстевенно, есть сайт, в нем много страниц на которых содержатся (в разных местах) повторяющиеся элементы (кнопки, формы, чекбоксы, div и т.п.) со стилем заданным (css) через class, а позиционируются на станице эти элементы через id. Правильно ли это? Если нет, то как сделать правильно? Пример: <!DOCTYPE html><html> <head> <title>!DOCTYPE</title> <meta charset="utf-8"> <link href="main.css" rel="stylesheet" media="all"> </head> <body> <div id="id" class="class"> <p>Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования …
0 votes3 answers -
что зада?т параметр "nosorthandle"?
просматривал код одного сайта и наткнулся на вот это: ... <td width="145px" nosorthandle="1"> ... и ещ? вот ... < img nosorthandle= "true " ...
0 votes3 answers -
Резиновый трех колонных макет
Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu
0 votes9 answers -
Работа hover с .svg
Здравствуйте! Прошу помочь со следующей проблемой: пытаюсь сделать замену одной картинки на другую при наведении на неё курсора мыши с помощью псевдокласса "hover", но ничего не выходит, картинка имеет расширение *.svg. Результат следующий: область, где должна быть картинка, работает, как ссылка, при наведении, но там пусто (изображения нет ни исходного, ни при наведении)! html-код <div id="vk_f"> <a href="http://www.vk.com/" target="_blank" id="vk_f_1"></a> </div> css-код #vk_f { position:absolute; right:284px; top:85px; border:none; } #vk_f_1 { background: url(images/vk_logo_0.svg); …
0 votes9 answers -
Управление поведением списков
Возникла такая проблема... Дано: список, неважно, нумерованный или маркированный. Необходимо: добиться, чтобы при копировании списка номера или маркеры не копировались в буфер. При использовании IE маркеры и номера не копируются, однако в FF попадают в буфер обмена, в Опере еще не протестировано. Возможно ли как-то добиться того, чтобы в буфер в любом браузере копировался только текст? Делается это все для того, чтобы текст располагался на ?зебре?. Есть еще один вариант,? положить ?полосатый? фон под текст, согласовав ширину полосок с высотой строк, однако в FF при изменении размера шрифта все ?поедет?, поэтому такой вариант мне не нравится, хотя с точки зрения семантики …
0 votes5 answers -
Иероглифы в мозиле вместо русского языка ! В чем дело ?
Сделал сайт. На компьютере работает все хорошо и на мозиле и на гугл хром и на интернет експлоер и даже на нетскейп навигатор. Загрузил файлы на хост и появилась проблемма. IE и Гугл Хром отображают все хорошо а вот мозила и нетскейп навигатор вместо русского выдают иероглифы ! Помогите разобраться пожалуйста. В чем может быть проблемма ?
0 votes2 answers -
тег <img>
вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам
0 votes7 answers -
Не отображается в хроме шрифт Campus
Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным
0 votes5 answers -
2 разных беграунда
нужно реализовать такую вещь. на главной должен быть один беграунт на всю ширину страницы, а на внутрянках другой беграун (точнее тот же, только немного урезан). класс назначен на body не хотелось бы создавать два стилевых документа... спасибо
0 votes7 answers -
стили картинок в джумле
Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.
0 votes5 answers -
как прописать другой стиль текста вне css
есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?
0 votes5 answers -
input и градиент border
Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.
0 votes8 answers -
Отступы в макете и на сайте
Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.
0 votes7 answers -
Раскройка Бекграунда.
Привет народ, есть такой вопрос: можно ли задавать ЧАСТИ изображения её положение в Бекгроунде?.. Так косноязычно получилось В общем проиллюстрирую: Есть такая картинка квадрат: Рисунок.1 Это цельная, не резаная картинка. Можно ли её както разделить с помощью CSS, чтобы получился вот такой эфект Бекгроаунд? : Рисунок.2 Хотелось бы такое реализовать, изза желания в разных углах одного блока, использовать разные элементы оформления. Если предварительно нарисовать всё на одном изображении. Поделитесь идеями народ! P.s. не дорисовал до конца repeat-x/y, чтобы было нагляднее.
0 votes13 answers -
Проблема с float
есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <…
0 votes14 answers -
Наследование высоты блока
Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…
0 votes2 answers -
В Chrome не работает псевдокласс focus для моего кода. помогите разобраться!
Всем привет! помогите разобраться. очень нада. есть вот следующий код с эффектом раскрывающегося списка при клике на нем используя только css c псевдоклассом focus. хочу испольховать его. пример тут Но проблемма! В Chrome данный эффект не работает, а в остальных браузерах работает. если кто знает как эту проблемму можно решить? заранее благодарен.
0 votes3 answers -
Как присвоить стили CSS разным составляющим одного тэга <ul>
Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "Exemple" посередине между левой границей и "Home". Извините за неграмотное построение вопроса - я новичок... Вот код: HTML: <Doctype HTML> <html> <head> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="new.css"> </head> <body> <nav role='navigation'> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">Our team</a></li> <li><a href="#">History</a></li> </ul> </li> <li><a href="#">Cli…
0 votes9 answers -
присвоение классов элементам списка
Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там п…
0 votes10 answers