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
-
cover size для img
Скажите случайно нельзя указать размеры для img типа cover? Как cover в background-size? Или как добиться такого эффекта?
0 votes4 answers -
Проблема с line-height
Надо в слое установить интервал текста line-height: 2.5, но в IE такая фишка не работает, хотя в Опере и Мозилле все нормально, вот код и стили
0 votes1 answer -
Линки меню т.д.
У меня возник вопрос: как сделать свой стиль меню(не обычный подчеркнутый текст), а что-нибудь другое. Насколько мне известно, надо прописать где-то class и название стиля. Этот вопрос затрагивает также и пункты меню ( ), рамки вокруг картинки.
0 votes8 answers -
Помогите решить проблему с FrontPage 2003.
Уважаемые участники форума, нужна ваша помощь. Проблема состоит в следующем. У меня есть текст, например, на 10 абзацев + заголовок. Я копирую этот текст (не из Word, а из блокнота), после чего вставляю в FrontPage, а затем удаляю все лишние теги , которые расставляет программа. После этого оста?тся примерно такой текст в коде: Текст 1. Текст 2. Текст 3. Текст 1 должен быть заголовком. Я выделяю его, после чего выбираю в открывающемся списке Заголовок 1. И тут происходит самое интересное, открывающий тег программа ставит перед Текст 1, а закрывающий тег после Текст 3. То же самое происходит, если я пытаюсь применить тег . В тоже время, если я хочу выделить жирным или …
0 votes9 answers -
Позиционирование
Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…
0 votes15 answers -
Пропорциональное выравнивание блоков по горизонтале
Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…
0 votes9 answers -
Помощь в вёрстке "Шапки"
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
0 votes11 answers -
Замена бэкграунда контента
Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">
0 votes10 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
блок в форме сердца css
Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?
0 votes8 answers -
Стили, контент с прокруткой в рамке
Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь
0 votes2 answers -
Не тянутся таблицы по высоте правильно
Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…
0 votes9 answers -
Как сделать так...
Мне нужно сделать, чтобы две разные таблицы стояли по центру. (как на картинке).
0 votes12 answers -
На чем верстать?
Подскажите пожалуйста, стоит ли верстать на HTML5? Если нет то на чем лучше?
0 votes13 answers -
Особенности резиновой верстки
Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?
0 votes9 answers -
Статичная высота ячеек
Имеется таблица: задача сделать так, чтобы при увеличении высоты ячейки 2Е,высота ячеек 1А,1В,1С не изменялась, изменялась тольо высота ячейки 1D. Как это возможно?
0 votes1 answer -
Подскажите Как Поменять Настройки Чтобы Читался Шрифт
Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…
0 votes4 answers -
Работа с position:absolute и множественными элементами
Други, вновь за помощью спешу к вам. Ситуация такая нужно к множественным элементам, которые генерируются и имеют один класс применить абсолютное позиционирование, это получается, но вот проблема в том, что когда они начинают двигаться с помощью left, right.... т .п. то они собираются в одну кучку, причем относительное не потоходит по причине того что динамический элемент расширяет границы блока и верстка едет. подскажите как быть?
0 votes5 answers -
Список, появляются отступы
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…
0 votes6 answers -
Отступы от краев таблицы
Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!
0 votes5 answers -
[БАГ] firefox \ input \ padding \ %
Обнаружен баг, заключающийся в том, что пэддинг по горизонтали не высчитывается корректно для инпутов в лисе, если задан в процентах. Возникают два вопроса: 1. Идеи, как это хакнуть? 2. Кто отправит баг-репорт в мозиллу? Примерный текст:
0 votes18 answers -
Оформление input[type="submit"]
Приветствую всех участников форума! Подскажите, пожалуйста, как оформить кнопку отправки формы: http://prntscr.com/9aybj3 Таких кнопок на сайте будет несколько и с разным содержимым, поэтому повесить одну большую картинку на бэкграунд думаю будет ошибкой. Полоска, разделяющая текст и стрелку вправо должна быть прозрачной.
0 votes5 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Как заверстать хитрый макет?
В общем выглядеть будет примерно так: Помогите заверстать, или хотябы объясните логику. У #CONTAINER ширина меняется
0 votes8 answers -
Очень простой вопрос
Вопрос очень прост, возможно ли использование двух классов для одного блочного тега. Пример <div class="alfa" class="beta"></div>. Правильно ли это с точки зрения синтаксиса, если да, то как они могут между собой конфликтовать?
0 votes10 answers