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
-
Резиновая шапка при фиксированном сайте
Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…
0 votes8 answers -
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
Помогите пожалуйста сверстать кому не трудно
Кто поможет сверстать простой макет? пожалуйста
0 votes10 answers -
Проблема отображения <ul> в Chrome
Доступен код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег UL</title> </head> <body> <center> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </center> </body> </html> Вот результат: В Firefox 5 & Opera 11.50 правильно отображается, а вот в Chrome 13 нет, можно как-то в CSS правило написать чтоб решить эту проблему, так как текст берется с БД после сохранения с tinymce.
0 votes7 answers -
Проблемы с горизонтальным меню
Люди добрые, нужна Ваша помощь. Со вчерашнего вечера ломаю head над header'ом. В горизонтальном меню, которое в идеале должно выглядеть так: при масштабировании возникает обрыв последнего блока меню на следующую строку. В первом варианте только ИЕ9 отображает меню именно так как я хочу. - см. тут Во втором варианте - когда я установил фиксированную ширину li, контент ячейки лезет вниз - и тут Помогите!!! Вариант 1 HTML: <div id="header"> <div id="innerHeader"> <img class="logo" src="images/logo.png" width="175" height="49" alt="Мир насосов"> <img class="slogan" src="images/slogan.png" width="781" height="27" alt="Наш девиз">…
0 votes5 answers -
Notepad++
Здравствуйте, форумчане. Не подскажете, как сделать автозакрытие фигурных и обычных скобок в Notepad++?
0 votes12 answers -
Проблема со слоями за экраном
Проблема заключается в том что бы спрятать изображения за экраном то есть за пределами видимой области. При масштабировании сайта изображения левого и правого бекграунда должны выезжать либо заезжать соответственно за пределы видимой области (экрана.) также при просмотре на разных мониторах с разными диагоналями левый и правый бэкграунды должны выравниваться в соответствии с свободным для них местом от края экрана до контента соответственно. Сам контент должен быть по середине и при масштабировании также должен либо отдавать либо забирать место у бэкграунда есть идеи?
0 votes7 answers -
css reset
Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…
0 votes30 answers -
Изменить цвет части блока
Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?
0 votes4 answers -
Норматив
Собрался верстать резину, но не знаю, какими ставить минимальную и максимальную ширину. Что посоветуете? Минимум думаю, стоит ставить 1000, а максимум какой?
0 votes18 answers -
Подскажите. что лучше использовать в моём примере JS или PHP?
Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?
0 votes11 answers -
список поверх рисунка
как сделать, чтоб нумерация списка была видна, а то остается под рисунком вот ссылка
0 votes7 answers -
Прототип меню
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> <…
0 votes19 answers -
DIV"ы наползают друг на друга
Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …
0 votes2 answers -
WEB-интерфейсы приложений
Вот есть такой вопрос.... Часто сталкиваюсь с web-интерфейсами различных программных продуктов, допустим 1С8 или Kerio Control и не могу понять, как они разрабатываются? Я сталкивался с ПО типа Adobe Flex SDK, но там как я понимаю речь идет об обратном действии - создать desktop-приложение из web. Неужели все эти интерфейсы (1C или Kerio) так же верстаются при помощи HTML и CSS ?
0 votes4 answers -
HTML5 — Section? Aside?
Давайте поговорим об html5 семантике, как бы вы разметили данный макет?
0 votes17 answers -
Порядок загрузки веб-страницы
В каком порядке (последовательности) загружается веб-страница?? Как указано в html коде?? сверху вниз?? т.е. то, что вверху кода загрузится раньше, чем то, что внизу?? или не существует заранее известного порядка?? например, на сайте "Специалиста" в последнюю очередь загружается блок в середине.. Почему?? Если не существует заранее известного порядка загрузки веб-страницы, то какие факторы влияют на то, каким будет этот порядок??
0 votes7 answers -
<keygen challenge="значение">
Подскажите пожалуйста значение атрибута challenge и для чего он вообще применяется. Из прочитанного нашел лишь то,что он запаковывается вместе с открытым ключом и вместе с ним пересылается на сервер. Но совершенно не ясно, что может быть атрибутом и зачем оно пересылается. Прошу прощения, если такой вопрос уже был. Только что искал, не нашел.
0 votes1 answer -
Верстка контент бокса
Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается. Пытаюсь сделать таким образом: HTML <div class="middleborder">[i]Контент[/i] <div class="top"></div> <div class="bottom"></div> <div> CSS div.topborder { display: block; background: url(image/top.png) no-repeat -18px -25px; height:210px; } div.middleborder { display:inl…
0 votes4 answers -
Подстройка шрифта под разные расширения экрана
Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу
0 votes7 answers -
не правильно отображается картинка в ИЕ6.
Нужно отображать закругленные углы. Применила для этой задачи - position:absolute, для картинок(углы) бекграундом - спрайт. Во всех браузерах отображается нормально. Но в ИЕ6 бекграунд блока абсолют отображается и за пределами блока. Как это исправить? css: .events_block{ position:relative; background:#f8fdfe; margin:0 0 20px; } .left_top{ position:absolute; left:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 -12px no-repeat ; } .right_top{ position:absolute; right:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 0 no-repeat; } так же указываю zoom:1; для блока .events_block. в от…
0 votes4 answers -
Вопрос о форме
Добрый вечер! Не подскажите как убрать текст из формы при клике и чтобы при переключении на другой объект тот же текст на форме снова появлялся? Решение должно быть кроссбраузерным!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9... ) Это необходимо сделать для следующей страницы: (там всего одна форма с текстом: 'Поиск') http://yamaradg.narod2.ru/history/News-Stars/1.html
0 votes9 answers -
Сверстать нестандартный шрифт condensed
Надо сверстать буковки нестандартным шрифтом. Хотела использовать cufon, но у меня шрифт мало того, что нестандартный, но еще и condensed. А cufon, я так поняла, может генерить только нормальный, жирный и италик шрифты. Собственно вопрос: это вообще возможно?
0 votes9 answers -
Сложно ли изучить HTML / CSS?
Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?
0 votes12 answers -
Полоса прокрутки.
Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?
0 votes6 answers