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
-
Проблема с Div и флоатными элементами
Верстаю собственно страничку, вот код http://jsfiddle.net/Yura/mWNap/ Возникла такая проблема, имеется header content и footer в контенте имеются элементы <ul><li></li></ul> при помощи которых сделано горизонтальное меню естественно эти элементы флоатны. Так вот когда я выставляю для <li> float:left нижняя граница контента приподнимается над <ul> Что бы опустить границу, после ul вставил <div> </div> и присвоил ему clear:both; тогда граница опускается Пожалуйста объясните, почему происходит поднятие границы, ведь насколько я понимаю <ul> находится в <div id="content"> и не должен выходить за его границы. …
0 votes19 answers -
Не работают вкладки
Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/ Здесь они нормально работают: http://elecronics.bl.ee/
0 votes14 answers -
Ссылка с якорем и без.
Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?
0 votes8 answers -
Как удалить куку
Есть скрипт создания куки. как написать скрипт для ее удаления через onclick? function rewrite_quantity(obj,id){ var quantity = $(obj).val(); var price = $(obj).parent().parent().find('span').html(); var summ = parseInt(price)*parseInt(quantity); $('#rezult_'+id).html(summ+" Грн"); document.cookie = "pid["+id+"]="+quantity+";path=/;expires='<b id="drop">3600</b>'"; }
0 votes3 answers -
как button открыть, как ссылку правой кнопкой мыши
Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний
0 votes5 answers -
Вопросы в верстке e-mail в Zurb Foundation
Помогите пожалуйста доверстать письмо. Вопросов несколько - буду выкладывать по степени формирования. Заранее спасибо всем кто не бросил начинающего. Пишу в Zurb Foundation 2, с помощью Inky и sass 1. Как сделать полосу во весь экран? (номер строки html кода: 144-151) 2. Мой SblimeText подсвечивает вопросы в строчках кода у body и table. Такая же история в конце кода с этими же тэгами. Если навести ничего не показывает, или редко ненадолго говорит об ошибке со скобками. Как побороть? basic.html app.scss
0 votes0 answers -
Почему область не кликабельная?
Подскажите пожалуйста, как сделать чтобы была область всего каркаса кнопки кликабельной, а не только самой ссылки как это например сейчас? https://jsfiddle.net/jrweq0hm/
0 votes1 answer -
Вопр. про поисковики?
Кто знает подскажите плиз =) Поисковой робот( yandex.a или rambler.a ) когда копирует информацию на сайте Он залазие в CSS или нет (к примеру чтоб посмотреть размер шрифта h1)
0 votes4 answers -
Меню из картинок
Сформировал макет страницы через body { margin-top: 30px; margin-bottom: 10px; margin-left: 10%; margin-right: 10%; backgroung-color: gray; border: thin solid #000000; } Ну и ниже динамически (из базы) формируется меню из кнопок-картинок (100px x 100px). Кнопки добавляются в таблицу - формируется таким образом горизонтальное меню. И все вроде было хорошо, пока это меню не стало достаточно длинным. Обнаружил не приятный эффект : как только окно браузера по ширине уменьшаю - все элементы ведут себя нормально - пропорционально тоже уменьшаются и не выходят за пределы body. А вот таблица с меню-кнопками безобразно выперает. Пробовал прикрутить к таблице overflow - не помогло…
0 votes5 answers -
3 блока разъезжаются :(
Товарищи, помогите пжалста новичку... вобщем как сделать чтобы 3 блока встали в 1 ряд и не разъезжались? у меня 3 картинки, я их сую в 3 дива, а вот дальше разваливается....как не игрался с позиционированием не получается...нужно поставить в 1 ряд (menu, content,block) это должно быть как то легко, но уже даже не знаю как...вот собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled</title> </head> <style type="text/css"> body {margin:0px} #bgr {background-image:url("img/bgr.jpg"); height:100%; width:100%; background-repeat:no-repeat;} #shapka {b…
0 votes2 answers -
ie6 img выходящий за пределы контейнера
Есть конструкция <div> <img style="margin-left: -30px"> </div> Смысл ее в том, что картинка выходит за слой в котором она находится, но при этом правильно отображется. Отображается правильно везде кроме ie6. В ie6 край картинки выходящий за пределы контейнера не отображется, существует ли способ победить это кроме position: absolute? Спасибо! Пример http://www.elanfundraising-dev.com.php5-12...tetestlink.com/ Картинка с тектом "Yes we can...."
0 votes4 answers -
Див под дивом . Как автоматизировать ?
Всем привет !!! )) Значит делаю дивы блоками один за другим по правой стороне Вот код css А теперь вопрос. 1.Мне никак не подогнать правую сторону в IE . Чтобы они красиво были выравнены по правой стороне. пришлось выставить параметр left -212.... но это ведь колхоз должна же быть автоматизация.?? 2. То же самое как понять воторому блоку где конец первого ?? чтобы он шел сразу за ним например или с отступом на 10 мм ниже. Мне пришлось выставить значение top 540. Но ведь длина блока у меня разная . И соответственно 540 только для данного случая..а при другом тексте не прокатит... Есть автоматизация.???
0 votes6 answers -
gif & png вместе
Вот что я имею... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>***</title> <meta name="description" content="***"> <link rel="icon" href="icon.jpg"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="background"><a class="H333"></a></div> <div id="center"><H7><H30> *** </H30></H7></div> <a class="***" href="***.html" title="***"></a> <a class="***" href="***.html" title="***"></a> <a class="***" h…
0 votes12 answers -
Масштабирование и центрирование содержимого окна под разрешение клиента
Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…
0 votes6 answers -
работа с em
Ребята, подскажите пожайлуйста, как рабоать с измерением "em", в игнтеренете читал много чего, но толком ни чего не написано. Если не сложно обясните принципи работы этого добра и если не сложно дайте сылки на полезные ресурсы.
0 votes15 answers -
Рамка у <input type="image">
Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/
0 votes5 answers -
Верстка сайта фотошоп шрифт
Копирую текст из фотошопа, ставлю ему шрифт,цвет,размер. Но в шаблоне текст выглядит в разы меньше чем на макеты, в чём может быть проблема?
0 votes7 answers -
Директория как поддомен
Здравствуйте, прошу Вашей помощи вот по такому вопросу... Вот Вы 100% видели на различных конструкторах сайтов или на различных сервисах где можно побыренькому сварганить себе какой-либо форум, там при регистрации есть такая вещь что человек вводит адрес для своей будущей площадки и выбирает из списка домен второго уровня, в котором его площадка станет третьи уровнем. У некоторых вообще отсутствует такой выбор и все регистрируются под основной домен конкретного сервиса. Собственно вопрос... Как такое возможно реализовать? Способов конечно несколько и я уже просто устал читать древние топики на различных форумах по этой теме. У меня нет собственно сервера и править кон…
0 votes9 answers -
Помогите избавиться от такого вида рекламы
Кто знает подскажите... Я сделала сайт по шаблону, и загрузила его на Народ. Проблема в том, что на народе справа есть мини рекламный блок, но он у меня растягивается на всю страницу по ширине. Я это связываю с тем что видимо у меня сайт "резиновый", в смысле тянется, но как это исправить не знаю. Видимо что то в таблице стилей менять надо. А вот что? А может вообще что то другое? www.autohelp2005.narod.ru
0 votes6 answers -
CSS для внешних страниц
Приветстую коллеги, вопрос вот в чем, у меня есть сайт, на нем есть один раздел, в котором есть психологические тесты, все бы хорошо, но вот есть проблема, тесты на внешнем сервере, то есть просто сторонний сервис. Я хочу сделать тае, на странице ссылки на разные тесты, при клике открываются в новом окне без панелек, кнопок и прочего. Есть одна маленькая проблема - тесты все оснащены лишними блоками, которые имеют свои классы, блоки типа лого сервиса и прочей лабуды, скрыть из можно просто display:none; но вот как бы это сделать для внешней страницы, вот в чем вопрос. Помогите плиз найти решение
0 votes8 answers -
float в ие-6 работает некорректно
Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?
0 votes8 answers -
Hover
Суть проблемы такова, нужно правильно поставить hover. Вот код html <body> <div id="images"> <img src="images/6.jpg" width="130" height="120" /> <img src="images/7.jpg" width="120" height="140" /> <img src="images/8.jpg" width="130" height="120" /> <img src="images/2.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/2.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/3.jpg" width="120" height="…
0 votes11 answers -
Фон страницы по центру
Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.
0 votes2 answers -
Чертовщина с border dashed
что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу реж…
0 votes12 answers -
Медиа-запросы VS Fluid Grid
Начал изучать вёрстку сайтов под любое устройство. Ну т.е. адаптивный дизайн. Как я понимаю существует способ создания с помощью Медиа-запросов с подключением Respond.js для IE. Но так же есть технология создания одного сайта вычисляя с помощью формулы пропорций в процентах «target / context = result» для всех устройств(Fluid Grid). Все таки как правильно делать и какие сильные-cлабые стороны данных вопросов. Мне почему-то кажется что с помощью Fluid Grid не совсем получается то что надо и проблем с будущей версткой будет очень много..Например нужно в таком случае подгонять изображения, контент и т.п. постоянно. Прав ли я? Попробовал создать с помощью Fluid Grid все вро…
0 votes3 answers