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
-
Меню
Привет! Не кто не знает как сделать вертикальное выпадающее меню с помощью CSS? Заранее благодарен.
0 votes6 answers -
Помогите с CSS!!
Дайте кому не жалко все теги css работающие в IE от 6 версии, в mozill `e и opera и если можно, то пришлите прям на ящик... ну оч нужно kasanders@ya.ru
0 votes2 answers -
Почему не рекомендуется использовать идентификаторы?
Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?
0 votes5 answers -
Не могу подключить сторонний шрифт
Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …
0 votes22 answers -
Не получается сжать текст
Как "сжать" текст в "Home", "About", "Services" и т.д. ?
0 votes11 answers -
Ещё раз о section
Всем доброго дня? Вечера? Ночи? Не раз видел вот такое, да и сам так верстаю: <section id="block"> <div class="conteiner"> <h1>Тра-ля-ля</h1> </div></section>#block { width: 100%;}.conteiner { margin: 0 auto; width: 1000px;}И при построении дерева документа выбивает untitled section. Собственно, возникает резонный вопрос:"может делать всё с точностью да наоборот": <div id="block"> <section class="conteiner"> <h1>j;j;jl</h1> </section></div>Тогда, вроде, все должны быть довольны. Вот как-то так. Только правильно ли это?
0 votes19 answers -
Резка макета
Подскажите по сабжу, а то я всегда резал Jpeg, а тут один знакомый дизайнер заявляет мне, будто делать это непрофессионально (нашёл профессионала :-D), сжатие, потеря кач-ва и всё такое... А я просто не представляю, как можно резать макеты по-другому.
0 votes8 answers -
тег param
В описании этого тега <param> сказано, что при помощи него можно передавать параметры апплету или элементу activeX. <applet> <param name=n1 value=var> </applet> таким образом апплету передаётся аргумент, значение которого var . То есть мы передаём статический параметр. Но как реализовать, чтобы передавался динамический параметр, значение которого заранее неизвестно? Ну, например, как можно передать апплету аргумент, значение которого будет взято из тега <input>?
0 votes9 answers -
перенос текста внутри td
перенос текста внутри td имеем <td>первый второй третий</td> как сделать, какой символ нужно добавить между словами, чтоб каждое слово выводилось в браузере в ячейке с новой строки ? Заранее благодарен!
0 votes6 answers -
как выровнять div по низу страницы?
Всем привет! Начал верстать дивами недавно (все делал таблицами). Вот сейчас столкнулся с проблемой (весь код приводить не буду, ибо существенна его ооочень малая часть): У меня есть div, который я использую в качестве фона. У него есть z-index соответственно равен 1)) впрочем приведу все его свойства: #bg {z-index: 1; min-width: 1024; float: left; position: absolute; opacity: 0.95; filter: alpha(opacity=95) vertical-align: bottom;} в нем, соответственно содержится фоновая картинка, которая должна растягиваться/сжиматься до определенной степени в зависимости от размеров окна. Ее свойства css: #bg img{width: 100%; min-width: 1024;} слоем выше у меня находится контент, кото…
0 votes2 answers -
Круг в круге
Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.
0 votes12 answers -
Переполнение блока
люди, помогите! Бьюсь над проблемой, нич? не помогает. В контенте вылезает строка, хотя она должна переноситься. Оверфлоу пробовал, не помогает, немогу понять, в ч?м дело, уже два дня сижу пустыр?м, проблема висит. Страница: http://fastblogdesing.narod.ru/123/index.htm Кстати, можете дизайн оценить. Но это просто кошмар!
0 votes3 answers -
Добавление новостей на сайте?
Это делать нужно в html коде, или можно такую функцию на сайте сделать?
0 votes17 answers -
Как связать низ колонок
Всем доброго времени суток. Я опять со своей проблемой! Никак не пойму, как работать с высотой при вёрстке таблиц, и не важно в чём они построены. У меня прям руки опускаются, что не понимаю я как надо написать алгоритм, чтобы всё отображалось как надо. У меня есть несколько вариантов вёрстки, но у каждого какие-либо отклонения от желаемого результата. Причём если в одном шапка получилась,то с телом проблемк, а где тело в норме, то шапка ведёт себя как попало! Пытаюсь сделать по аналогии удачного примера, но получается ерунда какая-то. Пожалуйста, подскажите, как быть с высотой? Потому что в некоторых примерах, подсмотренных с нэта,вроде вообще нет никаких указаний на…
0 votes10 answers -
Div не хочет растягиваться по высоте
Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?
0 votes12 answers -
Подгон под разрешение
Здравствуйте! Помогите сделать макет, пожалуйста. Лого и меню должны быть всё время в этой точке, а бэкграунд обрезаться примерно в таких пропорциях, в зависимости от разрешения экрана. Я пыталась, но что-то ничего не выходит! Спасибо! http://narod.ru/disk/17438443001/mayakfhd.png.html http://narod.ru/disk/17438494001/mayakhd.png.html
0 votes22 answers -
Где совсем новичку брать шаблоны сайтов для анализа?
Добрый день. Где новичку брать макеты сайтов для их анализа? Вроде бы HTML и CSS немного изучил, пару книжек прочёл, в основы погрузился. А что дальше? Вот хотел бы анализировать чужие сайты. Но реальные, в интернете - чудовищно сложны с моим уровнем знаний, и притом, там же кроме HTML и CSS ещё и скрипты, которых я пока вообще не касался, и PHP. Пробовал анализировать шаблоны с сайта http://ru.anvisionwebtemplates.com/ - тоже сложновато ещё. Реально сложно, громоздко, неудобно, непонятно. А с другой стороны, шаблоны со странички http://htmlbook.ru/layout уже все проштудировал и полностью, как мне кажется, разобрал. А с http://ru.anvisionwebtemplates.com/ - ещё сложно. Т…
0 votes9 answers -
Не работает overflow:hidden в Opera 12.16
Здравствуйте! Почему-то Opera 12.16 не хочет обрезать затухающие линии у блока .disc при overflow:hidden. Похожее дело и с блоком .tail. Тут Opera 12.16 не хочет обрезать тень от дочернего элемента. Что это? И как обойти? http://cssdeck.com/labs/full/jb72htly
0 votes16 answers -
Картинка не догружается до конца, что делать?
В интернете есть видеокамера, картинки с нее нужно отображать у меня на сайте, каждые 30 секунд идет заливка картинки, каждые 30 секунд рефреш странички с картинкой. неприятность в том, что время от времени картинка отображается не полностью. Подскажите, пожалуйста, с чем это может быть связано и как устранить сию неприятность.
0 votes7 answers -
Колонки <td> + <div> - Разъезжаются
Здравствуйте, есть сайт _www.mr-group.ru, если открыть в Mozilla - нижняя оранжевая линия идёт нормально, без прерываний. Если открыть в IE, появляются расстояния в этой полоске. Особенно это ярко выраженно во внутренних страницах. Пожалуйста, помогите разобраться в чем ошибка.
0 votes6 answers -
overflow
Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально. Как обрзумить оперу? вот код: <body> <div id="center"> <div id="left"> <jdoc:include type="modules" name="left" /> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> <jdoc:include type="component" /> </div> <div id="rigth"> <jdoc:include type="modules" name="right" /> </div> </div> </div> #center {width:100%; height:410px; } #left { width:24%; height:400…
0 votes4 answers -
Нужно растянуть дизайн по вертикали
Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…
0 votes9 answers -
Не могу включить border-radius for IE<9
При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт Вот скрин:элементы с border-radius
0 votes19 answers -
Тень средствами css
Собственно как можно сделать тень которая отбрасывается от "страницы", подробнее на рисунке.
0 votes9 answers -
Тег command, атрибут command
Нужна помощь экспертов. Значит, имеется такой тег: command Спецификация У него имеется атрибут: command Спецификация Вопрос: Как это понимать, где и как это использовать? Если можно - со ссылками или с примерами. Что-то не могу разобраться... Спасибо.
0 votes13 answers