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
-
Еще проблемы с hover
Не подскажите есть ли универсальное средство, чтобы сделать такой hover http://clip2net.com/s/39WPtxB непосредственно css. То есть нужно чтобы автоматически под ширину слова подстраивался;непосредственная длина эффекта 90px, если пункт меню имеет большую ширину получается кривовато(((
0 votes3 answers -
Не работают px в градиенте
Не получается задать в пикселях, только в процентах: работает:background: -webkit-gradient(linear, 30% top, 60% top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));не работает:background: -webkit-gradient(linear, 300px top, 600px top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));
0 votes2 answers -
Информацыонные круги
http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.
0 votes2 answers -
Создание галереи
Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <div class="gallery"><img src="images/watch.png"> <img src="images/apple.png"> <img src="images/headset.png"> <img src="images/seminar.png"> <img src="images/jobs.png"> <img src="images/glass.png"> </div>.news-day .gallery{ box-sizing: border-box; height: 510px; overflow-x: scroll; width: 1900px;}.news-day .gallery img{ margin-right: 3px;}Но картинки просто вылазиют за ширину http://i67.tinypic.com/15x4xll.png
0 votes1 answer -
Безопасные web-шрифты
Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.
0 votes2 answers -
ReferenceError
Здравствуйте, столкнулся с проблемой, которую не знаю как решить, она не критичная, и даже без ее решения все работает, но очень бы хотелось разобраться в причине ее появления и как от нее избавиться. В отладчике, заметил что к каждому моему скрипту прописанному в "голову" главной страницы он выдает ошибку. Ошибка которую я получаю А вот те самые скрипты: <script> $(document).ready(function(){ $('.flexslider').flexslider({ animation: "fade", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <script> $(document).ready(function() { $("#form").valida…
0 votes0 answers -
Расширение блока под контент
Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?
0 votes1 answer -
как задать расположение элемента внутри блока
Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой? нашел решение .zvezda { position:absolute; top:100%; left:50%; transform: translate(-50%, -50%);
0 votes1 answer -
IE7 и Ctrl +/- = проблема
Воть сайт: http://www.altfotoplus.lv/main_ru.htm И есть одна проблема. В IE7 например при использовании Ctrl +/- для изменения размера сайта по непонятным мне причинам меню ссылок уезжает вправо и это вс? становится ужастным. можете сайти в другие разделы и там нету этой проблемы. Может поможете разобратся с проблемой?
0 votes0 answers -
Статус серверов
Хочу сделать статус бар серверов. Но проблема в том что немогу найти способ запроса на сервера. Открыл страницу со статус барами, там количество игроков на картинку подвешано и подгружается всего 1 js. День пытаюсь через php выудить статусы (пока безрезультатно). Может вы увидете то, чего невидно мне )) Это не пиар а даже наоборот ... нужны статусы офф серверов линейки. Они тут http://www.la2.ru/?act=status , а тут js http://www.la2.ru/style/js/status.js . И подскажите, почему ругается валидатор при доктайпе xhtml1-strict.dtd, на <a href='http://www.la2.ru/?act=status&s=Cadmus><img src='http://www.la2.ru/images/status/Cadmus.jpg' /></a> Интуитивно я …
0 votes1 answer -
Полное центрирование блока
Вроде все элеметарно...если позиционированый блок с фиксированым размерами, а если %, то возникает непонятной косяк при вертикальном центрировании. Собсна, хватит слов, вот код body,html { height: 100%; } body { background: rgb(240,240,240); width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto !important; } div.wrapper { background: rgb(255,255,255); width: 40%; height: 40%; position: fixed; top: 50%; left: 50%; /* margin-top: -10%; */ /* Opera, FF, IE */ margin-top: -20%; /* Chrome */ margin-left: -20%; } div.wrapper p { padding: 20px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…
0 votes1 answer -
Атрибут correct
Кто знает что за атрибут correct в таблице? без него она выглядит коряво. верстал не я, поэтому приходится разбираться <table class="table_3" style="width: 100%" correct="2" cellspacing="0">
0 votes1 answer -
Проблема с блоком
Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: ri…
0 votes3 answers -
Вопрос по FLASH
Добрый день ! Подскажите, как мне решить проблему. Создал баннер на FLASH, вставил код в страничку: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="180" height="400" id="nomon" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="/galery/nomon/nomon.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="galery/nomon/nomon.swf" quality="high" bgcolor="#000000" width="180" height="400" n…
0 votes2 answers -
Корректная разбивка на страницы
Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…
0 votes2 answers -
баг ie6 ie7
Помогите с отступами между списками в іе!! КОД СSS: *{padding:0;margin:0} html{height:100%; } body{height:100%; background-color:#5b0302; font:10pt Arial, Helvetica, sans-serif; text-align:center;} ul{list-style-type:none; width:179px;} ul li{width:179px; height:62px;position:relative;} li ul{position:absolute; top:0; left:179px; } li a{display:block; text-decoration:none; font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:red;width:100%; height:100%;} li ul li{height:31px; width:179px;} код html: <ul id="menu"> <li style="background-color:#0F6"><a href="">Home</a> <ul> <li style="background-color:#F9F">…
0 votes3 answers -
Помогите с шириной DIV в разных браузерах
Здравствуйте! Вот сайтик: www.delpos.3dn.ru Вот код CSS для интересующих элементов: #maincol { margin: 5px 0px 0px 227px; width: 772px; _width: 100%; /*FOR IE*/ text-align: justify; } .newsBlock{ background: transparent; border: 1px solid #177245; border-collapse: collapse; margin: 5px; width: 98%; _width: 98%; /*FOR IE*/ } #marq { width: 99%; _width: 98%; /*FOR IE*/ margin: 5px; margin-top: 1px; background: #177245; color: #efd334; font-size: 16px; font-family: "Arial" !important; font-style: italic; height: 18px; border: 2px inset #177245; } Никак не могу понять, почему в Firefoxe и IE бегущая строка и тестовая статья отображаются нормально сразу под меню, а в …
0 votes2 answers -
tbody scroll fix IE7, FF
в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css
0 votes0 answers -
Размещение блоков css
Не Могу разместить блоки чтобе они располагались вот так: <style> * { vertical-align: top; margin: 0; padding: 0; zoom: 1; } </style> <div style="width:192px;background:#000;"> <div style="display:inline-block;background:red;width:32px;height:32px"></div> <div style="display:inline-block;background:green;width:32px;height:32px"> </div> <div style="display:inline-block;background:blue;width:64px;height:64px"> </div> <div style="display:inline-block;background:orange;width:32px;height:32px"> </div> <div style="display:inline-block;background:ora…
0 votes2 answers -
Сложная таблица без вложений
Здравствуйте! Уже второй день пытаюсь сделать таблицу без вложений, но получается ерунда. В принципе не новичек, но с таблицами что-то туговато. Хочу получить такую таблицу Если знаете, напишите пожалуйста код. Буду премного благодарен))
0 votes7 answers -
Помогите разобраться с float
Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.
0 votes5 answers -
Парочка проблем
Вот выложил заготовку Моя ссылка 1)Проблема следующая.. В Хроме заголовки h7 (которые красные) выглядят растянутыми по ширине.. В ИЕ все гуд... Как решить проблему? 2)Нужно сделать чтоб в левой и правой колонках, нижний контент прилип к футеру на небольшом расстоянии, не зависимо от количества контента над ним.. Как это реализовать? Должно быть как тут
0 votes4 answers -
Поле с боковыми стрелками
Как сделать вот такое поле(допустим для выбора количества товара)?
0 votes5 answers -
Как определить принадлежность элемента вручную
У меня несколько вопросов. Как можно вручную не смотря в какой либо справочник (если так возможно) определить принадлежность тега к группе строчных или блочных элементов ? Какие ещё существуют группы, если они сушествуют ? Ну и если у кого есть ссылки на таблицы с такими группами или таблицы семантичных и не семантичных тегов и атрибутов. Заранее благодарю надеюсь что понятно задал вопросы.
0 votes3 answers -
Верстка по макету. Шрифт.
Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?
0 votes1 answer