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
-
Увеличение картинки при наведении
Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…
0 votes10 answers -
Проблема: Флеш на задний фон в ИЕ6 и 7 не уходит
Есть флеш, находится по центру сайта, получается она задевает все блоки на странице В Мозиле и Опере нормально В ИЕ 6 и 7 флеш перекрывает эти блоки У всех блоков что могут перекрытся флешом прописано position: relative; display: block; z-index: 7; у блока с флеш z-index: 0; display: block; position: relative; Как можно это исправить?
0 votes9 answers -
Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр
Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…
0 votes15 answers -
Ссылка на елемент сайта
В прошлой теме мне помогли создать спойлер: <a href="javascript:;" class="videoA">klick</a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {$(this).next(".videoJS").toggle();$(this).toggleClass("active");return false; });</script>который отлично работает,которого на странице у меня более 20 штук,но вот я увидел что не все так хорошо как хотелось бы... Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; а не адрес самого спойлера на этой странице.Аналогичное я видел с постами,ну когда на форумах нажимаешь пкм на номер поста,копировать адрес ссылки и копируется адрес те…
0 votes33 answers -
Не стандартный маркер списка
Как применить к стандартному маркеру списка такой символ с этим кодом ? И как этот список прижать к левому краю ячейки таблицы? <ul> <li>Текст</li> </ul>
0 votes11 answers -
Ошибка в IE при верстке картинками
Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…
0 votes3 answers -
проблема с IE6
bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?
0 votes13 answers -
frD-Выравнивание в ячейке
Как можно выровнять часть текста в ячейке таблицы по левому краю, а часть текста по правому?
0 votes5 answers -
Вёрстка: Зависимый выпадающий список
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
0 votes5 answers -
Растягивание меню на всю ширину блока
Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…
0 votes1 answer -
Границы не до конца ширины/высоты элемента
Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.
0 votes6 answers -
разобраться с хитрым float помогите
<div style="width: 970px; margin: 0 auto; border:1px solid black"> <div style="width: 270px; border:2px solid red; float:left"> меню<br/> меню<br/> меню<br/> меню<br/> меню<br/> </div> <div style="margin-left:300px; background:green"> <div> <div style="border:1px solid yellow; float:left; width:100px; height:40px"> a1 </div> <div style="border:1px solid blue; background: blue; margin-left:110px"> a2 </div> </div> <div style="clear:both"></div> <div>текст какойнить текст какойнить текст какойнить текст какойнить </div> </div> <…
0 votes16 answers -
ширина столбцов в таблице в % и в px
Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.
0 votes12 answers -
Свойство CSS position
Вот здесь соответственно указывается, что значение выставляется только в писеклях. Можно ли ставить проценты? Я пробовал — не работает. Возникает вопрос как сохранить пропорциональное позиционирование элементов друг относительно друга при смене разрешения экрана?
0 votes11 answers -
IE 6 неправльно считает абсолютные координаты
Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись
0 votes16 answers -
Структура семантических тегов в шаблоне на Bootstrap
Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …
0 votes9 answers -
Выровнять блоки
Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…
0 votes22 answers -
Как разместить баннер?
Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.
0 votes4 answers -
ссылка во флеш
Здравствуйте! Прошу вас о помощи! Создал шапку для сайта со спецэффектами во флеш. В этой шапке есть 4 кнопки. Прописал для них в Action Script код, чтобы работали ссылки: but1.onRelease = function() { getURL("../prod.html") } but2.onRelease = function() { getURL("../part.html") } but3.onRelease = function() { getURL("../akc.html") } but4.onRelease = function() { getURL("../nov.html") } Проверяю. Открываю во флеш публикацию для веб - и всё работает. Вставляю в свою страничку и вот незадача...не может найти путь. Вставляю с помощью следующего кода: <div id="header"> <embed src="img/header.swf" align="absmiddle" width="751" height="145"> </div> Собствен…
0 votes12 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
Как сделать ссылку-URL на главную страницу сайта
Добрый вечер! Мне стало интересно как сделать так, чтобы ссылкой на сайт (то есть на index.html) могли пользоваться все и сайт был не просто страницей, запускающийся только на моем компьютере, но и у других.
0 votes2 answers -
что-то я затупил %)
господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…
0 votes10 answers -
Подчёркивание ссылок
<body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??
0 votes9 answers -
text-shadow
Привет! Мне запотешилось сделать тень для букв внутри них. Т.е. получить эффект вдавленности. Как правило, такой эффект достигается добавлением белого text-shadow со сдвигом по y на 1пк вниз. При этом буквы должны быть темнее фона, в котором они находятся. Примерно как здесь: http://clip2net.com/s/17vZh Однако у меня сложность в том, что буквы белые и на неоднородном фоне. Т.е. мне надо что-то подобное inset для box-shadow. Или может есть мысли как это сделать другим образом, т.е. поиграться с тенями и получить визуальный эффект того, что мне надо? У меня не хватило фантазии, какие цвета надо для этого использовать Чтобы было понятнее, какой фон, сделал прототип http:/…
0 votes24 answers -
Выравнивание javascript-фрейма по центру
Здравствуйте! Вот уже все перепробовал, CSS плохо знаю, но что знаю, то попытался применить. Но в итоге - javascript-фрейм вида <script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=ххххх></SCRIPT> форматируется посередине только топорным параметром align HTML тегов. Как с помощью CSS выровнять его по центру? text-align не работает. Ой, нет, это я не на то взглянул, по-прежнему не работает. Вот: <div style="text-align:center;"><script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=461288></SCRIPT></div>
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-