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
-
Стилизация select
Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.
0 votes12 answers -
Input range стилизация
Ребят, какие тут параметры задавать, с range вообще не работал, даже не знаю как это подобное сделать?
0 votes3 answers -
не выравнивается текст рядом с тегом input в td
В ячейке таблицы находятся тест и текстовое поле. Почему-то в этом поле нельзя задать тексту аттрибут vertical-align, Выравнивание происходит всегда по нижнему краю. не помогает ни указание выравнивания в ни через class ни через style: <table width="100%" class="listCACenterTable"> <tr> <td valign="top"><table width="100%" border=1> ... <td class="listCACenterTableTD" style="vertical-align:top"> .css .listCACenterTable td {vertical-align:top;} td.listCACenterTableTD {vertical-align: top;} В ч?м может быть ошибка?
0 votes4 answers -
Блоки прыгают, дергаются, налезают друг на друга
Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.
0 votes5 answers -
Путь истинный для новичка
Всем добрый день. Сейчас изучаю HTML & CSS, что делать и изучать дальше? Просмотрев курсы по HTML не пойму для чего нужна вёрстка и как вообще применять HTML & CSS для сайтостроения.
0 votes20 answers -
Как сделать смену картинки при наведении мышью ?
Примерно так: Картинкамаленькая1 | Картинкамаленькая2 | Картинкамаленькая3 КАРТИНКАБОЛЬШАЯ1 Т.е три маленькие картинки находятся в верхней табличке, состоящей из 1 ячейки и трех столбцов, а Большая картинка расположена под этой табличкой, нужно чтобы при наведении мышью на маленькие картинки, большая картинка внизу менялась на соответствующую. Спасибо.
0 votes16 answers -
Проблемы с css,связанные с джумлой
Здравствуйте)Помогите мне пожалуйста разобраться с css в джумле...Дело в том,что до того как я занес свой шаблон в джумлу он у меня отлично отображался,но после его установки он начал "сьезжать" в левую сторону и перестал растягиваться во всю выоту экрана...Я попробывал это исправить своими силами,но в итоге у меня получилось,что нормально отображаться сайт стал лишь в опере,в остальных браузерах у меня он изображается криво. Вот код моего css,отвечающий за вывод основного блока: .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; width: 900px; margin:40px 0px 40px 0px; heig…
0 votes11 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 -
em, rem, % и иже с ними
Всем большой трям. Постараюсь изложить суть: 1. Надо пользовать «резину» и адаптивность — т.е. @media-query, % от ширины, и т.д. 2. Привязку к базовой сетке обязательно надо тоже. Т.е. горизонтальное выравнивание (не путать с сеткой колонок). Оба пункта решаемы, если пользовать px в качестве единицы измерения и для элементов интерфейса (кроме резиновых), и для текста. Раньше я так и делал, все были счастливы (катастрофа с масштабированием шрифтов в древних версиях IE уже неактуальна, везде работает зум), особой надобности в этих ваших em-ах долгое время не было. Но с появлением дисплеев высокого разрешения (всякие там Retina), пиксель стал не совсем пикселем в привычном с…
0 votes14 answers -
помогите пожалуйста с HTML кодом
у меня на 6 експлоре съезжает менюшка вниз(http://autoriginal.com.ua/) неподскажите в ч?м ошибка, спасибо! вот код <div id="logo"> <div> <?php mosLoadModules ( 'user9' ); ?> </div> <?php switch ($option){ case "com_frontpage": echo '<div id="top_bar_home"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map2" />'; break; default: echo '<div id="top_bar"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map" />'; break;}?> </div></div> <div align="center" ><?php echo $mycssONLY_PRI_menu ?></div> <…
0 votes3 answers -
Что за конструкции <BR />, <IMG /> и тд?
Все никак не могу понять что означает /> для одиночных дескрипторов? Зачем это надо?
0 votes7 answers -
Плывет картинка
Здравстуйте. Не получаеться никак выровнять картинку по левой стороне блока. вот ссылка http://fixoni.style-vip.com/ это расположено внизу , колонка "ЛУЧШАЯ ЦЕНА". Вставил слева картинку (лучшая цена) затем следом ячейка идет товары, затем сново маленькая картинка правая для закругливания углов. Все дело в левой картинке (лучшая цена), сделал на ней relative и top: -11px. Но из-за этого нижняя часть не сходиться.
0 votes6 answers -
В IE6 не копируется текст
Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.
0 votes6 answers -
IFRAME - открыть в том же окне
Есть такая проблема. Мне на сайте приходится использовать IFRAME для вставки списка пользователей фан-клуба в окошке на гл. странице. Т.е. главная страница фан-клуба main.php, а список участников на странице index.php. Проблема в том, что при выборе одного из участников из списка в этом окошке index.php информация об участние открывается В ЭТОМ ЖЕ МАЛЕНЬКОМ ОКОШКЕ. Конечно можно сделать так, чтобы открывалось в новом окне. Но можно ли сделать так, чтобы при нажатии на ссылке со страницы index.php автоматически открывалась страница main.php? Т.е. чтобы информация об участнике не открывалась в этом маленьком окошке 200*1000, а открывалась во всю ширину окна, но не в новом …
0 votes2 answers -
background: url(2)
Начал я тему, по поводу луковой шелухи, нет ответа. Значит паршивый вопрос. Спрошу ещ? разок. Класс выводит фон под изображением с права, в результате наблюдаю, фон (нарисован уголок) отображается и смотрится. .im {padding: 0px 21px 18px 0px; background: url(/i/im3.gif) right bottom no-repeat;} В этот же класс пробую добавить ещ? одну картинку, что бы уголок отображался сверху с лева. Ещ? один класс добавить возможности нет. За ранние благодарю за любую идею.
0 votes8 answers -
Опять не могу выровнять изображение по центру
Здравствуйте все! Вопрос к специалистам по верстке. Вот сайт http://vasyok.arvixe.ru Там есть вот такой вот рисунок на таком вот слое: #art-page-background-glare-image { background-image: url('images/Page-BgGlare.gif'); background-repeat: no-repeat; height: 718px; width: 1237px; margin: 0 auto; } С этим элементом 2 проблемы: 1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан. 2. Можно его поставить над вот этим слоем ? (сейчас он под ним): art-Sheet { /*С сокращениями*/ position:relative; background: url('images/Cont.gif') top center repeat-y; }
0 votes7 answers -
hover для другого элемента...
есть таблица с ячейками и есть дивы соответствующие каждой ячейки. нужно чтоб при наведении курсора на определенную ячейку изменялся стиль соответствующего дива. как лучше это реализовать? <table> <tr> <td class="cell">ячейка1</td> <td class="cell">ячейка2</td> <td class="cell">ячейка3</td> </tr> </table> <div class="cdiv">1</div> <div class="cdiv">2</div> <div class="cdiv">3</div> у дивов абсолютная позиция. пробывал вкладывать дивы в ячейки, дабы "cell" был для них родительским классом и писать нужный стиль на ховер, но в этом случае opacity дивов работает …
0 votes20 answers -
Растушевка со скруглением углов придумана в CSS?
Здравствуйте. Задался целью получить такие картинки: то есть имеющие скругления плюс градиентный переход к прозрачности( в моем случае фон белый) либо к белому цвету. Скажите, есть ли какие средства в HTML+CSS для получения подобной растушевки со скруглением одновременно? С уважением и благодарностью
0 votes9 answers -
Сетка
Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?
0 votes23 answers -
Не все буквы русского алфавита отображаются правильно
Всем привет, возникла такая проблема. На сайте не отображаются некоторые буквы русского алфавита, точнее не правильно отображаются. Кодировка win-1251 ничего не меняет, а при кодировке utf-8 совсем все становится иероглифами. С английским все в порядке. Все отображается правильно, но хотелось бы решить проблему с русским языком. Подскажите пожалста решение. Как это исправить?
0 votes6 answers -
Вертикальное меню и ваша помощь
Здравствуйте. Я сделал вертикальное меню следующим образом. Создал список, ввёл для него стили, а перед и после тега ul вставил два дива с рисунками, чтобы свиток получился. Все браузеры радостно приняли моё меню, а IE развращает. 1. Подскажите пожалуйста, что мне надо исправить в коде или улучшить. 2. Если не трудно, подскажите пожалуйста, как от слова "Книги" сделать небольшой отступ, чтобы при этом сам список оставался неизменным.
0 votes15 answers -
Цвет подчёркивания ссылки
Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым. Пишу такое. Файл css: A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline; font-style:normal; font-weight:bold; letter-spacing:2px; font-size:11pt;} A.menu3:hover{color:red; text-decoration:underline;} A.menu5:active{color:yellow; background:red;} фАйл HTML <a class="menu1 menu2 menu3 menu4 menu5 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a>
0 votes12 answers -
Проблема с отображением кириллицы в футере сайтаа
Привет всем, у меня такая проблемка- есть сайт базы MYSQL все на UTF8 для кириллицы, казалось бы все нормально должно быть, но контент сайта отображается нормально на русском, а вот все что касается футера сайта и все что ниже (счетчики) -текст русский -кириллица выдается квадратиками в итоге, что я не так сделал помогите вот код страницы на html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Каталог</title> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta name="ro…
0 votes18 answers -
Недействующие полосы прокрутки
Столкнулся с этим в опере. В других браузерах по-моему такого не было. Появляется полоса прокрутки, но она не действующая, засвечена бледным цветом, ничего не прокручивает. По какой причине это может возникать? Вот описание класса: #lev { max-width:289px; width:auto; width:expression(document.getElementById('menu').offsetWidth < 274 ? document.getElementById('menu').offsetWidth+15 : '289px'); height:expression(document.body.offsetHeight-162); position:absolute; top:103px; bottom:54px; left:5px; overflow:auto; float:left; border-style:solid; border-width:2px; border-color:#FFFFFF #AAAA44 #AAAA44 #FFFFFF; background-color: #FFFFCC; col…
0 votes11 answers -
Два <body> на странице.
Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)
0 votes4 answers