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
-
Исчезают ссылки из за свойства float!
Вот так трабла. Добавил к списку ul свойство float, а в тегах li были ссылки из за этого ссылки пропадают, то есть то есть отображается просто как текст, а при нажатии ничего не происходит. Пробовал список добавлять в тег div и уже div'у задавать float, но безрезультатно не подскажите в чем ошибка?
0 votes2 answers -
margin-right и margin-left не слетают
решил сделать две картинки по краям сайта в блоках. <div id="lv"></div><div id="rv"></div> когда использую только margin-left в блоках то все работает, но кривовато. а если использовать margin-right и margin-left они слепляются влево друг на друга.(пробовал в хроме и в файрфоксе) #lv { position: absolute; z-index: 1; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/lv.png'); background-repeat: no-repeat; margin-top: 10%; margin-left: 1% } #rv { position: absolute; z-index: 2; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/rv.png'); background-repeat:…
0 votes2 answers -
Проблема с выпадающим меню
Как то странно получилось, но меню сломалось само по себе. И пришлось переделывать все. Порыскав нашел то что нужно и вставил выпадающее меню себе на сайт. Но вышла следующая проблема. Меню уходит в никуда. Я уже все варианты перепробывал, которые вычитал и толку нет ни какого. Вот CSS стиль меню: #mainmenu { background: url("images/menu.png") no-repeat scroll 0 0 transparent; display: block; height: 61px; overflow: hidden; } #mainmenu .current-cat a { background: url("images/tab.png") repeat-x scroll 0 0 transparent; } #mainmenu ul { margin: 5px 0 0 12px; padding: 0; list-style: none; } #mainmenu ul li { position: relative; float:left; } #mai…
0 votes2 answers -
Вопрос по CSS
Добрый вечер. Проблемка такая: чат на моём сайте во всех браузерах, кроме Opera отображается некорректно: текст сообщений вылазит за границы окна. Выглядит это так: А в Opera, всё нормально: Перебрал всё в CSS - так и не смог решить проблему. Тем не менее, ощущение такое, что именно в таблице стилей косяк, причём глупый. Буду очень благодарен тому, кто ткнёт носом в ошибку... #chat_container { padding:3px; border:1px solid #BBBBBB; } #chat_window { padding:0px; border:1px solid #CCCCCC; background-color:#363636; overflow:auto; overflow-x:auto; } #chat_form { margin:0px; } .chat_input { background-color:#707070; margin-top:5px; font-size:11px; } .chat_nick …
0 votes2 answers -
Разное отображение на хостинге и Denwer
Первая тема не знал куда писать, но ответа не нашел на вашем форуме. есть код отображения меню в CMS <ul> <li></li> <li></li> <li></li></ul> применяю к нему CSS для создания его "резиновым" .menu { position:absolute; margin : 0px 1px 0px 0px; padding : 0; width : 1024px; height: 75px; background-image:url(../images/menu_fon.png); background-position:top; background-repeat:repeat-x; } .menu ul { margin : 10px 1px 0 0; padding : 0; display : table; width : 99%; height: 30px; cursor: default; …
0 votes2 answers -
проблемы с hover и vertical-align
Помогите решить проблему - есть код label:hover img { background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить. } </style> <div style="text-align:left; width:60px; height:32px; float:left;"> <img align="top" src="img.png" width="10" height="10" /> </div> <div style="height:100%; margin-bottom:0; text-align:left; height:45px;"> <textarea id="text_id" name='text' cols='20' rows='4'></textarea> <label for="text_id"> <img src="im/img2.gif" style="vertical-align: top;" /> </label> </div> Хочется выровнять img2 по верхней границе textarea, но при таком выравниван…
0 votes2 answers -
Можно ли сделать такое расписание
Здравствуйте! подскажите пожалуйста возможно ли сделать расписание звонков по времени, то есть допустим, начала первого урока в 14:00, (информация выводится как "Сейчас: 1 урок"), потом допустим урок кончается в 14:40, информация сменяется в 14:40 на "Сейчас перемена, след 2 урок" и так дальше.
0 votes2 answers -
Вставка музыки на сайт
w'z Как вставить музыку на сайт, без плеера, просто звук
0 votes2 answers -
шрифт з Ps
Помогите... Когда узнаю шрифт слова ,мне Ps говорит ,что это нестандарный шрифт! Как этот шрифт достать с макета?
0 votes2 answers -
проблема с кнопками share
Помогите! Не могу понять http://vtrailere.ru/treiler-k-filmu-novyi-chelovek-pauk почему кнопки расшаривания не на одной линии
0 votes2 answers -
<li> в одну строчку с градиентным скрыванием
Где-то видел, не помню где, что элементы списка вписанного в 200-пиксельный столбец если в 1 строчку не помещались, то плавно градиентом обрезались.. Подскажите, хотябы в какую степь искать.. Сейчас вот так: http://free-mp3-download.ru/ (см. слева блок Свежие mp3) Хотелось бы типа вот так: (как сделать в 1 срочку я знаю, вопрос в том как сделать "затухание") Заранее благодарен.
0 votes2 answers -
точность аргумента letter-spacing
скажите, с какой точностью можно устанавливать значение аргумента letter-spacing ? есть ли проблемы с пределом точности в разных браузерах, ОС, платформах и т.д.?
0 votes2 answers -
Проблема с position : absolutle в всплывающих подсказках
На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var …
0 votes2 answers -
Как научиться правильно вырезать background?
Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url
0 votes2 answers -
список строкой
Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…
0 votes2 answers -
Изменить свойство одного divа при наведении на другой.
Привет, коллеги! Возможно я не первый спрашиваю, но не могу найти ответа. Есть такая конструкция .row .title:hover{ background: rgba(209, 54, 27, 0.7); /* Цвет фона */ } <div class="row"> <div class="image-fid"></div> <div class="title"></div> </div> Видно, что при наведении на .title у него изменяем фон Вопрос, как сделать так, чтобы и при наведении на .image-fid (или целиком на .row) менялся фон только у .title? Заранее спасибо!
0 votes2 answers -
Как разместить горизонтальную прокрутку сверху?
Требуется горизонтальную полосу прокрутки, появляющуюся при overflow:scroll, разместить не в нижней части блока, а в верхней. Достаточно, чтобы это работало в Firefox. Возможно ли такое сделать, не прибегая ко всяческим jquery-плагинам и прочей js-нечисти?
0 votes2 answers -
Как поместить кнопку в окне формы поиска
Как поместить кнопку в окно ввода и выровнять по правую строну окна? форма
0 votes2 answers -
Страница изменяемого размера
Ребят подскажите,как сделать странцу изменяемого размера.Я имею ввиду минимальное разрешение чтоб было 800x600 У меня основной блок 1000 px и при суживании окна полоса прокрутки появляется на 1000px, а не на 800px при использовании min-width;
0 votes2 answers -
Форма в форме - как?
Доброго времени суток! Ребята, очень нужна помощь. Переделываю скрипт и необходимо разместить форму в форме. Как вариант, конечно переписать PHP. Но там сейчас все заточено под получение данных из $_POST. И нужно будет править не один файл, чтобы изменить это. Ооочень не хочется этим заниматься. Как я понял то решение какое-то можно сделать только через JS? Других вариантов нет? Сейчас используется jQuery. Может есть какие-то решения через него?
0 votes2 answers -
Вопрос по спойлеру
Можно ли сделать спойлер c помощью маркированного списока
0 votes2 answers -
Не отображается подвал
Доброе время суток! Есть сайт. Проблема в том, что футер отображается только при полноэкранном просмотре. Как заставить его быть всегда на месте? footer.fixed { position: fixed; left: 0; bottom: 0; width: 100%; }
0 votes2 answers -
Сайдбар поехал
Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…
0 votes2 answers -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
Фиксированная ширина на th в IE
Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.
0 votes2 answers