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
-
Проблема при прокрутке
Всем привет.Столкнулся с такой проблемой,шаблон фиксированный (1100px) есть меню и футер которым я задал свойство width:100%;при увеличении масштаба все работает,а когда уменьшаю масштаб,при прокрутке вправа исчезает часть картинки. Вот как раз тема соседа,у него на сайте так же - http://www.rolsistem.ua/ Можно ли как нибудь это исправить?
0 votes3 answers -
Проблема с background'ом
Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…
0 votes2 answers -
Заголовок H1 не в тему вылез в шапке
Я не являюсь web-дизайнером (являюсь полиграфистом), но появилась потребность немного подправить наш сайт - изменить картинку в "шапке" и фон. Пользовался возможностями CMS и FTP. Шапку поменял, фон тоже. Но после этого появилась проблема - в самом верху над картинкой вылез кусок фона на котором стал отображаться текст заголовка H1, на тех страницах где H1 нету - просто d> (например, как здесь) В CMS есть возможность редактирования HTML кода шаблона. Буду благодарен, если кто-нибудь поможет решить эту проблему Мои возможности по управлению выглядят вот так (ну и доступ по FTP)
0 votes3 answers -
Вопрос по макету
Скриншот Как называются эти синии линии? Для чего они нужны? Что можно прочитать про них? По какому запросу искать статьи, чтобы понять что такое и для чего оно нужно?
0 votes2 answers -
Идеальное расположение боксов для поисковиков
Вопрос к SEO'шникам и тем, кто знаком с продвижением сайтов. Известно, что основной контент в HTML-коде первее сайдбаров - благоприятнее для индексирования поисковиками... Но нужно ли контент пускать в коде раньше, чем хэдер (шапка сайта) или по философии документа сначало должен идти заголовок-шапка, потом тело-контент? В общем подскажите, как лучше?
0 votes5 answers -
Едет верстка при первой загрузке
Всем привет! Народ, может кто знает в чем тут может быть проблема? У меня верстка едет при первой загрузке страницы. Потом нажимаю ctrl+R и все становится нормально.
0 votes5 answers -
Расстояния между счётчиками
Здравствуйте. Когда я на своём сайте estry.ru установила счётчики, между ними появились большие расстояния разного размера. Посоветуйте , пожалуйста, что и куда прописать, чтобы счётчики сгруппировались один под другим аккуратно?
0 votes2 answers -
Валидатор ругается
Валидатор ругается: В результате работы функции php в текст вставляется тег <br /> при чём без слеша этот тег катит а вот со слешем ругается. Что делать?
0 votes6 answers -
Позиционирование
есть пример проблемный в нем длинна div с поиском растягивается от длинны меню но если убрать меню поиск становится так как мне нужно помогите сделать их независимыми если можно то обьясните проблему
0 votes2 answers -
Проблема в ie6.
Добрый день! Есть элемент div с фиксированным размером, содержимое которого выходит за его границы. Код: <style> div { background: #fcc; height: 10px; width: 10px; } </style> <div>1<br/>2<br/>3</div>Как сделать чтоб в ie6 выглядело как и в других браузерах? Как выглядит в других браузерах и как выглядит в ie6: Создавать другие элементы нельзя. Дополнение: портативный ie6 (один файл) можно скачать тут.
0 votes3 answers -
помогите!
есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } …
0 votes6 answers -
Как сделать вызов своей процедуры (или функции)?
Как сделать, что бы при щелчке по ссылке (вот к примеру: href="xx.htm") вызвалась сначала процедура (или функция), которой передать в параметре ссылку, а внутри функции выполнить кое-какие действия и уже потом перейти по адресу ссылки?
0 votes4 answers -
Как убрать промежуток
Возникла такая проблема. Я сместил радиокнопки(новая почта, интайм) вверх на 70px используя position:relative; top:-70px. Теперь между радиокнопками и кнопкой отправить пробел в 70px. Если кнопку отправить поднять таким же макаром, то получится пробел между кнопкой и краем формы. А если просто прописать margin-top: -70px, она наоборот вниз опуститься. Как мне поднять кнопку, чтобы не оставлять пробелов? Моя ссылка
0 votes4 answers -
Анимация не срабатывает при 'height=auto;'
Всем привет Мне нужно сделать выпадающее меню с динамически меняющимся кол-вом ячеек с анимацией(слайд), вот код: http://pastebin.com/jbNp23LK Все получилось, но только для определенного кол-ва ячеек, т.е. высоту блока alert нужно указывать точно, если указать auto, то анимация не проигрывается. Пробовал изменять ее с помощью JS: document.getElementById('alert_id').style.height = '90px'; Тажа история, анимация не проигрывается, блок alert просто появляется при наведении на count, что делать? (:
0 votes1 answer -
верстка для компьютера и планшета
Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…
0 votes1 answer -
атрибут title
помогите пожалуйста разобраться с атрибутом title по спецификации html4 элемент img может одновременно иметь атрибуты alt и title. мне не совсем понятно для чего они. они выполняют одинаковые функции: добавляют к описанию изображения пояснительный текст и отвечают за вывод подсказки(например при наведении курсора на img или при парсинге речевым браузером) есть ли какая-нибудь особенность, которая выполняется во всех браузерах? например за описанные выше функции отвечает преимущественно alt, но если его нет, то title в спецификации html5, смотрю, уже указан только alt, а title оставлен для обратной совместимости. это сделано потому что эти 2 атрибута выполяют одинаковые фу…
0 votes7 answers -
html-теги
ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?
0 votes3 answers -
Как ровно сверстать блоки с картинками
Как ровно и проще сверстать блоки с картинками? У меня получается так: Код: http://jsfiddle.net/hwwjuvrf/2/
0 votes5 answers -
Как изменить стиль соседним элементам?
Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.
0 votes1 answer -
Работа с картинкой вида img src="/crops/a7303253abf"
Постараюсь объяснить проблему коротко и понятно. Необходимо поправить верстку, по-сути, простой div с картинкой внутри. Для того, чтобы сделать что нужно, нужно картинку убрать, и сделать её в виде background-image у div-а. В целом ничего сложного, если бы не одно но: Картинка вставляется через: <img src="<?= ImgHelper::cropImg($new['image'], 800, 400) ?>" alt="" /> В html коде выглядит так: <img src="/crops/a7305823253abf7706a" alt="" /> И отображается нормально. Но если пробую сделать стиль у блока background: url('/crops/a7305823253abf7706a'); Картинка не отображается. Вопрос - как быть? Вариант поправить бек-энд и…
0 votes2 answers -
Как наложить логотип на меню?
Пытаюсь сделать подобное: логотипу задано position: absolute, при изменении значения top, логотип поднимается, но прячется под меню z-index в этом случае не помог, скорее всего потому что каркасы расположены не рядом надеюсь на подсказку, сайт - ikona-radoneg.ru
0 votes0 answers -
Верстка хедера с чекбоксами
Помогите, пожалуйста, как сверстать такой хедер
0 votes0 answers -
import в медиазапросе
Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.
0 votes1 answer -
Выпадающие списки
удалено!!!!
0 votes0 answers -
CSS меню
На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело? body{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; margin-left:20px; text-align:center; z-index:5; } #nav a{ display:block; width:111px; height:67px; padding:0px 5px; border-bottom:1px solid #333; border-right:1px solid #333; color:#333; text-decoration:none; background-color:#b2afab; text-align:center; vertical-align:baseline; background-image:url(/imgA/…
0 votes2 answers