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
-
Background repeat, Background position
Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html
0 votes5 answers -
Растянуть UL
Есть такая конструкция: <div id="main"> <ul id="menu"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> </ul> </div> #menu li { display:inline; float:left; } т.е. простое горизонтальное меню. как бы мне сделать так чтобы элементы растягивались на всю ширину div'a
0 votes4 answers -
иконка у линка с правой стороны
подскажите как через CSS сделать иконку и линка но только с правой стороны. то есть линк может состоять из 10 символов, 20, 30.... нужно чтобы картинка отображалась через CSS. спасибо
0 votes17 answers -
рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.
Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes16 answers -
modernizr VS html5.js? Кто лучше?
Всем доброго времени суток. С появлением нового HTML5 встал вопрос а его кроссбраузерности. Увы, так уж сложилось, что многие пользователи пользуются мягко выражаясь (древними) браузерами такими как всеми нелюбимый IE8. Но худа без добра не бывает, и на свет появились такие полезные скрипты как modernizr и html5.js. И тут появляются вопросы: что лучше и практичней? С чем легче всего и правильней работать дабы прелести современной вёрстки не гинули в пучине древних браузеров, и даже там радовали глаз создателя. И так, что же лучше modernizr или html5.js?
0 votes12 answers -
Проблема отображения psd в GIMP
Может быть знаете какой нибудь плагин, позволяющий корректно открывать psd отрисованные в фотошопе GIMPом? Проблема в съезжающих слоях и отсутсвия эффектов.
0 votes4 answers -
Правильное подключение сторонних шрифтов
Всем привет! Подскажите с подключением сторонних шрифтов... 1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ? 2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ? Я подключаю так(для каждого начертания через тире указано начертание): @font-face { font-family: "Roboto-Thin"; src: local('Roboto T…
0 votes6 answers -
Как правильно работать с type="text" в explorer?
Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?
0 votes5 answers -
Неправильно отображается код.
Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…
0 votes9 answers -
Почему появилась горизонтальная прокрутка у страницы?
www.metakom.info/test.html Пока верстал, не засек момент, когда появилась горизонтальная прокрутка у документа. Через FireBug отловить не смог. Гуру, помогите исправить? Сам нашел. Оказывается у контейнера columns ширина была 100%ю Как только убрал явно заданную ширину, все пришло в норму. одно не понятно - почему в таком случае 100% получается больше, чем ширина экрана?
0 votes2 answers -
Помогите с hover!
У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....
0 votes9 answers -
скроллинг кривой help...
http://mozg4d.com/idex.php вот страничка. всё вроде не плохо, но при уменьшении её, скроллинг появляется не так как надо. что делать???? позиционируется все элемены абсолютно. вот так: style=position:absolute;left:50%;margin-left:-480;top:9 думал - "ладно, сайт доделаю и решу эту проблему" почти доделал а проблема - осталась... (и как оно по дазайну и удобству?)
0 votes10 answers -
Как фиксировать изображение?
Вот сайт, мой. Я его не рекламирую Привожу ссылку для наглядности. popfor.ru Я новичок в веб-дизайне. Подскажите, что прописать в css, чтобы изображение, которое справа, при сворачивании окна браузера "тормозилось" перед логотипом, который расположен слева, пикселей, хотябы на 20-30. Буду очень признателен за помощь Код самого изображения: .shp_tr { background:url(../../images/shp_bags.gif) left top no-repeat; right:auto;height:216px; width:693px;} Вот весь код: Удалено.
0 votes9 answers -
Ссылка с кнопкой.
Здравствуйте. пытаюсь сделать дз по информатике. Надо накропать сайт. все просто но в одном месте, где я решил заняться самодеятельностью получилась ерунда. Суть проблемы: Хочу сделать кнопку с сылкой. вроде получилось: текст(нашел на форуме) Теперь вопрос: как сделать, чтобы эта ссылка открывалась в другом фрейме?? имя фрейма "c".Заранее спасибо
0 votes13 answers -
Opera 9.1-9.2! Проблема со списками!
Доброго времени суток. Проблема в Опере 9.1-9.2, есть выпадающее меню построеное по средствам списков и CSS. Если ссылка сильно длинная и переносится на вторую строку, то Опера ее не показываетт вообще, к тому же режет нижнюю часть первой строки текста... Что делать? Обновить Оперу прошу не предлагать. <ul id="top-nav"> <li class="tnma tnmp"><a class="tnma tnmp" href="#" >О компании</a> <ul> <li><a href="#" >Строительная техника</a> </li> <li><a href="#" >Импорт древесины</a> </li> <li><a href="#" >Полужидкие строительные смеси</a> </li> <li><a href="#" &…
0 votes6 answers -
Opera 9.2 не отображает кнопки
Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь). Как решить проблему? Код css кнопок прилагаю:
0 votes12 answers -
Пропадают иногда границы таблицы
пробовал фф и ие если границы таблицы и ячеек 1пх, то при некоторых масштабах они исчезают местами, но если поставить границу например от 5 пикселей и больше, то они не пропадают.. что это? проблема всех браузеров или комп глючит.. или ошибка в css какая-то.. вот все что нашел про тр, тх, тж, тейбл.. вроде ничего такого плохого color:black; border: 1px solid #666; border-collapse:collapse; padding:10px; font-size:1.5em; text-align:center; background:none repeat scroll 0 0 pink;
0 votes2 answers -
Валидность xhtml strict + JavaScript
с мыслями создать эту тему зашел на форум и наткнулся на пост Влада про валидацию (http://forum.htmlbook.ru/index.php?showtopic=4268) - хороший интересный пост... ну это так, к слову... в чем собственно вопрос... я хотел спросить соответствует ли примение на страницах валидируемых xhtml strict джаваскрипт кода? просто я что-то немного запутался... у меня есть полностью валидный код, но его портит один скрипт... (( просто для целостности восприятия не хотелось бы видеть внизу файрфокса красный крестик не пройденной валидации =)
0 votes7 answers -
Обтекание картинки текстом
Есть простой пример: <div> <img style="float:left" src='aaa/aaa.jpg'>text text text text text text text text text text text text </div> <div>подробнее...</div> Дело в том что TEXT обтекает картинку, но если его мало и он не доходит до низа картинки, то ПОДРОБНЕЕ... из нижнего находится не под картинкой, а съезжает вверх, и находится справа от картинки, под TEXT... Как сделать чтобы не съезжало?
0 votes3 answers -
Высота блока с position relative
Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…
0 votes6 answers -
Селестор :after/before для элемента select
Не работает селестор :after/before для элемента select http://jsfiddle.net/39W6F/. В чем причина? Или у :after/before есть какие-то ограничения на использование?
0 votes2 answers -
Блоки прыгают, дергаются, налезают друг на друга
Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.
0 votes5 answers -
процентная ширина в ие7
Доброго времени суток! Столкнулся с такой проблемой: в ие7 процентная ширина блоков трактуется по-своему (блок вместо например 30% растягивается по содержимому и не более). Когда задаются фиксированные значения в пикселях, все начинает работать. clientWidth при этом выводит величину "0" (другие браузеры показывают вполне конкретные ненулевые значения). Причем на сайте это не единичный случай. В ие6 подобного не наблюдалось. Кто сталкивался с подобным багом (или не баг это)? Как с ним бороться? На сайте много ситуаций, когда без процентов не обойтись!!!!
0 votes9 answers -
2 Рисунка В Одном Классе
Здравствуйте! Можно ли сделать так что бы в одном классе было background-image:.... и вставить рисунок еще один только что бы он был не background?
0 votes11 answers -
Как переносить текст?!
Требования: должно работать под IE 6.0 Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span> Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку <table id="tabContent"> <tr> <td id="td1" style="background-color: red; width: 300px"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890 </td> </tr> </table> Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку. Может кто подскажет более…
0 votes12 answers