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
-
Выравнивание ячеек в соседних таблицах
Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода
0 votes8 answers -
Очередной глюк ие6
Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?
0 votes7 answers -
Резиновая верстка нестандартных фонов
Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!
0 votes5 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 -
Проблема с 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 -
Проблема с 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 -
Проблема с позиционированием в FF
Привет всем. Я не профи, скорее любитель. Недавно переделал тему для одной GPL-платформы, но мой товарищ прислал скрин с офигенным косяком, который у него в FF. (скрин). Как видно, блок меню сдвинут влево(((. Причём у меня такого косяка в FF не наблюдается. Помогите пожалуйста разобраться в стилях, что бы было кроссбраузерно. Вот макет. Заранее благодарен, бью челом.
0 votes4 answers -
a:hover прописан для всех ссылок, но для класса img отдельно. И второй не работает
Прописал для всех ссылок a:hover свойство красного фона. Потом создал отдельный класс a.img, в котором находились изображения, чтобы под ними не появлялась эта красная полоса. Но она появляется несмотря ни на что.
0 votes14 answers -
Задачка интересная, чистый css
Доброй ночи, уважаемые пользователи форума. Столкнулся с задачкой, может я уже хочу спать или еще что то. Но почему то не могу решить одну задачку. И так, есть див. В нем есть заголовок и несколько параграфов. Ширина блока, фиксированная. Высота нет! Как только при помощи css создать еще 2 блока, и подложить их под первый и чуть чуть сдвинуть. дабы получилось что то вроде страниц. Проблема: для доп. блоков не могу указать высоту, потому что высота главного блока, для которого повторять нужно резиновая. Идеи: 1) использовать after, before <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <…
0 votes20 answers -
Скролл сдвигает блоки
Здравствуйте, на сайте есть главный блок wrapper, в котором находится весь контент. На главной странице, где есть вертикальный скролл все выглядит хорошо и красиво. Но на страничке с продуктом (или Contact или About), где контента не достаточно для того что бы появился скролл, меню сдвигается вправо на количество пикселей равное ширине скролла браузера. Не подскажете ли как от этого избавиться, нужно что бы независимо от того есть ли скролл или нет, контент был отцентрирован одинаково на всех страницах. Спасибо заранее
0 votes7 answers -
"Подсветка" заголовка активного раздела... как?
Имеется страница с таблицей. В ячейках таблицы - ссылки... Ссылки - передают ID раздела и ID элемента в ПХП модуль фотогалереи... пример: Все процедуры производятся только в пределах этой страницы - переходов никаких нет... Просто показываем разный набор картинок для разных ссылок... И вот вопрос!!! Очень нужно, что бы выбранная ссылка (раздел) меняла цвет после выбора и так и оставалась до следующего выбора... Как бы подсветка заголовка... Посмотреть можно по ссылке выше... Очень надеюсь на помощь так как сам не программист и сам не могу додуматься как это реализовать ((( Для справки - сайт крутится на БИТРИКСЕ... Но я не думаю что это важно...
0 votes7 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 -
Аналог font size
В справочнике здесь написано, что font size=3 можно заменить на font-size:medium; в Firefox размеры совпадают, а в Опере и ИЕ - он крупнее. Small совпадает в опере, а в Firefox он меньше.
0 votes7 answers -
Редактор для вёрстки Sublime Text 3
Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?
0 votes6 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 -
Почему справа нет отступа
Почему в 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 -
trebuchet ms, ине только
По какой-то непонятной причине у заказчика в 7 осле вместо Требучета отображается Ариал. Требучет у него установлен точно. Методом научного тыка выяснили, что проблема не только с этим шрифтом и уже не первый раз. Заказчик утверждает, что однако же есть страница, на которой требучет требучетом у него отображается. Мистика.рряюсь в догадках Протестрировала в ie tester, запустилась под вистой и проверила в 7 - с отображением шрифта все в порядке. Те
0 votes16 answers -
Вложенные дочерние селекторы в CSS
Допустимо ли в CSS записывать так: table#FrameID>tr>td ? И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?
0 votes8 answers -
Div и картинки. Адаптивная верстка
Здравствуйте, уважаемые посетители форума. Замучался решать вопрос, он следующий. У меня есть скрипт ротатора картинок, который меняет картинки по времени (делает это через ul). Как сделать так, чтобы картинки которые он выводит НИКОГДА не выходили за границы div'а? И еще вопрос. Мне нужно чтобы все это было адаптивно к экрану (будет показываться на full HD, но была бы возможность посмотреть с 17-24"(Radmin)). Если вас не затруднит, помогите пожалуйста. Код прилагаю. В нем о размещении элементов даже не пахнет (много раз исправлял). Нужен такой вариант как во вложении (картинке), чтобы так было на всех экранах (ток картинки по-больше в высоту ну и выровняно). Понимаю, что…
0 votes1 answer -
Блокировка изменения select.
Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.
0 votes6 answers -
Выравнивание слоя по вертикали
В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результа…
0 votes3 answers -
Float и отступ
Вечная проблема этот float, уже переюзал все примочки чтобы отклерить это обтекание и всегда к род. блоку добавляется отступ снизу, никак немогу сним договорится, може форумчане вкурсе, чем его можно взять??
0 votes4 answers -
div по центру
Здравствуйте. Задача - выровнять блок div по центру по вертикали и по горизонтали. Использую решение margin: 0px auto; , но оно не работает ни в Файрфлкс, ни в IE Есть ли ещё способы? Помогите! Спасибо
0 votes11 answers