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
-
Несколько вопросов от новичка
Здравствуйте. Вот пример достаточно простого (на вид) макета: http://windows.microsoft.com/ru-RU/windows/explore В связи с этим, несколько вопросов: 1. Где картинки? Браузер не распознает графические участки страницы как картинки и не сохраняет их. При "просмотре кода элемента" через консоль Хрома их тоже найти не удалось, хотя HandyCache успешно сохранил их с расширением .png в свой кеш. 2. Чем можно просматривать PSD макеты не устанавливая сам Photoshop при этом? Просмотреть и разобрать макет на составные. 3. В качестве рабочего инструмента у меня есть пакет Microsoft Expression 4. В частности Microsoft Expression Web для работы с HTML-кодом. Кто-нибудь им пользовался?
0 votes21 answers -
Линия под заголовоком
Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?
0 votes14 answers -
Меню сайта
Приходится прибегать к помощи магистров игр.... Вставляю динамическое меню в страничку при помощи проги DHTML Menu, и это меню сразу располагается в левом верхнем углу страницы, возникает очень интересный вопрос - ка изменить координаты (положение) этого гаденыша, если он при редактировании страницы не отображается, а увидеть его можно только при просмотре страницы ?
0 votes6 answers -
Подскажите насчет FLOAT
Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…
0 votes5 answers -
Размещение блоков с помощью position: relative
Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…
0 votes6 answers -
Выпадающие меню
Здраствуйте у меня вопрос ,я часто встречаю на сайтах выподающие меню,знаю что это делается через css,может ктонибудь знает как именно?
0 votes4 answers -
Углы в Opera и Ie
проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…
0 votes12 answers -
Position relative и IE6
Доброго времени суток Уважаемые коллеги. Есть конструкция: <div class="main"> <div class="header"> </div> <div class="content"> </div> <div class="block"> </div> </div> У main position relative и у блока block тоже position relative он должен позиционироваться в main поверх всех блоков Моя задумка воплотилась в жизнь в mozilla, opera, google crome, safari. IE на отрез отказываться отображать block загоняя его под main, z-index не помогает. Что делать??????
0 votes6 answers -
Некорректно отображается маркер списка
Добрый вечер! Столкнулся со следующей проблемой: некорректно отображается маркер списка исключительно в опере, при том что в фаерфоксе, эксплорере и хроме всё как и должно быть. Выглядит это следующим образом: Это такая особенность оперы, или с этим можно что-то сделать? Подскажите пожалуйста. Вот css на всякий случай: ul li.collapsed { list-style-image: url("../images/plus.png"); } ul li.expanded { list-style-image: url("../images/minus.png"); }
0 votes4 answers -
Изменить стандартный select
Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq
0 votes4 answers -
Как правильно задать ширину формы и её селектов?
Здравствуйте! На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux. Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов. Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?
0 votes10 answers -
Есть проблема..
Всем доброго времени суток!!! У меня возникла проблема..... Можно ли как то автоматически определять размер ширины браузера и автоматически пересчитывать ширину выпадающего меню. Т.е. меняется ширина открытого окна=>меняется ширина выпадающего меню. Нужно что бы параметру width присваивалось значение: 0,33*("ширина открытого окна"-290px), как это осуществить? "Ширина открытого окна" должна динамически изменять при е? реальной смене. Спасибо все кто что подскажет
0 votes5 answers -
Зачем форме имя ? <FORM name ="имя_формы"
Зачем форме имя ? Искал в инете некоторые пишут что используется только для Джавы. Так ли это?
0 votes3 answers -
Как при помощи CSS задать фиксированою высоту ячейки?
Пробую значение height почему-то не получается...
0 votes6 answers -
Проблема с прозрачностью .png IE6
Читала темы, разные методы, но ни один не помог( Что можно сделать чтобы png был прозрачным и тянулся в IE6, html <div id="order_selection"> </div> css #order_selection { background: url(../i/line_order.png) repeat-x left bottom; height: 235px; width: 60%; margin: 0 0 0 0; float: left; } *html #order_selection { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/line_order.png', sizingMethod='scale'); }
0 votes8 answers -
Выезжание блоков
Необходимо сделать перемещение и выезжание блоков из за переделов страницы, примерно как здесь: http://www.hitekgroup.ru возможно ли это с помощью javascript?
0 votes3 answers -
click fallthrough
Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …
0 votes7 answers -
Табличная верстка
Стоит ли новичку изучать табличную верстку или это прошлый век? Я практикуюсь блочной верстке, при необходимости могу сделать таблицу. Имеет ли смысл специально учить сейчас, как верстать на таблицах ? Не хотела сейчас этим заморачиваться, но вижу в форуме, многие спрашивают именно по таблицам.
0 votes11 answers -
div падает
В общем, в div container у меня внутри три div-блока. Размером 20%, 55% и 25% соотв. Для расположения их по горизонтали я применил свойство float:left. Проблема: При попытке расширить средний блок (то есть, увеличить содержимое в ширине) (1) 55%, третий блок (2) 25% просто падает под него, не оставаясь на месте. А вставка background-image вообще работает неадекватно. Изображение вставляется только на 10%, словно обрезанное. max-width: 960px; - блока(1) Заранее благодарен за любую помощь. Я пока только учусь вёрстке. Много чего на практике только испытываю.
0 votes6 answers -
Равномерное растягивание IMG внутри блока DIV
Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.
0 votes2 answers -
Как?подскажите...
Доброго времени суток, ситуация следущая : имеем кучу html страничек,в которых есть одни и теже строки, а имеено table, где менюшка, причем на всех страничках одна и та же, не подскажете как можно через скрипт или как то еще подгружать эту часть из отдельного файла.а в самих страничках эту часть убрать... Заранее благодарен
0 votes4 answers -
Таргет
Народ, подскажите как сделать чтобы одно окно управляло другим ,к примеру, из одного окна открылось дополнительное другое ,как сделать чтобы при нажатии на дополнительном менялась информация на главном как выставить главному окну название которе буду писать в ссылке target в дополнительном окне. сразу говорю нету не каких фрамв
0 votes7 answers -
Верстка в три колонки.
Возвращаюсь к версте в три колонки Есть такой набор блоков HTML код <div class=all_page> <div class=left_content_border> <div class=left_content> <img src="/site_resources/images/sidebanner.jpg"/> <div class=second_menu> Это первый блок </div> </div> </div> <div class=right_content_border> <div class=right_content> Это второй блок Он должен находиться справа от первого </div> </div> <div class=right_banner> <a href=http://www.lipsum.com/>Lorem ipsum</a> </div> <div class=third_menu> </div> </div> CSS .left_content_border{ width: …
0 votes2 answers -
Уверен, у Вас такого еще не было!!!
Давно еще, приятно удивился, когда зашел на свой сайт в ИЕ, боюсь представить, что будет в Мозилле и ФФ. А пока прошу помочь мне в этой проблеме. что тут не так? Ума не приложу! Куда убегает контент? Убегает до последнего файла в меню.
0 votes4 answers -
Подскажите
НА http://free-grafix.ru.gg/Colorful-Header.htm увидел как сменяются страницы подскажите как сделать также Спасибо
0 votes1 answer