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
-
Помогите с expression(document.getElementsBy
Привет всем. Вот вожусь с проблемкой - необходимо сделать отступ дива относительно контейнера/другого дива. В CSS пишу left: expression(document.getElementsById( 'container' ) + 300px'); но что-то пока не работает. подскажите как сделать. Спасибо.
0 votes3 answers -
в файрфоксе все отлично, а в ИЕ - все разламывается
такая проблема - сверстал страничку таблицами в хтмл, ну немного цсс еще в голове добавил. в файрфоксе все смотрится отлично - однако, при открытии в ИЕ этот сраный браузер зачем все нахрен наперекосяк сдвигает - логотип разламывается, вырание по центру сбивается, половина текста куда-то пропадет.. подскажите, пожалуйста, если кто знает, из-за чего это может быть.. вот код страницы: <html> <head> <title>Наружная реклама с расчетами по бартеру</title> <style type="text/css"> body { background: #ffffff; margin: 0; padding: 0; spacing: 0; } a { text-decoration: underline; font-family: Verdana, Tahoma, Arial, sans-serif; } a:hover …
0 votes9 answers -
Проблема с float
Столкнулся с проблемой - если к стилю подключать float:left/right; то этот div выходит изза мейн дива вниз,причем они не стоят около друг друга как по сути должны(раз флоат есть), а тот кто выше в коде ,тот и стоит выше. В IE8 такого косяка нет,есть косяк связанный с этим же с футером. А вот в firefox все перекашивает ппц. Пробывал создавать 2 мейн дива один за другим,не помогает. html <body><center> <div id="uppercontent" > <div id="head" > </div> <div id="sponsors"> </div> </div> <div id="mainpart"> <div id="leftmenu"> </div> <div id="maincontent"> </div> <div id="footer"> Footer </d…
0 votes16 answers -
Размещение объектов дугой...
Ранее в осном объекты размещал по странице с помощью таблици, а тут столкнулсь: надо разместить 7 Rollover картинок дугой из левого нижнего угла к правой стороне. Подскажите как сделать
0 votes7 answers -
Проблема с position: absolute IE6
Народ всем привет, возникла очередная проблема в ИЕ6, раньше с ней не сталкивался, вот тут исходник http://shinoda.ru/bug_fix/verstka/main.htm Если посмотреть в ИЕ6 то блоки #menu_item№_area почему то имеют начало координат будто внутри блока #girl_area но на самом деле это не так если посмотрите по коду они находятся в #content_obertka, и у всех #menu_item№_area стоит позишн абсолют, а у род блока (#content_obertka) как и положено позишно релатив, так почему ИЕ6 отсчитывает от блока girl_area, если идеи?
0 votes6 answers -
Скролл сдвигает блоки
Здравствуйте, на сайте есть главный блок wrapper, в котором находится весь контент. На главной странице, где есть вертикальный скролл все выглядит хорошо и красиво. Но на страничке с продуктом (или Contact или About), где контента не достаточно для того что бы появился скролл, меню сдвигается вправо на количество пикселей равное ширине скролла браузера. Не подскажете ли как от этого избавиться, нужно что бы независимо от того есть ли скролл или нет, контент был отцентрирован одинаково на всех страницах. Спасибо заранее
0 votes7 answers -
Резиновая верстка нестандартных фонов
Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!
0 votes5 answers -
Выравнивание ячеек в соседних таблицах
Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода
0 votes8 answers -
В Mozilla cлои перескакивают, в IE - нет
Привет! Есть небольшие непонятки относительно поведения двух слоев в контейнере при использовании min-width: в IE слои слушаются этот min-width и не перескакивают друг под друга, а в Mozilla - перескакивают... Это почему происходит и как это вылечить. Код дивов: <div id="menu_niz"> <div id="menu_niz_left"></div> <div id="menu_niz_right"></div> </div> CSS: #menu_niz { position:absolute; width:100%; height:47px; top:100%; left: 0; margin-top: -92px; z-index:4; color: #FFFFFF; font-family: Tahoma, Verdana, Arial; font-size:14px; font-weight:bold; min-width: 965px; } #menu_niz_left { float:left; margin: 15px 0 0 5px; co…
0 votes6 answers -
Аналог font size
В справочнике здесь написано, что font size=3 можно заменить на font-size:medium; в Firefox размеры совпадают, а в Опере и ИЕ - он крупнее. Small совпадает в опере, а в Firefox он меньше.
0 votes7 answers -
trebuchet ms, ине только
По какой-то непонятной причине у заказчика в 7 осле вместо Требучета отображается Ариал. Требучет у него установлен точно. Методом научного тыка выяснили, что проблема не только с этим шрифтом и уже не первый раз. Заказчик утверждает, что однако же есть страница, на которой требучет требучетом у него отображается. Мистика.рряюсь в догадках Протестрировала в ie tester, запустилась под вистой и проверила в 7 - с отображением шрифта все в порядке. Те
0 votes16 answers -
Проблема с позиционированием в FF
Привет всем. Я не профи, скорее любитель. Недавно переделал тему для одной GPL-платформы, но мой товарищ прислал скрин с офигенным косяком, который у него в FF. (скрин). Как видно, блок меню сдвинут влево(((. Причём у меня такого косяка в FF не наблюдается. Помогите пожалуйста разобраться в стилях, что бы было кроссбраузерно. Вот макет. Заранее благодарен, бью челом.
0 votes4 answers -
ie6 траблы
Посетить мою домашнюю страницу 1.Подскажите как убрать промежуток который образуется в ie6 между меню и хедером.Исправленно 2. Ещо на странице Вакансии ширина конт-бекграунда розширяется, становится шире хедера и футера. Как это все пофиксить в ie6???? 3.И ещо забыл, что-то не пойму почему wrapper не центрируется, может связяно с предвидущими проблемами. Зарание спасибо.Исправленно
0 votes10 answers -
Нулевая высота блока, в котором блок div с картинкой без указанной высоты
Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…
0 votes2 answers -
"Подсветка" заголовка активного раздела... как?
Имеется страница с таблицей. В ячейках таблицы - ссылки... Ссылки - передают ID раздела и ID элемента в ПХП модуль фотогалереи... пример: Все процедуры производятся только в пределах этой страницы - переходов никаких нет... Просто показываем разный набор картинок для разных ссылок... И вот вопрос!!! Очень нужно, что бы выбранная ссылка (раздел) меняла цвет после выбора и так и оставалась до следующего выбора... Как бы подсветка заголовка... Посмотреть можно по ссылке выше... Очень надеюсь на помощь так как сам не программист и сам не могу додуматься как это реализовать ((( Для справки - сайт крутится на БИТРИКСЕ... Но я не думаю что это важно...
0 votes7 answers -
Редактор для вёрстки Sublime Text 3
Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?
0 votes6 answers -
Почему справа нет отступа
Почему в FF 3.0.5 и Хроме 1.0.154.43 нету справа отступа? В IE7 есть, 10px как и положено. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>CSS</title> <style type="text/css"> body { margin:0; padding:0; } div { width:100%; margin:10px; color:white; background-color:blue; } </style> </head> <body> <div>Красивый заголовок на синем фоне</div> </body> </html>
0 votes10 answers -
меню
.......................
0 votes6 answers -
Пустое место
Уважаемые! Столкнулся с данной проблемой... есть картинка в диве и текст , при наложении текста на картинку остается пустое место там где текст появился изначально и на это место положить можно ток позиционированием. Основная проблема в том что бэграунд (картинка на весь контент) растягивается ровно на столько сколько занимает текст. Надеюсь я изложил все так как надо помогите советами. Буду очень признателен!
0 votes12 answers -
Меню с круглыми углами
Подскажите, пожалуйста, как сделать такое меню, целый день мучаюсь. вот код <div id="menu_bottom"> <span class="right"> <a href="#"><div class="top"><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div class="bottom"><span>Пункт 1</span></div></…
0 votes17 answers -
В ИЕ7 смещение на 1px... Подскажите почему?
Вот верстка: http://predvoditelev.ru/tmp/test_ie7_bug/main.html При нажатии на город отображается список городов с номерами. В большинстве браузерах отображается всё хорошо, а вот в ИЕ7 при открытии списка наблюдается смещение на 1px вниз, причем только для телефона... Отчего так?
0 votes19 answers -
классы для html и body в одном CSS-файле, но для разных страниц
object в IE6 осуществляется с рамкой и скроллбаром. для того, чтобы убрать это, нужно прописать в стилях следующее (так это или не так, прошу вас меня поправить!): html,body { overflow: hidden; border: 0px; } допустим, с этой проблемой я справился. однако, сами понимаете, вся страница теперь обделена сроллбаром, который может понадобиться. поскольку в object я помещаю html-страницу, я прописываю этот стиль ей, а не той, где object находится. в таком случае вс? работает как надо (ну или почти. в IE6 при проверке общего скроллбара, когда уменьшаю окошко до обусловленного предела, он появляется, а когда расширяю вновь, он должен исчезнуть, но этого не происходит. исчезает о…
0 votes2 answers -
Как растянуть меню во всю длину?
#menu{ min-height:100%; height:100%; position:absolute; padding-top: 38px; padding-left: 30px; padding-right: 30px; width: 240px; top:200px; background: #565656; } #content{ position: absolute; left: 300px; top: 100px; padding: 60px; padding-bottom: 10px; background: white; width:470px; align:center; } Как растянуть меню до низа страницы?
0 votes5 answers -
Вложенные дочерние селекторы в CSS
Допустимо ли в CSS записывать так: table#FrameID>tr>td ? И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?
0 votes8 answers -
CSS не могу поменять стиль ссылки
Я делаю дизайн для своего сайта, но возникла проблемка в файле CSS стилей. У меня указан стиль ссылок: a:link {text-decoration:underline; color:#4D6D91;} a:active {text-decoration:underline; color:#4D6D91;} a:visited {text-decoration:underline; color:#4D6D91;} a:hover {text-decoration:underline; color:#000000;} Но этот стиль так же действует и на заголовок новостей, а с тамашним фоном, этот цвет ссылок словается с фоном, я пытаюсь поменять цвет ссылок так: a.eTitle:link {text-decoration:none; color:#FFFFFF;} a.eTitle:visited {text-decoration:none; color:#FFFFFF;} a.eTitle:hover {text-decoration:underline; color:#FFFFFF;} a.eTitle:active {text-decoration:underline; color…
0 votes5 answers