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 файле описанно body, td, div, p,a{font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; color:#000000} h1 {font-size:24px; color:#000000; font-weight:normal} h2 {font-size:20px; color:#000000; font-weight:normal;} a h2 {font-size:20px; color:#000066; font-weight:normal; text-decoration:underline} a h2:hover {font-size:20px; color:#000066; font-weight:normal; text-decoration:none} первый вопрос: как это можно уменьшить (чтобы была мульти браузерность) второй вопрос: у меня есть блок-таблица с темным задним фоном как можно автоматом просто сменить цвет текста пример: <table> <tr> <td><h1>Заголов…
0 votes3 answers -
Закругление углов средствами CSS без картинок
Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…
0 votes5 answers -
Позиционирование
Всем привет, есть такое задание. Есть прямоугольник, в нём данная фоновая картинка, прямоугольник в рамке данного цвета. Прямоугольник посередине страницы. Делим этот прямоугольник на 2 части и в каждую часть посередине ставим круг. Не получается сделать это. Вот точто я смог сделать: http://l2-infinity.com.ua/tempus/default.html Заранее спасибо.
0 votes14 answers -
2 проблемы при верстки меню
Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…
0 votes13 answers -
Как выстроить элементы
В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…
0 votes5 answers -
1px сдвиг вправо, в IE 7
Помогите решить мего проблему пожалст Вот сайт: http://wow-bc.3dn.ru/
0 votes8 answers -
Ищу опытного учителя.
Доброе время суток. Адекватный, старательный парниша ищет опытного учителя, наставника, сенсея, который поможет освоить HTML СSS. А там гляди и верстальщик из меня получится! Буду рад если кто то откликнется. Обещаю стараться...
0 votes10 answers -
проблема с обрамленим input'a типа text
проблема заключается в том, что не могу поменять бордеры у input'ов типа text... как видно на скрине (хоть и плохого качества), но видно что на кнопке бордера нет, а вот на текстовом поле есть оранжевое обрамление... не подскажете от чего это может быть... ибо такого цвета бордеры нигде в CSS таблицах не прописывал...
0 votes6 answers -
Меню сайта
Подскажите как создать хорошоє меню к сайту з випадающиэми разделами.
0 votes3 answers -
нужна Ваша помощь
Доброго времени всем! Нужна Ваша помощь! Как сделать страничку с отзывами? Возможно ли это средствами CSS сделать??
0 votes8 answers -
Делаю нумерованный список, а получаются -- маркеры
пишу <ol>, <li> использую -- все как положено. а в результате маркированный список получается. в чем подвох?
0 votes11 answers -
Горизонтальная линия (разделитель в вертикальном меню)
Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)
0 votes5 answers -
Подвал налазит на виджеты
Здравствуйте! Заказала у фрилансера адаптивный резиновый шаблон. Сама еще такие вещи писать не умею. Проблема в подвале, который налазит на виджеты и контент. Если на сайте короткая статья и много виджетов в сайдбаре, то виджеты оказываются под футером. Если на сайте мало виджетов и статья короткая, то футер оказывается посредине. Шаблон тестирую тут test.degavo.ru Фрилансер пишет, что нужен скрипт, типа он дорогой, и только он может выровнять подвал. Что это за скрипт? Фрилансер смог написать бесплатный, который не срабатывает. Вот этот: <!-- 3 colums --> <script type="text/javascript"> $(document).ready(function(){var $=jQuery.noConflict();setTimeout(ale…
0 votes8 answers -
Закрытие страницы "на кнопку"
Понадобилось сделать что бы на сайте была кнопка/надпись, на которую нажимаешь - и страница закрывается. Видел такое на некоторых сайтах, кто знает как сделать?
0 votes7 answers -
Footer (картинку Вниз!)
Чего-чего не ожидал, так это столкнуться с такой проблемой: Каждый, наверно, знает, что картинке можно задать align, чтобы картинка упиралась бесконечно вправо, влево... а как же сделать, чтобы она упиралась вниз?? <img src="under.jpg" width="900" height="382" align="absbottom" valign="absbottom"/> - нифига <img src="under.jpg" width="900" height="382" align="bottom" valign="bottom"/> - тоже нифига Все перепробовал, подскажите что делать. Спасибо.
0 votes13 answers -
Проблема с jQ!
Всем привет! Продолжаю разбираться с jCarouselLite и появился вопросик не большой. Вот ссылка на источник: http://www.gmarwaha.com/jquery/jcarousellite/?#install В самом конце дан код: $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); а куда его пихать не написано. подскажите куда его пихнуть плз.
0 votes9 answers -
Master pages в чистом HTML
Есть ли способ создать Master pages (шаблоны страниц, повторяющие дизайн для каждой страницы) при помощи чистого HTML, без SSI, ASP.NET, PHP или JavaScript ? Нужно для мини-сервера, который может только отдавать файлы и больше ничего.
0 votes5 answers -
верстка окна чата для сайта
Добрый день! Моя задача - создать описание такой вот странички в CSS, фиксированного размера 1000x600(px). Не знаю как подступиться , помогите хорошим советом. Заранее благодарен, скрин требуемого скелета ниже. С этой проблемой вроде как разобрался, не уверен правда в грамотности кода на CSS =) Но вот например возникла довольно таки часто встречающаяся ситуация с версткой подобных вещей. Как грамотно описать в css? я описывал примерно так, правильно ли это? .history_options_bar { /*background-color:#0CC;*/ width:100%-20px; height:auto; padding: 10px; outline:1px solid grey; font-size:14px; } .checkbox input { border:solid 1px grey; } #message…
0 votes1 answer -
HTML5 - В какой элемент лучше всего оборачивать breadcrumbs и pagination?
Обычно я делал так <aside role="navigation"> <!-- breadcrumbs or pagination --> </aside> Однако это, как оказалось, невалидно из-за ошибки "Bad value navigation for attribute role on element aside". Элемент aside используется для блоков, которые не относятся к содержимому на странице, но связаны с ним, т.е. для крошек или пагинации вполне пойдет по семантическому смыслу, как мне кажется; а роль navigation используется для указания на элементы, содержащие ссылки для перемещения по сайту. В связи с этим у меня вопрос - как лучше всего с точки зрения семантики создавать блоки со ссылками (кроме главного меню, конечно)? Просто aside или secton role="navig…
0 votes4 answers -
Bootstrap фотогаллерея
Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.
0 votes7 answers -
Почему Bootstrap переносит айтем на следующую колонну
Изначально айтемы стояли на своих местах, но когда я добавил больше текста, то получилась вот такая картина. На втором скриншоте показано то, как должны стоять айтемы.
0 votes3 answers -
Первая строка в IE
Здравствуйте мужчины! Столкнулась с такой проблемой. Первая строка текстового блока как будто прижимается ко второй... дальше нормально, следующий абзац... то же самое.
0 votes8 answers -
Как создать переменную которая бы содержала в себе путь к файлам
Добрый вечер Подскажите как можно создать переменную или что то такое чтобы к примеру если изменился путь к папке с картинками не надо было менять в 20 местах код а только в одном прописать путь и в случае если надо поменять то поменять в одном месте Спасибо всем за помощь
0 votes7 answers -
блоки в строчку
Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…
0 votes8 answers -
Оформление меню
Делаю выпадающее меню, возникла проблема реализации, как на картинке видно сами пункты чуть отделены вниз. Есть мысли у кого нибудь как удобнее это меню реализовать. Заранее благодарен
0 votes8 answers