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
-
Карты изображений
Решила попробовать карты) вот только не понимаю как я могу увидеть как же они работают!? Вот код: <img src="img/moto.jpg" width="459" height="377" alt="мотик"> <map name="moto"> <area shape="rect" coords="0,0,200,200" href="http://htmlbook.ru" alt="ссылка1" title="ссылка1"> <area shape="rect" coords="200,200,400,0" href="http://htmlbook.ru" alt="ссылка2" title="ссылка2"> <area shape="rect" coords="0,200,200,400" href="moscow.html" alt="ссылка3" title="ссылка3"> <area shape="rect" coords="200,200,400,400" href="piter.html" alt="ссылка4" title="ссылка4"> </map> никакого CSS у меня нету (м…
0 votes4 answers -
Очередной глюк ие6
Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?
0 votes7 answers -
переход между страницами
возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы
0 votes2 answers -
MySpace
Добрый день! Речь идёт вот об этой странице http://www.myspace.com/suddenb В данный момент пытаюсь сделать так чтобы под логотипом были размещены кнопки. и не в зависимости от монитора и браузера они всегда были ровно по середине... вот как на этой странице http://www.myspace.com/maindegloire(имею в виду кнопки с надписями add, message и т.д.) в данный момент у меня такой код для кнопок <div class="button1" style="position:absolute; width:%; height:%; left: 20%; top: 61%;"> <a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_veri fy&friendId=527277706"><img src="http://cs4967.vkontakte.ru/u759292/38519019/x_52d51fb8.jpg" /><…
0 votes0 answers -
Круговое меню на CSS
Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?
0 votes16 answers -
Изменение цвета у img
Возможно ли с помощью css создать класс который деллал бы загружаемую картинку, если она цветная, в серых тонах? или это из области фантастики?><
0 votes6 answers -
вопрос всплывающей меню
поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?
0 votes12 answers -
text-indent и тег <p>
Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?
0 votes5 answers -
Помогите с тегом INPUT
Добрый день(вечер) Я создаю свой сайт и у меня возникла проблема мне вот в эту кнопку надо добавить картинку сейчас тег выглядит так <input value="{postrow.POSTER_RANK}" type="submit"> а мне надо как то так <input value="{postrow.RANK_IMAGE}" type="submit"> поясню {postrow.POSTER_RANK} это название "Звания" а {postrow.RANK_IMAGE} это картинка "Звания" и когда я вписываю {postrow.RANK_IMAGE} в тег кнопка исчезает и мне выдается ссылка к картинке помогите сделать так чтобы выводилась именно картинка звания заранее благодарю за помощь
0 votes17 answers -
Два вложенных дива в ie6
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…
0 votes2 answers -
background поверх содержимого дива в ie6
Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…
0 votes2 answers -
нужно грамотно сверстать блоки, когда один расширяется, левый блок опускаетсяниже, как в youtube
Здравствуйте. Такая задача: если посмотреть на Youtube, там блок видео может расширятся на ширину сайта, а сайд бар соответственно опускается ниже. Сверстать такое совсем не является проблемой, например так: http://www.jankoatwarpspeed.com/post/2009/...css-jquery.aspx структура только получается вот такая <div id="header"></div> <div id="main"> <div id="video"></div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> но у меня проблема в том, что нужно (для SEO), чтобы блок #content был сразу за блоком #video, и затем следовал #sidebar. Если я так размещаю блоки, то н…
0 votes13 answers -
Позиционирование блоков
Я совсем недавно верстаю и у меня возник такой вопрос: как правильно позиционировать блоки? С помощью отступов (margin и padding) или с помошью left и top? Лично я привык использовать Left и Top. В принципе сайт выглядит как на макете, с кроссбраузерностью норм, но ведь не зря же остальные используют отступы В общем интересует ваше мнение - как правильнее и почему.
0 votes11 answers -
Настройка отображения скролл бара
Подскажите пожалуйста как реализовать схожую прокрутку как тут(внизу,где список страниц). Буду благодарен за быстрый ответ
0 votes10 answers -
Проблема верстки. FireFox
Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..
0 votes7 answers -
Подскажите пожалуйста, что подразумевает seo вёрстка
Здравствуйте. Подскажите пожалуйста, какими критериями должна обладать se-оптимизированная верстка. На фрилансе иногда в профиле у верстальщиков стоят такие пометки, мол они так верстают. Но как определить, что они сверстали так, как пишут? Например я так понимаю один из критериев - это положение элементов. Санала шапка, затем контент, затем меню, затем футер.
0 votes5 answers -
Нужна помощь при работе с изображением
Здравствуйте, сразу перейду к сути проблемы я хотел бы сделать изображение с подписью к нему оформленное с помощью css. Применял такие коды найдены в интернете, немного переделав их под себя: .fode { position: relative; height:335px; width: 448; } /*Оформление фотографий */ .fode cite {background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: -6; left: 5; width: 428px; padding: 10px; border-top: 1px solid #999;}/*Оформление фотографий */ <div class="fode"> <img src="d1.jpg" border="0" alt="Разрушения" class="shadow"> <center><cite>Описание.</cite></center> </div> Проблема заключается в т…
0 votes9 answers -
Этапы изучения верстки
Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.
0 votes23 answers -
ИЕ 6 и ИЕ 7, немного не понятное поведение input
вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз
0 votes12 answers -
Разное отображение margin-left в разных браузерах.
Есть сайт: http://titanic-in-color.com/english/decks_one/boat.php Там на чертеже есть зеленые точки (не те, от которых идет "свет"), margin'ы которых заданы. Однако они по разному отображаются в браузерах. В IE8 и Opera - одинакого (правильно) а в Chrome и Fire Fox - не правильно. Как это предотвратить? Перепробывал уже все абсолютные и не абсолютные величины.
0 votes1 answer -
Ширина div увеличивается на padding
Добрый день! не могу понять почему ширина слоя увеличивается когда я хочу сделать отступ слева, т.е. использую padding-left? код в станички: <div id="page"> <div id="header"><h1>header</h1> </div> <div id="content"><h1>content</h1> </div> <div id="footer_guarantor"><h1>footer guarantor</h1></div> </div> <div id="footer"> <span> © 2003-2010 Евгений Володин<br /> Техническая поддрежка <a href="http://www.prokopov-nikolai.ru" >Прокопов Николай</a> </span> </div> стили: * { margin: 0; padding: 0; border: 0; font-family:Tahoma, Geneva, …
0 votes3 answers -
Моготи привести в порядок развращённый css код
Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …
0 votes7 answers -
Баг Safari и Chrome игнорируются свойства body указазанные в css
Привет, всем. Решил поделиться решением проблемы с которой долго промучился. Если указать в css кодировку - << @charset "utf-8"; >>, то браузеры Safari и Chrome не будут воспринимать первый идущий следом за этой строкой селектор (обычно это body {} или html {})! Образец: <style type="text/css"> @import url(reset.css); @charset "utf-8"; body {background:green;}/*Это свойство не будут отображать Safari и Chrome*/ </style> Решение простое, нужно просто удалить строку "@charset "utf-8";
0 votes10 answers -
вопрос по центрированию сайта
1. вопрос первый не могу отцентрировать нормально контент который в центре для отображение по центру во всех браузерах на любом разрешении 2. на разрешении 1024x768 появляется такой косяк на фото2 (приложил) 3. на фото 3 показан косяк который появляется тока в IE прошу помочь исправить косяки. файлы приложил как файлы сюда приложить?
0 votes9 answers -
помогите с меню навигации
На многих сайтах, допустим, 10 статей идут вертикально, а под ними навигация типа 1|2|3|4|5|6| итд пример - вот http://free-templates.ru/ в них на 1-й странице последние статьи, а на последней - первые. а у меня на первой странице - первые, а на последней- последние вобщем, как сделать так, чтоб статьи шли в обратном порядке относительно навигации? заранее спасибо
0 votes3 answers