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
-
Задание цвета определенной ссылки
Привет. Такой вопрос. Мне надо задать цвет ссылке в определенной области. Пример: <font color="CC0000">Тут идет какой то текст, а дальше <a href="google"> сделалась ссылка </a> и текст продолжается</font> Как можно задать цвет этой ссылке, но не используя опций тега <a>, а например заключить всю конструкцию в тег <font> или еще каким то образом? Может можно задать какой то класс и потом прописать его в таблице? Если так, напишите пожалуйста синтаксис записи, а то чета не могу найти. Заранее благодарен.
0 votes3 answers -
Выравнивание слоев в ячейке
Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном не…
0 votes11 answers -
Немного матчасти по прижатому к низу "подвалу"
Здравствуйте. Вопрос в следующем: если я прижимаю "подвал" к низу, то не поползет ли на экранах с низким разрешением контент на футер (показано стелкой на приложенном рисунке), если вышеупомянутого контента слишком много?
0 votes2 answers -
Overflow-y в IE
Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.…
0 votes2 answers -
Составные инпуты в FF: что откуда?
В FF есть файл forms.css (под WinXP — в подпапке res папки установки), в котором написаны интересные вещи (спасибо мозилловскому форуму за наводку, а этому форуму — за наводку на мозилловский). В частности, упоминаются некие select > input[type="button"] input[type="file"] > input[type="text"] input[type="file"] > input[type="button"]а также их особые состояния, комбинации и т.п. Что это? Действительно ли для Мозиллы некоторые элементы форм являются составными и если да, можно ли стилизовать их по частям (я попробовал — "в лоб" не получилось, но, может, я что-то делал не так)? Или эти строчки — пережиток какой-то древней версии движка (версия навеяна комментом "…
0 votes6 answers -
Наложение изображения поверх текста
Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .sloi1 { overflow: hidden; z-index: 1; } .sloi2 { background: url(http://site.ru/fon.png) repeat-y; background-position: right; z-index: 2; } <div class="sloi2"> <div class="sloi1"> Текст </div> </div> Получается под текстом. Как её на текст наложить?
0 votes5 answers -
Задачка по верстке
Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…
0 votes32 answers -
Текст не горизонтально
Интересует такой вопрос - возможно ли каким-либо образом (CSS, JavaScript) на сайте задать расположение текстовой строки не горизонтально, а под наклоном?
0 votes16 answers -
проблема с картинками
я создал html файл, загрузил в браузере Mozilla Firefox. Вставил в него картинку, а она не отображается на странице на моем компе, а на другом компе отображается. Файл и картинка находятся на рабочем столе в обоих случаях (на моем и другом компе). Кто что может посоветовать? В чем причина? Причем, если вставлять картинку с сайта (по ссилке), то она отображается.
0 votes10 answers -
Не работает a:active в IE8?
Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…
0 votes13 answers -
помогите с горизонтальными списками-меню
Доброе всем время суток! У меня непонятная проблема: Структура: <div class='wrapper'> <div class='head'> <!--Регион "Заголовок"--> <div class='user-login'></div> <div class='searchbox'>ПОИСК </div> <!--Конец "Заголовок"--> <div class='logo'> <b>logo</b> </div> <div class='site-title'> Система Коммуникации </div> <div class='top-menu'> <ul> <li>MENU1</li> <li>MENU2</li> <li>MENU3</li> <li>MENU4</li> </ul> </div> </div><!--end head-->…
0 votes1 answer -
Картинка для <input>
Всем привет Возникла проблема с задачей свойств для input, нужно вот такое поле: Задаю стили: <input type="text" name="field_email" style="font-family: verdana; font-size: 10pt; width:190px; height:28px; background:url('/images/forma_img.jpg');" value="" size="50 " /> А получается так: Как убрать серую рамку? а, все, разобрался. border:0; рулит а я указывал вне стилей border="0" и ничего не давало.
0 votes2 answers -
Хочу сделать свою галерею+вопрос про пунктиры.
Здравствуйте. Делаю сейчас сайт для фотографа. Вот как он выглядит: http://sharepix.ru/request_original/s3q9ky...mage9340057.png . Буду безумно рад, если вы мне поможете. Во первых как убрать эту рамку при щелчке на мини картинку? Эта рамка только в фаерворксе есть. Ну рамка ладно, фиг с ней. Как мне сделать, чтобы при нажатии на двойные стрелки перелистывалось 5 миниизображейний, а при нажатии на 1, только 1. Готовые галерии я искал, они либо на флеше, либо на js, но они совсем другие, либо внешний вид я понятия не имею как у них переделать. Хочу сам такое написать на js. Скажите, есть ли что то готовое для моего случая? А то в гугле я для себя ничего найти не могу. И ес…
0 votes6 answers -
минимальная ширина ячейки
Вроде не нашёл такой темы.. Почему минимальная ширина ячейки - порядка 20 пкс? как задать меньшую величину?
0 votes3 answers -
Пролемка с версткой шаблона
В общем для опыта сейчас шаблончик один верстаю, который когда-то нарисовал. Говорю сразу целей никаких заоблачных не ставил себе. Просто хочу добиться чтобы не было статики по вертикали. Как мне этот "бок" обойти, который вы можете увидеть здесь ? (Просто прошу дельного совета)
0 votes4 answers -
Относительные величины line-height
Если задавать line-height в процентах или em, относительно чего эта величина будет считаться (относительна размера шрифта или размера line-height, определённого в родительском элементе)?
0 votes3 answers -
создание списка?
Здравствуйте, подскажите каким образом лучше создать список- образец: точнее как сделать чтоб цифры шли ровно в столбик, не зависимо от длинны слова? Хотелось бы максимальной оптимизации кода.
0 votes7 answers -
Блок с горизонтальным скроллом
Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )
0 votes17 answers -
ПРоблема с IE7 в позиционировании form и button в div
Здравствуйте уважаемые участники форума. Есть проблема, никак не могу разобраться... Пытаюсь выровнять поля для ввода пароля и кнопки относительно друг друга... Пробовал и свойством margin и обычными top, left, с position:relative; Во всех браузерах более мение корректно, а в IE кнопки постоянно меняют положение... @charset "utf-8"; /********************************************************/ html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:url(images/bg.png) repeat-x top; background-color:#ffffff; text-align:center; font-family: Helvetica, Verdana, Arial, sans-serif; } /********************************************************/ #cont…
0 votes6 answers -
Аудиоплеер
Начну с того, что поиск мне не помог. В одной из тем кинули ссылку на флеш-плеер, но там даже не английский язык. Итак, к проблеме. Что я хочу - при посещении страницы сайта в его верхнем углу отображается аудиоплеер с двумя-тремя простыми кнопка - play/pause/stop - и названием проигрываемой композиции. Композиции, соответственно, не выбираются посетителем, а просто появляются в случайном порядке. Вот, для наглядности. Поясню - вы заходите на сайт, там загружается этот плеер и, если вы того хотите, он проигрывает музыку. Музыка выбирается случайно. Подскажите, пожалуйста, в каком направлении стоит двигаться, какие флеш-плееры стоит мучить или что нового нужно изучить, чт…
0 votes7 answers -
Таблица со сложной подсветкой ячеек
Есть таблица (16×41) значений функции Лапласа, надо, чтобы при наведении курсора на ячейку, подсвечивались её родительские ячейки, расположенные на первой сроке и первом столбце, либо вся строка и весь столбец до данной ячейки. Может быть кто-то знает, как это реализовать в HTML/CSS (желательно без скриптов)? Спасибо за внимание!
0 votes2 answers -
магия с ссылкой
Делаю сайт, внизу хочу сделать ссылку на того, кто делал. Делаю я так: <div id="developers"> Developed by <a href="">webdevelop</a> 2010. </div> В стилях вот что: #developers { margin: 350px 0 0 60px; font-size: 10px; color: #A9A9A9; width: 170px; height: 30px; } #developers a { color: #A9A9A9; } файл с контентом подключается include в главном файле сайта index.php. Так вот проблема вот в чём. Ссылка при наведении не работает, все остальные работают. Причём в опере работает, в лисе и хроме нет. Я не могу понять ПОЧЕМУ?
0 votes8 answers -
проблема с занулением родительских свойств
Сломал себе голову, прошу помощи у всезнающего all. есть стиль div.random_img { border: 5px solid #6B5C51; width: 84px; height: 80px; background-color:#fff !important; margin:0; padding:0; overflow:hidden; } и код <div class="iec" style='width:100px;' align='center'><div class="random_img"><a href="..."><img src="...." width="90" alt="Запонки Dalvey" border="0" /></a></div></div> на пустой странице все ок ( пример http://kvv77.jino.ru/share/test2.htm ) - рамка, картинка. но в контексте этот же див расползается, у картинки появляется отступ слева и даже размер другой! http://kvv77.jino.ru/share/test1.htm справа. ОТКУ…
0 votes6 answers -
Картинки-ссылки + надписи на картинках
Здравствуйте все. Нужна ваша помощь. Есть такой код: <div id="navi"> <a href="#"><img src="images/head_navi01.jpg" title="about company"></a> <a href="#"><img src="images/head_navi02.jpg" title="our product"></a> <a href="#"><img src="images/head_navi03.jpg" title="our partnes"></a> <a href="#"><img src="images/head_navi04.jpg" title="our clients"></a> <a href="#"><img src="images/head_navi05.jpg" title="best company offers"></a> <a href="#"><img src="images/head_navi06.jpg" title="contact us"></a> </div> CSS: img { border: 0; f…
0 votes2 answers -
Рационально ли?
Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …
0 votes7 answers