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
-
Вопрос на засыпку
Вот пришла в голову идея сделать ссылку на часть страницы находящегося на другом сайте. Можно это вообще как либо осуществить ? Заранее спасибо.
0 votes22 answers -
Подсветка area
Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?
0 votes5 answers -
Градиентный border
Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)
0 votes7 answers -
Использование semibold-шрифта вместо bold
Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…
0 votes3 answers -
Верстаю по макету. Нужен совет.
Есть *PSD макет . Дом, земля, забор, логотип и небо с солнцем на разных слоях, вот думаю как сверстать из этого резиновую шапку. Есть сложности: градиент не равномерен, т.к есть солнце и свет от него, т.е сделать фоном небо с забором и землей не получиться. Как думаете, что тут можно сделать? http://photofile.ru/express/ashozzofesisea...omothi/1016525/ - шапка
0 votes11 answers -
IMG width в %
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?
0 votes32 answers -
Текст по разным сторонам div
Хочу спросить тривиальную задачку на которую я не знаю правильного ответа. Наглядный пример того что должно быть, если не понятно чтото пишите думаю опишу Есть простой div(резиновый 100%) внутри его есть два куска тектста один кусочек должен быть прижат к левой стороне, вотрой должен быть прижат к правому краю. Все элементарно как бы, но у меня не выходит в точности как нужно. Посоветуете пожалуйста как это можно сделать. Также хотел спросить почему если сделать два блока одному задать float:left, а второму float:right. Заведомо сделать ширину блоков чтобы они поместились в одну строку(на одном уровне) монитора тогда в ie6 блоки располагаются как нужно слева один бл…
0 votes3 answers -
Фиксация заголовка таблицы при прокрутке
Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?
0 votes10 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 -
Как вставить соответствующие иконки в соответствующий пункт меню, рядом с тестом
Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом. К примеру меню: авто мото вело контакты Перед каждым пунктом списка нужно поставить соответствующую иконку. Я использую вордпресс (это на всякий случай) ), вод код меню в css /*Main Navbar */ #nav { font-size:1em; background:#669900; } #nav, #nav ul { list-style:none; line-height:1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: white; padding: 9px 18px…
0 votes8 answers -
Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?
Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?
0 votes11 answers -
Тупой вопрос
Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)
0 votes11 answers -
position: absolute перекрытие
Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.
0 votes6 answers -
JS refresh
Доброе время суток!.. Как можно посредством JS обновить содержимое браузера? С уважением clgs.
0 votes7 answers -
Внешний блок с Float тянется на всю ширину, ИЕ6,7
Есть такой урл http://kirtour.undersite.ru/, там есть менюха верхняя со странами ЯПОНИЯ, АВСТРАЛИЯ и т.д. Есть внешний блок .whole_div в котором находятся 3 дива, два из них отфлоачены по бокам (.left_div и .right_div), а третий тянущийся посерединке (.center_div), сам внешний блок тоже отфлоачен слева, в 6 и 7 версиях ИЕ, почему то как бы не работают, при флоатах же обычно если не указавать ширину то блок тянется по контенту, а тут .whole_div ведет себя словно флоата то у него нет ) хм, впервые на такое наткнулся, кто нить знает?
0 votes27 answers -
bxslider в табах
Возникла тут проблема. Есть блок с 3 табами(вкладками), и в каждом свой слайдер. Вроде все сделал, но слайдер работает только в первой вкладке. При переключении на вторую или третью, контент слайдера не показывается, остаются только кнопки управления. Прочитал что нужно при нажатии на таб перегружать слайдер в таком случаи, так как блок был скрыт и он не просчитал размеры. Сделал вот так: var slider = $('.bxslider-product-all').bxSlider();var sliderNew = $('.bxslider-product-new').bxSlider();var sliderSpecial = $('.bxslider-product-special').bxSlider();$('.tabs-link').click(function(){ slider.reloadSlider(); sliderNew.reloadSlider(); sliderSpecial.reloadSlider();}); И…
0 votes5 answers -
Как запретить горизонтальную прокрутку?
Как запретить горизонтальную прокрутку?
0 votes4 answers -
Расстояние между ячейками таблицы
Подскажите, люди добрые, можно ли имея несколько ячеек в таблице задать разное расстояние между ними? cellspacing устанавливает одинаковое, а если нужно разное? Спасибо
0 votes7 answers -
Css-меню и сепараторы
Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…
0 votes2 answers -
Текст в окне полосы прокрутки
Здравствуйте! У меня вопрос, как в scrollbar сделать одно слово из текста курсивом? Я использую такой код: <p><textarea name="formtextarea1" rows="13" cols="86" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-3dlight-color:rgb(102,102,102); scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Текст текст текст текст текст текст текст текст текст текст текст текст те…
0 votes10 answers -
2 div'а поверх div
не знаю как это сделать, есть 3 дива и картинка, необходимо положить в основной див картинку и оставшиеся 2 поверх картинки Синим цветом основной вив в котором всё распологается Жёлтый цвет - картинка Красным те самые 2 div'а выступающие в роли кнопок пробовал z-index'ом но всё равное не получилось =( помогите пожалуйста, если вопрос на форуме повтор, извините. но я правда искал
0 votes1 answer -
Google chrome min-height , height:auto не робит!
#container { width:900px; height:auto !important; height:100%; min-height:100%; background-color:white; margin: 5px auto 0; } <div id="container"> [indent]<div id="header"></div> <div id="leftmenu"> <div id="logo"></div> <ul> <li><a href="index.php">Главная</a></li> <li><a href="index.php?p=articles">Статьи</a></li> <li><a href="index.php?p=about">Обо мне</a></li> <li><a href="index.php?p=feedback">Обратная связь</a></li> </ul> </div> <div id="content">много текста</div>[/indent] &l…
0 votes5 answers -
Как сверстать карусель
Скажите может кто то знает как сверстать вот такую карусель Чтобы попроще 4 блока ссылки стрелочки ,что бы попроще, может есть у кого инфа по этому поводу https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1134449
0 votes13 answers -
вопросы по кросбраузерности
<div style="float: right; width: 300px; height: 100px; background: #000"></div> <div style="float: left"> <table width=100% bgcolor=#cccccc><tr><td>1234567890</td></tr></table> </div> Хочется сделать код кроссбраузерным, чтобы в FF отображалось то же самое, что и в IE. Важный момент здесь, что таблица содержит мало текста, поэтому ее приходится растягивать (width=100%). P.S. Ну и заодно спрошу, поддерживает ли FF CSS:expression? У меня складывается ощущение, что не поддерживает...
0 votes7 answers -
Подключение css файла
Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.
0 votes15 answers