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 votes11 answers
-
Как убрать горизонтальный скроллбар при сужении страницы
Размер основной области как положено 1024px, но по дизайну есть выступы из этой области. Например левое меню выступает на 20рх слева, справа должен выступать декоративный элемент на 82рх, также еще блок справа должен выступать на 300рпх. При сужении окна, все эти выступающие элементы учитывается, хотя они находятся в враппере шириной 1024рх и у них задано абсолютное позиционирование внутри этого враппера. Моя же цель сделать так, чтобы скроллбары появлялись только если размеры основной области будут меньше 1024рх, все декоративные элементы и блок справа чтобы "съедались" Собственно пример моего кода с элементом который должен выступать на 82рх справа: CSS #wrapper { …
0 votes12 answers -
input
Люди помогите плс, необходимо чтобы в работал кнопка enter.
0 votes4 answers -
img:hover ?
Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках
0 votes1 answer -
Помогите пожалуйста...оч горю!
Меню верхнее в FF и Опере все пашет норма...а в ие гадость( http://komfo-mir.ru/index.php Подскажите пожалуйста, чего делать
0 votes9 answers -
Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании
Вот есть, например, такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> </head> <body> <table> <tr> <td style="background-color:#ff00ff"> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div> </td> </tr> </table> </body> </html> В IE 7 и 8 возникает проблема с наложением слоёв. То есть слой, при нажатии на который дол…
0 votes4 answers -
Баги с сылкой в ИЕ6, ИЕ7
есть код: <a href="#" title=""> <span style="float:left;"> <img src="#" width="60" height="45" alt="" title="" /> </span> </a> Мне необходимо чтоб картинка была обернута в плавающий спан. Но при плавающем спане в ИЕ6, ИЕ7 ссылка не кликабельна. Какие есть идеи?
0 votes12 answers -
рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.
Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes16 answers -
Опять не могу выровнять изображение по центру
Здравствуйте все! Вопрос к специалистам по верстке. Вот сайт http://vasyok.arvixe.ru Там есть вот такой вот рисунок на таком вот слое: #art-page-background-glare-image { background-image: url('images/Page-BgGlare.gif'); background-repeat: no-repeat; height: 718px; width: 1237px; margin: 0 auto; } С этим элементом 2 проблемы: 1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан. 2. Можно его поставить над вот этим слоем ? (сейчас он под ним): art-Sheet { /*С сокращениями*/ position:relative; background: url('images/Cont.gif') top center repeat-y; }
0 votes7 answers -
Неотображается иконка сайта
Здравствуйте, вот у этого сайта http://velo-tuning.ru/ Не отображается иконка, в чём дело? Сама иконка загружена по адресу http://velo-tuning.ru/glavdising/favicon.ico
0 votes5 answers -
Прижать текст к правому краю и выровнять по левому
День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке. К сожалению, через поиск так и не смог найти решение. Вот пример страницы, блок обвел красной границей пример. Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось. Пока сделал выравнивание по правому краю. На всякий случай, прикрепляю текущие стили. .main { width: 100%; padding: 0; margin: 0; position: relative; z-index: 1; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; …
0 votes2 answers -
в 3 колонки
Помогите сверстать страницу вот такого примерно плана, что то типа 3-колоночного дизайна дизайн фиксированный по ширине. 1 - основной текстовый блок сайта 2 - это элементы с заданными размерами (по высоте и ширине). 3 - элемент за счет которого происходит растягивание по высоте. в зависимости от высоты текста в элементе 1 (background-repeat:repeat-y) Никак не могу сделать. Пытылся даже таблицами но в Опере они не растягиваются по высоте. а слоями даже и не знаю как сделать. На самом деле мне нужно сделать что то типа рамки. Если кто знает, намекните. Буду рад любой помощи
0 votes6 answers -
Подчеркивание ссылки
Всем доброго времени суток! Помогите, пжалуйста Исходный код html <html> <head><title></title></head> <body> <div class="zagolovok"><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства"> <strong><h1>Горячие новости законодательства</h1></strong></a></div></body> </html> Исходный код css h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #636363; } .zagolovok a{ text-decoration: none; } .zagolovok a:hover { text-decoration: underline; color: #636363; } .zagolovok { position: relative; margin-top: 50px; …
0 votes16 answers -
Ссылка с кнопкой.
Здравствуйте. пытаюсь сделать дз по информатике. Надо накропать сайт. все просто но в одном месте, где я решил заняться самодеятельностью получилась ерунда. Суть проблемы: Хочу сделать кнопку с сылкой. вроде получилось: текст(нашел на форуме) Теперь вопрос: как сделать, чтобы эта ссылка открывалась в другом фрейме?? имя фрейма "c".Заранее спасибо
0 votes13 answers -
Проблемы С Версткой При Загрузке Сайта
Сайт avtoclassika.com Верстка табличная, сайт сделан с помощью smarty Непонятная проблема при первой загрузке сайта или при обновлении через Crtl+F5 внизу идет баг с версткой, при последующем обновлении (просто F5) баг пропадает. Не буду кидать html код - там он оч большой Если кто сталкивался с такой проблемой или может сказать причину - помогите плиз
0 votes6 answers -
Кодировка
здравствуйте. хотел спросить почему так вот есть пример http://www.mining-enc.ru/ если смотреть через ие с кодировкой все ок в фф кодировка гонит.. заранее спасибо.
0 votes4 answers -
Как полностью заполнить область область родительского блока дочерними
Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…
0 votes20 answers -
Невидимый пробел
Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!
0 votes11 answers -
Окно сворачивается сразу после открытия
На сайте ventprodukt.ru слева под логотипом есть картинка, ведущая на видео. Если нажать эту картинку, то в центре экрана появится небольшое окошко со встроенным ютьюбным видео. Это окошко сразу сворачивается. Самое интересное в том, что раньше все было хорошо и ничего само по себе не сворачивалось. Код этого окошка: <html> <head></head> <body> <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> </body> </html> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…
0 votes12 answers -
Рамка вокруг чекбокса в IE
стиль для input input,textarea{ background:#FFFFFF;color:#000000; font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; border:1px solid;border-color: #000000 #707070 #707070 #000000; } в опере и огнелисе нормально отображается, а в IE 6 ,большая рамка вокруг checkbox возможно ли он не? избавиться чтоб стиль на вид не изменился?
0 votes3 answers -
Полоса прокрутки в таблице
Я делаю сайт, в котором задумка такая - фон как разв?рнутая книга, а таблица сделана так чтобы создавалось ощущение будто вс? написано в ней. Но появилась проблема : много эта книга не вмещает и иллюзия книги пропадает, т.к. вс? искажается. Единственное что мне пришло адекватного в голову так это сделать ячейку таблицы с полосой прокрутки (но чтобы опять же полосы самой по себе было не видно, но текст прокручивался) но как воплотить это в жизнь я не знаю. Надеюсь на вашу помощь. Направьте на путь истинный заблудшую овечку и скажите хотя бы на каком языке это можно воплотить.
0 votes5 answers -
Центрование фиксированного div'а
Задумка следующая: зафиксировать сверху по центру небольшую навигационную панель с выпадающим меню на CSS? Нимогу никак сообразить, как зафиксировать в центре по ширине DIV. Помогите!!!
0 votes2 answers -
Как залить сайт?
Залил сайт, на хостинг jino.ru, залил вроде все, но почему-то в поисковике его нет, спрашивается почему?
0 votes12 answers -
Хочу создать сайт студии Монолит
Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ. http://www.monolit-record.ucoz.ru/ Надо на основе другого сайта сделать страницы. И каталоги. http://www.soyuz-record.ru/ А я только начинаю этим заниматься. Меня все посылают сюда. Помогите мне, пожалуйста! Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать? <!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"> <title>СОЮЗ - Сборник популярной музыки</title> <meta name='yandex-verification' content='796b4c2f78abd358…
0 votes5 answers -
Отцентровать содержимое по центру страницы (по высоте)
В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …
0 votes4 answers