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
-
padding в div
Всем привет! Помогите плз новичку. Суть проблемы: Когда задаю отступ padding'ом в блоке div размеры блока увеличиваются. Можно ли как-нибудь избежать этого, т.е. сохранить первоначальные размеры блока. Заранее спс!
0 votes5 answers -
position в процентном отношении
здравствуйте как можно произвести позиционирование элемента в процентном отношении, т.к. надо поместить лого в 15% от левого края окна. заранее спасибо
0 votes7 answers -
Подключение CSS для разных браузеров.
Есть код: <link href="style.css" rel="stylesheet" type="text/css" /> <!--[if Opera]> <link href="style_opera.css" rel="stylesheet" type="text/css" /> <![endif]--> Но Opera всё равно использует первый css. Что делать? Может я, что то не так сделал?
0 votes1 answer -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
в горизонтальном меню съезжают пункты вслед за подпунктами
Необходимо меню позиционировать справа в блоке, а выпадающие пункты должны выпадать влево: песочница (просмотр full screen) ...и при наведении на раздел 3 выпадает список с подразделами, однако пункты раздел 1 и раздел 2 тоже уезжают влево на уровень подразделов. Как не бился не могу исправить... ...помогите, что-то логику ни как не могу понять с этой многоуровневостью.
0 votes14 answers -
Как правильно залить бокс и выгнуть углы?
Доброго времени суток, у меня еще 2 вопроса: Как можно выгнуть углы (наружу; не загнуть)? Пример. На картинке выгнутые углы - снизу, ниже - простая зеленая линия.Как исправить ошибку с "заливкой" или как ее вообще правильно кодировать? Скрин навигации. Стрелкой указан текст и его коробка которая выходит за рамки белого фона (аналогично с NAUJAS TURINYS; под другие все подогнано, и все хорошо).Код (jsfiddle)
0 votes5 answers -
Верска дивами (основа)
Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…
0 votes8 answers -
Не работает <map> в XHTML 1.1
Потребовалось сделать карту-изображение... вот код: <img src="images/header.gif" width="999" height="222" alt="" usemap="#header_map" /> <map name="header_map"> <area shape="rect" coords="78,45,312,119" href="#" alt="" /> <area shape="poly" coords="670,87,719,78,727,123,677,130" href="#" alt="" /> <area shape="poly" coords="776,124,818,152,793,189,751,160" href="#" alt="" /> <area shape="poly" coords="834,52,885,61,878,105,828,96" href="#" alt="" /> </map> Так как использую XHTML 1.1, то код в этом виде не проходит валидацию. Для валидации убираю "#" из usemap и меняю "name" на id, как это требует стандарт. Результат: ни в одном …
0 votes5 answers -
как сделать сайт по центру ?
Привет, помогите пожалуйста, ка сделать шаблон по центру ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style> TD{ font-family:verdana; font-size:8pt; } a{ text-decoration:none; } </style> </head> <body topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0"> <table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%"> <tr> <td valign="top" colspan="3"><img src="images/top.jpg" border="0" width="377" height="186" alt=""><img src="images/name.jpg" border="0" width="389" he…
0 votes1 answer -
Резиновый трехколоночник и ложные колонки.
Возникла необходимость сделать шаблон, отвечающий следующим условиям: а. Три колонки. б. Боковые колонки - фиксированной ширины, центральная тянется. в. Высота всех колонок визуально одинакова, и тянется от низа header`а до верха пристыковнного к низу экрана footer`а. г. Шаблон должен тянуться по ширине от 600 до 800 пикселей. д. При высоком разрешении шаблон должен располагаться по центру окна, а не пристыковываться к левой его стороне. Пункты "а", "б", "г" никаких проблем не вызывают. Для решения задачи, описанной в пункте "в", решил попробовать воспользоваться методом ложных колонок. Для background`ов создал два изображения - orange_200 шириной 200px - для создания лев…
0 votes0 answers -
Ошипка, с которой не справиться в одиночку
Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.
0 votes10 answers -
вопрос про display:block
вопрос новичка, ну я им и являюсь. допустим есть код : html <div class=img> <img sc="images/img.gif" alt=""> </div> .img { width: 100%; text-align: center; } Картинка будет находится по центру страницы как и должо быть, а как установить display:block она перестает слушатся почему ? хочю понять принцип действия. И еще вопрос в догонку как убрать 3пкс отспут в ИЕ у img кроме display:block; Зарание благодарен.
0 votes8 answers -
не могу разобраться с div
Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …
0 votes13 answers -
Сетка
здравствуйте недавно столкнулся с интересной проблемой и должен сказать без понятия как решить ее, без использования абсолютно позиционированных элементов или ужасной кучи блоков... имеем подобный макет: все разноцветные блоки - фотографии (к примеру) собственно интересно есть ли какие хитрости, которые могут помочь расположить фотографии как показано в макете?
0 votes27 answers -
Получить href при клике на линк
Как получить значение текущего href при нажатии на линк с этим атрибутом? Делаю, типа, что-то такого: <a href="img.jpg" onclick="lnk(); return false;">Link</a> <script type="text/javascript"> function lnk() {var l = this.href; alert(l)} </script> Ни чего не выходит.
0 votes5 answers -
Горизонтальное кроссбраузерное выравнивание вложенных слоев
Добрый день. Подскажите,плз,мне надо прижать вложенный слой к правой границе контейнера (др слоя).Нормально работает у меня это толкьо в ИЕ. Opera,Mozilla и Safari на выравнивание не реагируют. <div style="width:100%;text-align:right;border:1px solid green;position: relative;" align="right"> <div style="width:200px; border:1px solid red;position: relative;">Контент</div> </div>
0 votes4 answers -
Странное поведение отступов...
<html> <head> <style type="text/css"> body { margin: 0; padding: 0; background: #e5e4e4; } #body { background: #fff; } #head { height: 137px; } #logo { margin-top: 34px; } </style> </head> <body> <div id="body"> <div id="head"> <div id="logo"><a href="#"><img src="logo.gif" width="165" height="69" border="0"></a></div> </div> </div> </body> </html> Хочу отодвинуть логотип (id="logo") от верхнего края шапки (id="head"). Для этого задаю стиль #logo { margin-top: 34px; }. В IE все нормально, а вот в FF, вместо того, чтобы отоднинуться логотипу от края шапки, отодвигается…
0 votes6 answers -
Ссылка на страницу с iframe
Здравствуйте, страница состоит из меню А и окна В, в котором по щелчку открывается другая страница. Сделано через iframe пример тут нужно сделать следующее: давать адрес на определённую страницу, в результате чего пользователь будет видеть комбинацию "меню А+ в окне В открывается конкретная страница сайта (а не заданная в главной странице сайта) знаю,что во фреймах такое невозможно, но идея такая: давать адрес на третью, специально созданную страницу, которая уже будет переадресовывать на конкретный набор А+в окне В любая страница сайта. реально ли сделать такое? спасибо всем
0 votes5 answers -
Ищу cms без php и баз
Подскажите пожалуйста, как решить проблемку. На хосте нет php и работать с базами не могу. Может есть что по управлению. Встроенные fpt менеджеры крайне не удобны. Вот что есть и чего нет: SQL нет php нет CGI нет SSI есть Управление через ftp, Parallels Desktop или ISPmanager.
0 votes6 answers -
Проблемы с блоком регестрации
Подскажите пожалуйста,есть несколько вопросов по блоку. Вот картинка. 1.Рамка не до конца формы в чем проблема? 2.Кнопку надо поднять вверх,а так же почему то остались старые стили в другом шаблоне на этой кнопке,хотя шаблон другой,как это устранить?( 3.Когда разрешение экрана 1024 то блок справа уезжает за пределы примерно на 3 пиксиля.Как это устранить? .moduletableloginform { width: 250px; margin: auto 0; background: #FEFEFE; border: 1px solid #CAD8DE; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font: 14px/18px Arial, Tahoma, sans-serif; color: #444;} #loginza-username { margin: 0 0 10px;} p#loginza-username label { disp…
0 votes22 answers -
Горизонтальное меню как на Apple
Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…
0 votes10 answers -
Такое можно в Jade?
Всем привет! Подскажите, можно ли в Jade как-нибудь подключить файл с параметрами? Проблема состоит в следующем: у меня есть шаблон(layout.jade) и в нем я подключаю head из отдельного файла (_head.jade). Поскольку страниц много, нужно, чтобы для каждой страницы title был свой. Как сделать так, чтобы на определенной странице я подключал(наследовал - extends) layout.jade например с параметром #("Страница 1"), шаблон в свою очередь подключал head с этим параметром, а head вставлял туда, куда ему нужно? Или это делается только с помощью примесей? Заранее спасибо!
0 votes4 answers -
В Мозилле не отрабатывает padding-left.
Сайт hotellist.com.ua. Каждая страница, кроме главной, - три таблицы: шапка, контент, подвал. Таблица "контент" состоит из трех столбцов ("left", "1st", "2nd"). Столбец "left" служит для создания вертикальной зеленой полосы. "Ферст" и "секонд" - содержимое. Для "ферста" прописал отступ содержания от границы соответствующей ячейки: "padding-left:5px;". В IE все отлично - отъезжаем на нужные пять пикселей. В Мозилле эта конструкция не отрабатывает и содержимое идет впритык, а если еще и в строке первой буквой идет "у", а она, в силу специфики сайта, идет очень часто, хвостик от "у" вообще выезжает в зеленый столбец. Не смертельно, но снижает читабельность, да и просто, по-…
0 votes2 answers -
Таблица в html
вобщем, я не понимаю как в таблицу вставить таблицу может быть кто знает отпишитесь плиз помогите) вот такое задание мне надо сделать квитанцию такую а я не могу понять(http://s009.radikal.ru/i310/1103/2b/1fafd664033f.jpg
0 votes8 answers -
float
Задача: Выставить в ряд 3 float:left, но запретить им перенос друг под друга при нехватке длины родителя. Есть варианты? А может float тут вообще не при чем? Может поставить в линию без переноса 3 резиновых блока можно как-то по-другому?
0 votes11 answers