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
-
Выровнять по высоте елементы
есть страница накаторой есть табличка, в одной строке - 3 ячейки, в каждой ячейке вложеная таблица с какимто контентом, контент рястягивает вложеные таблицы по высоте, и соответсвенно внешне выглядит как блоки разной высоты, а нада чтобы они были все одной высоты, даж если при этом в одной из вложеной табличке будет пустое место.
0 votes4 answers -
Прозрачный IFrame
Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?
0 votes1 answer -
Использование float делает ссылки в элементе недоступными
Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((
0 votes9 answers -
как сделать эффект нажатия кнопки
как сделать что бы при нажатии кнопка(не <button>) "впадала"
0 votes2 answers -
Как выстраиваются строковые блоки внутри контейнера строки?
Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…
0 votes4 answers -
Нетривиальная таблица неверно отображается в ИЕ
Вобщем есть такая нетривиальная таблица.. И я с ней уже запарился.. <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" width="12"> <img src="images/l_top_crnr.gif" width="12" height="15"></td> <td width="290" background="images/top_left.gif"></td> <td width="112"><img src="images/top.gif" width="112" height="15"></td> <td width="100%" background="images/top_right.gif"></td> <td width="11"> <img src="images/r_top_crnr.gif" width="11" height="15"></td> <td width="1"> <img src="images/разделитель.gif" width…
0 votes5 answers -
создать форму "обратная связь"
нужно создать простую форму "обратная связь" и чтобы при наджатии на кнопку "отправить" форма сразу отправлялась по адресу, а не вылезала табличка с надписью "Данная форма будет отправлена.... Хотите продолжить?". по смыслу примерный код уже написала, правда пока нет полей "ваш e-mail" и "текст сообщения": <form action="mailto: user@mail.box" target='mail' enctype=text/plain>--> <p>Имя: <input type=text size=40 name=fn> Фамилия:<input type=text size=40 name=ln> Пол:<input type=radio name=gender value="male">мужской<input type=radio name=gender value="female">женский Возраст:<input type=text size=5 name=age>лет <inp…
0 votes7 answers -
Двуколоночная резиновая в?рстка
Можно ли сверстать вот так? То есть, чтобы левая колонка тянулась до определенной ширины (а размеры правой при этом не изменялись), а после ? увеличивалась только правая? Подозреваю, это несложно, но что-то не разберусь. В каком направлении копать? :-) Спасибо!
0 votes6 answers -
Непонятный глюк в Opera и Safari
Стандартная сетка, три колонки резина, низ прекрасно прижат без всяких абсолютов. В IE6, 7, 8, FF все отлично. Но проявился странный глюк в Опере и Safari под Windows (В Safari под мак все отлично). Глюк в том, что низ прижимается, но при уменьшении/увеличении окна по вертикали странно прыгает и потом становится на положенное место. Не критично, но неприятно. До обновления браузеров такого не было. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251" /> <title…
0 votes2 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
Резиновая вёрстка с минимальной шириной центра
Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …
0 votes13 answers -
Фиксированное (плавающее) горизонтальное меню. Скрипт.
Добрый день Ребят, прошу помощи. Делаю курсовую. Нужно создать учебник по телекоммуникационным компьютерным сетям. Скачал шаблон. Всё хорошо. Есть горизонтальное меню. Его нужно зафиксировать чтобы оно "плавало" вместе со скроллом. Нужен такой результат Пока только так получилось: http://tks.zz.mu/index-3.html Нашел скрипт: //режим отображения шапкиvar min = false;//изначально шапка в обычном режиме$(document).scroll(function() { if($(document).scrollTop()>30&&!min) { //изменение свойств шапки $(".line2, .line2_b").css('height','35px'); $(".line2").css('position','fixed'); $(".line2").css('top','0'); $(".line2").cs…
0 votes2 answers -
Блок с описанием на яндекс-карте
Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать
0 votes4 answers -
Как задать отступ первой строки текста?
В окне изменения стиля CSS нет вкладки что бы задать отступ первой строки текста. Цель: задать автоматически указаный отступ, применительно ко всем текстам, вводимым в разных разделах. Поделитесь информацией. Спасибо
0 votes4 answers -
Не могу сделать меню
Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы: Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения? HTML: <div class="cats"> <ul> <li class="selected cat_events">события</li> <li class="cat_design">…
0 votes3 answers -
Как браузеры делают перезагрузку?
Есть страница которая загружается в среднем 2-3 секунды. Если сделать после загрузки СРАЗУ перезагрузку, то загрузится за 1 секунду. Если же подождать некоторое время(например минут десять) и сделать перезагрузку, то опять 2-3 секунды. И по ходу такое поведение во всех браузерах. Как это можно объяснить?
0 votes5 answers -
Первые секунды загрузки сайта
Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!
0 votes8 answers -
WAP и PDA
Намечается задание - сделать вап и пда версию сайта. Первый вопрос - а в чем, собственно, отличие вап версии от пда? O_o Второй - где можно прочитать о том, какие моменты нужно учитывать при верстке, какие отличия и т.д... Буду рад за любой ответ или ссылку. Спасибо.
0 votes8 answers -
Футер и ширина страницы
Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…
0 votes12 answers -
Позиционирование страници по центру экрана
Подскажите пожалуйста каким параметром задать чтоб страница всегда находилась по центру (меня интересует размещение по ширине). зарание благодарен!!!
0 votes8 answers -
IE6 и margin - непонятная работа
Всех приветствую. Возникла непонятная ситуация. Имею сверстанный лэйаут, отлаженный во всех броузерах. Кроме IE6. В ходе отладки под IE6 выявилось следующее. Имеется div, у которого float: left; Есть настройки margin: 30px 10px 30px 14px; Так вот, во всех броузерах, в том числе и в IE7, он имеет отступ слева 14px, а в IE6 - почему-то 28px. Попытка играть со значением выявила то, что в IE6 это значение просто умножается на 2. Если убрать float, то все нормально, такой эффект не наблюдается. Много читал про особенности поведения IE в разных ситуациях, но вот такого никогда не видел. Кто может подсказать, в чем это связано, и как это решить? Спасибо.
0 votes4 answers -
Выпадающее Меню
Здравствуйте уважаемые форумчане, в очередной раз обращаюсь к вам за помощью. Итак проблемма - дизайнер нарисовал меню которое вы видите на картинке в нем 2 уровня выпадающих, проблемма в том что зарание не известно сколько будет пунктов в каждом из них, по этому надо что бы выпадающие меню растягивали бакграунд. Стандартные решения не подходят т. к. там везде используется position:absolute; который бакграунд не растянет. Если чесно я уже голову сломал так ничего путного не придумал. Зарание благодарен за ответ.
0 votes11 answers -
iPhone телепатит, где не просят :(
Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…
1 vote3 answers -
динамическая ширина логотипа
Сделал ширину слоя заголовка 100%. При уменьшении окна браузера он соответсвенно тоже уменьшится. Как вставлять тогда рисунjк, логотип, в этот слой, и какими его делать размерами (рисунок) , чтобы он подстраивался под ширину и не появлялось полос прокруток? {...отредактировано kiD}
0 votes2 answers -
Откуда берется этот пробел между колонками?
Вот такой код: <table class='main-center' height='156' width='733' cellpadding='0' cellpadding='0' hspace='0' vspace='0'> <tr> <td class='main-center1' cellspacing='0' cellpadding='0'> Текст </td> <td class='main-center2' border='0' cellspacing='0' cellpadding='0'> </td> </tr> </table> Вот CSS body { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; letter-spacing: 0px; color: #000000; margin: 0px; padding: 0px; background: url(images/bg-big.jpg) no-repeat top center; } .main-center { background: url(images/back_manu.jpg); padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px 0p…
0 votes3 answers