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 выровнять текст по верхней границе???
Скажите кто-нибудь, пожалуйста, как в CSS выровнять текст по верхней границе родительского элемента.
0 votes1 answer -
пересечение слоев. как исправить?
В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }
0 votes6 answers -
расстояние между строками текста
расстояние между строками текста у меня есть блок шириной 200 пикселей в этом блоке есть ссылки для которых в стилях прописано подчеркивание в виде нижней рамки a { color:#1F8807; text-decoration:none; border-bottom:1px dashed #1F8807; } если ссылка не длинная то подчеркивание делается нормально а если длинная то вот так можно ли сделать чтоб было так
0 votes8 answers -
Какую литературу посоветуете для полного изучения CSS3?
Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...
0 votes2 answers -
Не могу убрать падинги у li
Верстаю такой хедер и столкнулся с двумя проблемами - Не могу понять почему между li разные падинги, например в Home с права большой паддинг, тогда как значения задал всем li общее - И еще у класса activ слева до рамки пустое место, не как не могу понять за счет чего оно образовалось https://jsfiddle.net/y5dmrL81/
0 votes2 answers -
База данных для создания регистрации
Я недавно начал содавать свой сайт, но не могу понять, как можно создать базу данных, чтобы в не? можно было записывать аккуанты... Ковырял MySQL, но так и не понял, как им пользоватся... Подскажите, хоть что-то одно из этих двух...
0 votes6 answers -
margin в mozilla не работает
Вывожу новость в div, внутри этого div выводится div с рисунком. Вот этот див с рисунком имеет class=picture: div.picture{ float: left; width: 90px; margin: 6px; } Я так понимаю, что margin: 6px означает, что со всех чторон отступ от других элементов должен быть как минимум 6px, в ie и opera все так и работает, а вот в мозиле вложенный div вылазит из родительского. Добавлял в стиль родительского div'a padding-bottom, так вот этот отступ работает от вставленного текста, т.е. на вложенный div он внимания не обращает, подскажите как с этим бороться? Пример: www.xepb.ru/~roma/news.php там можно зайти в галерею там это очень четко видно. и текст наползает на див. Зараннее …
0 votes2 answers -
стилевое оформление ссылок
верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…
0 votes2 answers -
Вертикальное выравнивание рисунка в блоке
Всем привет! сразу к делу. есть блок, внутри него надо отцентрировать рисунок по вертикали. вроде бы есть решение height:... line-height:... Но не работает в IE 6. Для IE6 нашел нашел на этом форуме решение с пустым <span>, но оказалось что не работает в Google Chrome (а, следовательно в Sofari). Вот кстати рисунок. Итак мне просто нужно чтобы значок RSS был на одной линии с текстом. Никаких таблиц. необходима валидность, совместимость: IE6 и выше, Opera 9 и выше, FF 2 и выше, Google Chrome. Вроде бы на превый взгляд задача оч. проста, но бъюсь уже целый день Доп инфо - высота блока и размеры рисунка известны. Особое требование - при изменении масштаба на один …
0 votes2 answers -
Помогите научиться понимать как сделать сложный дизайн div
Спасибо огромное создалелю сайта это первое! Я понял 80% написанного! Читал читал)и наткнулся у вас на странице http://htmlbook.ru/content/?id=79 есть пример дизайна страницы с помощью div, вопрос звучит так, как слой "copyright" сделать после всех, вот скриншот вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Красивый дизайн</title> <style type="text/css"> body { margin: 0 0 0 0; } #top_title { width: 100%; height: 150px; background-color: #eee;} <!-- !--> #m_main {…
0 votes3 answers -
Несколько вопросов начинающего
Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…
0 votes7 answers -
Эффект перекатывания
Добрый день, возник такой вопрос. Имеется маркированный список, в котором элементами являются ссылки. Хотелось бы сделать эффект перекатывания для каждой картинки-ссылки посредством CSS. Кому не сложно, подскажите, как можно реализовать?
0 votes5 answers -
Пропорциональное уменьшение сайта, бред ли?
Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?
0 votes3 answers -
передача параметра
Как передать параметр при нажатии на гиперссылку от одной страницы к другой?
0 votes2 answers -
Валидность css кода.
При верстке странички слоями я для того чтобы слои не сьежали один под другой, при уменьшении окна браузера, я применял для Оперы и Фокса min-width, а для ИЕ width: expression(document.body.clientWidth > 776 ? "100%" : "776px"). Из-за этого выражения для ИЕ, я так полагаю он и не может быть проверен на валидность. Постоянно выдается ошибка: Servlet has thrown exception:javax.servlet.ServletException: Timed out Так вот вопрос, является ли такой код валидным? И что можно предпренять чтоб валидатор смог проверить стилевой файл?
0 votes3 answers -
проблема с жирностью <h1>
Доброго времени суток. У меня следущая проблема. есть следущий код <H1 class="mainh1"><FONT size="1" color="#2C5C9A" weight="normal" id="h1main">Тралялял-трумпумпум</FONT></H1> в css прописано так #h1main { font-weight: normal; } h1.mainh1 { font-weight: normal; } НО! ни в какую не хочет именно этот заголовок стать НЕжирным. подскажите, пжалуйстя где может быть ошибка??
0 votes4 answers -
Вопросы по резиновому дизайну.
Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…
0 votes9 answers -
Пара вопростов по css
1. css не наследуется, но стили можно складывать? Есть такие заголовки: <div class="header_bg" ><div class="header_news" ></div></div> <div class="header_bg" ><div class="header_tyres" ></div></div> <div class="header_bg" ><div class="header_disk" ></div></div> такие css: .header_bg{ float:none; width:100%; height:38px; margin: 0px; padding: 0px; background-color:#4a84c3; } .header_news{ float:none; width:100%; height:38px; background-position: right top; background-image: url(../img/header_news.jpg); background-repeat: no-repeat; } .header_tyres{ float:none; width:100%; height:38px; background-positi…
0 votes8 answers -
Не получается сверстать кнопки
Есть два варианта кнопки - активная и неактивная. У активной появляется стрелочка (высота кнопки увеличивается). Margin не помог - стрелочка не выходит за рамки кнопки. С падингом или увеличением высоты кнопка увеличивается, а стрелочка опять не выходит за пределы синего фона(( Подскажите плиз как сверстать кнопку.
0 votes7 answers -
Запрещение перетаскивания изображения зажатием мыши в браузере
Люди добрые, помогите с такой проблемой: Нужно чтобы при зажатии мышкой на изображении (IMG) его нелзья было сдвинуть (драг-н-дроп) прикладываю картинку для наглядности -webkit-user-select: none; -moz-user-select: none; Не помогло
0 votes6 answers -
Хитро убрать pointer-events со ссылки и вернуть обратно
Добрый день. Такая задача. В оформлении текста используются невидимые блоки - span.show-on-hover, где color = background-color и где color становится контрастным по .show-on-hover:hover. Вместе с текстом прячутся ссылки и показываются по .show-on-hover:hover a. Всплыла проблема с мобильными пользователями. Чтобы увидеть текст блока, они в него тыкают. Порой они ненароком попадают в невидимую ссылку и тотчас переходят по ней. Нужно чтобы по ссылке невозможно было перейти с первого тапа, первый тап должен только кинуть :hover на .show-on-hover, и только вторым тапом можно тапнуть по ссылке. При этом для пользователей компьютеров все должно быть по-прежнему, никаки…
0 votes6 answers -
Вопрос по фрейму
Привет всем. Ребят, помогите справиться с бедой. Нужно в html файле открыть в области другой html файл и выгрузить данные из csv файла в области этого html. Пробовал через iframe и object. Никак не выходит произвести выгрузку данных
0 votes6 answers -
Баг Ie С Вложенной В Абсолютно Спозиционированный Див Гиперссылкой
<!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> <style type="text/css"> .wrapper {position: absolute;width: 15px;height: 20px} .wrapper a {display: block; position: relative; width: 15px; height: 20px; border: 1px solid red} </style> </head> <body> <div class="wrapper"> <a href="#"></a> </div> </body> </html> Хотелось бы, чтобы гиперссылка занимала весь родительский блок, а она становится однопиксельной. В чем проблема?
0 votes2 answers -
поиск ошибок
Может не совсем в ту тему пишу, но очень нужна помощь. Я достаточный чайник в верстке, но худо - бедно что-то верстала. Недавно меня взяли на поиск ошибок в чужой верстке, подскажите пожалуйста хорошие ресурсы по теме.
0 votes8 answers -
Горизонтальный скрол и подвал взлетел
Здравствуйте, вот ссылка на моё творение: http://melmak.ru/velo-tuning/Page-1.html Ещё осталось подвал заваять, но почему-то он взлетел. И скрол горизонтальный по моему не оправдано ставиться браузерами. Проверяю пока на IE и опере. Принимаю всю критику, даже по дизайну
0 votes13 answers