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
29,542 questions in this forum
-
Вертикальное выравнивание изображения в блоке
Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - text-align:center; Для вертикального выравнивания используется display:table-cell;verticl-align:middle Для ограничения по ширине/высоте изображения (если изображение выходит за пределы блока, уменьшаем) max-width, max-height Два последних условия продублированы expression-ами для IE6 Однако, в случае использования max-width внутри блока с display:table-cell ширина …
0 votes4 answers -
Объясните разницу
Здравствуйте. Объясните разницу между: html - <a class="more" href="...">Ссылка >>></a> CSS - a.more { ... } и html - <div class="more"><a href="...">Ссылка >>></a></div> CSS - .more { ... } Или можно представлять в обоих примерах?
0 votes15 answers -
Помогите побороть Firefox
Ребята помогите побороть фаерфокс. Во всех браузерах четко, в FF блок с формой обратной связи уползает. Подскажите где копать, бьюсь уже несколько часов. Спасибо.
0 votes6 answers -
Автоматическая высота блока при float объектах внутри
Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?
0 votes5 answers -
Есть шаблоны?
Всем добрый вечер! Нужны резиновые шаблоны. Кроссбраузерные. 1. 3 колонки. Резиновый по вертикали + центр резиновый по горизонтали. 2. 3 колонки. Резиновый по вертикали. все колонки фиксированной ширины. Может завалялись у кого?
0 votes7 answers -
Для со-овсем начинающих
Всем привет! Ребята,подкиньте более-менее приличный учебник по html, плиз... А то вечно попадается какая-то чушь.
0 votes23 answers -
z-index в ИЕ7
Вот здесь когда нажимаешь на выпадающий список справа в ИЕ7 начинается форменное безобразие - элементы списка становятся прозрачными. Можно это как-то победить?
0 votes1 answer -
размер изображения соответственно размеру окна браузера
Имеется страничка, на которой отображен логотип и две кнопки выбора языка. Это загнано в таблицы, так как лучшего способа центрировать по вертикали я не нашел. На бэкграунде висит картинка. Как можно изменять размер логотипа соответственно размеру окна браузера? Я так понимаю, средствами html и css этого не сделать. Остается php и JS... Что можете посоветовать, господа? Может скриптик какой... Страничка эта вот тут
0 votes1 answer -
Как сделать ссылку активной когда открыта именнно та ссылка
Здравствуйте, вот у меня такая задача чтобы ссылка была активна тогда когда её урл адрес открыт в браузере, ну не в том чтобы она имела статус active, а в том чтобы её как-то можно было назначить стиль, свойства... С нетерпением жду ответа! Заранее спасибо!
0 votes16 answers -
IE6 - гадкое отображение
Всем доброго времени суток, знаю что Ишак 6 уже не актуален у вебмастеров, но, многие все таки пользуются этим говнобраузером, поэтому хотелось бы решить проблему жуткого отображения моего сайта в нем, не отображаются вообще картинки в headere, съезжает влево правая колонка и вообще вид просто ужасный, подскажите что нибудь насчет оптимизации стилей под ишак.
0 votes5 answers -
Сабмит некорректно отображается в Мозилле
Всем доброго времени суток. никак не могу решить данный вопрос - для submit я сделал отдельный класс, но в Мозилле данный сабмит некорректно отображается, причем даже в IE8 нормально. вот кнопка в гугл хроме, опере и IE8 а вот как в мозилле: Сам сабмит можно посмотреть Здесь Очень надеюсь на Вашу помощь, заранее спасибо =)
0 votes10 answers -
Фон букв. Возможно ли?
Доброй ночи, вот есть вопрос: возможно ли как-то реализовать решение как на картинке? Если просто делать заливку фона h или div, то весь прямоугольный блок заливается. А тут как бы заливка в отдельности каждой буквы.
0 votes1 answer -
Прозрачный фон
Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)
0 votes12 answers -
регулирование размеров блока
Здравствуйте. Имеется два блока, один вложен в другой ( блок класса content вложен в блок класса body) .body { margin: auto; height: auto !important; min-height:99%; height: 99%; } .content { border: groove 3px #410707; height: auto !important; min-height:99%; height: 99%; width: 50%; margin:auto; } Возникает проблема: несмотря на то, что указан минимальный размер в 99% высота регулируется автоматически, при чем при отсутствие данных в content высота блока становится равной 0. В чем дело? Каковы пути решения проблемы? UPD: нагуглил некоторую инфу по данному поводу( http://forum.htmlbook.ru/index.php?showtopic=11536), но ответа на вопрос так и …
0 votes8 answers -
внизу
здравствуйте помогите пожалуйста! как под кодом : <left><b>link </b><a href="<?php echo $url_2; ?>"><span style="font-size: 15px;"><b>spot </b></span></a> написать текст, желательно под link.
0 votes20 answers -
Вертикальное центрирование многострочного текста
Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!
0 votes4 answers -
Создание анкеты
Всем добрый день! Сразу хочу сказать что всем этим делом занимаюсь в первые поэтому возникают некоторые трудности. В общем, передо мной стоит задача: написать сайт на html. С эти у меня все более-менее получилось. Но вот вышла одна незадача. А именно, заказчик попросил сделать на сайте что-то вроде анкеты, данные которой будут попадать в Excel файл. Вопрос в одном как реализовать? pHp, java не знаю вообще, поэтому если только на pHp, буду рад Вашей помощи. Наслышан, что данные с форм можно передать в текстовый файл. Тогда такой вопрос: как можно реализовать передачу данных в текстовый файл, а оттуда в файл excel ? И последний вопрос: может быть намного проще будет реализо…
0 votes4 answers -
Прозрачный фон у изображения
Возникла проблема с фоновым изображением в таблице, в фотошопе был нарисован бордюр верхняя часть которого прозрачная, скрин ниже это подтверждает однако как только загружаю на сайт прозрачный фон заменяется на белый можно было бы просто верхнюю часть отрезать однако в оригинале меню шире и с закругленными краями, помогите решить эту проблемку
0 votes7 answers -
Неправильное отображение верстки в IE 6,7,8
Добрый день. Суть проблемы следующая: Один из блоков DIV (красный) лежит поверх всех модулей (в будущем там будет флеш), и при этом заходит на два из них. Проблема появляется только при отображении в браузерах - IE 6,7,8 (в FF2,3, Opera, Chrome, Safari все отображается нормально. Красный модуль растягивает родительский модуль, вместо того, что бы заходить за его границу. Этот же модуль вмето того, что бы лежать поверх другого "оранжевого" модуля расположился ниже по оси y. Скорее всего я просто чего то не знаю (тожественно захлопнул самоучитель месяц назад), но вот чего именно... Основная цель сейчас IE 7,8 - IE 6 буду мучать позже (насколько я понимаю - это отдельная Са…
0 votes6 answers -
Не понимаю...
У меня проблема, не могу прижать боковые колонки к верху. Вот код: <style> .left_container {border: 1px solid gray; width: 200px; height:100px; background-color: #fefefe; border-spacing: 0px;} .left_title {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border-bottom: 1px solid gray; padding-left: 5px; color: white; font-weight: bold;} .left_message {vertical-align: top; padding: 5px; font-family: Verdana; font-size: 12px;} .center_container {border: 1px solid gray; width: 800px; height:100px; background-color: #fefefe; border-spacing: 0px;} .center_title {back…
0 votes6 answers -
как сделать ссылку-изображение на php
Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.
0 votes6 answers -
сайт в iPad
Добрый день! У меня проблема с отображением сайта на iPad. Говорят, не работает галерея и не показывается текст. У меня 2 вопроса: 1. есть ли эмуляторы iPad'а (я гуглила, нашла только эмуляторы экрана, а не движка) 2. может, кто знает, какие проблемы/особенности с javascript'oм на iPad'e. Я использую jQuery.
0 votes4 answers -
Проблемка с версткой
Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?
0 votes4 answers -
Валидация JavaScript
Помоготе с валидацие JavaScript. Валидатор ругается на часть кода java script: for (var i = 0; i < j.length; i++) { This message may appear in several cases: * You tried to include the "<" character in your page: you should escape it as "<" * You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. * Another possibility is that you forgot to close quotes in a previous tag. и options += '<option value="' + j[i].pk + '">' + j[i].name + '</option>'; The element named above was found in a context where it is not allowed. This could mean that you have incorrectly n…
0 votes1 answer -
Как поместить флеш плеер во фрейм
Всем привет. Есть сайт *удалил*, мне нужно сделать чтобы при переключении по страницам плеер не прерывался. Поскажите, это можно реализовать с помощью iframe или frame? Если да, то насколько сильно придется менять шаблон? Чтобы это сделать, надо поместить меню в один фрейм с плеером, я правильно понимаю?
0 votes1 answer