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
-
Очень нужна помощь с Map Area
Добрый вечер. Подскажите, пожалуйста, я новичёк в этом деле, до конца ещё не разобралась что и как, поэтому прошу помочь у знающих людей. Есть карта изображения: <img src="1.jpg" width="640" height="30" usemap="#Navigation" border=0> <p><map name="Navigation"> <area shape="poly" coords="113,24,211,24,233,0,137,0"> <area shape="poly" coords="210,24,233,0,329,0,307,24"> <area shape="poly" coords="304,24,385,24,407,0,329,0"> <area shape="poly" coords="384,24,449,24,473,0,406,0"> <area shape="poly" coords="449,24,501,24,525,0,473,0"> <area shape="poly" coords="501,24,560,24,583,0,525,0"> <area s…
0 votes2 answers -
подключить стиль для ie6 через style.css
... index.html мы подключаем стиль для ие6 вот так <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif]--> Ну это понятно. А есть ли способ подключить тоже самое, но через style.css? (я имею ввиду чтото в духе /* [if IE 6] <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif] */ ) ???
0 votes2 answers -
Joomla и div-ы
http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?
0 votes2 answers -
Смена IP сайта
Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.
0 votes2 answers -
меню уезжает
Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?
0 votes2 answers -
CSS не могу понять в чем дело
Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">
0 votes2 answers -
Всплывающие подсказки
Title корректно обрабатывается в теге img только в IE. Опера и Мозилла не выводят всплывающую подсказку. Решение только в переносе title из img в a href?
0 votes2 answers -
Якорь
возможно ли к input type="submit" прицепить якорь ?
0 votes2 answers -
Проблема с PaddingОМ
Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …
0 votes2 answers -
Помогите с шаблоном
Добрый день! Скачал шаблон сайта, начал переделывать его под свой лицей http://fc-talisman.bplsp.com.ua/index1.html , дело в том что хотелось бы чтобы блок новостей, менялся на каждой страничке автоматически при изменении его на одной. каким образом это можно сделать.
0 votes2 answers -
Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы.
Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы. Вот что я пишу: Этот код чисто для таблицы, а не весь файл. <center>Калорийность продуктов. Яйцо и яйцепродукты</center> <table align="center" border=5 bordercolor=breen > <CAPTION align=bottom > Таблица калорийности яйца</CAPTION> <tr bordercolor="#99FF66"> <td width="130px" height="130px" > <img src="kalorii1.jpg" alt="Фото калории" height="130px" width="100%" ></td></a> <td width="130px" height="130px" > <img src="kalorii2.jpg" alt="Фото калории" height="130px" width="100%" ></td>…
0 votes2 answers -
Как центрировать отображение страницы?
во всех браузерах кроме 8 ишака центральный див прилегает вправо
0 votes2 answers -
список блоков в строку с динамичной шириной ячейки
div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.
0 votes2 answers -
сделать нежырным ссылку
как сделать нежырным ссылку? как я понял, через тег а это сделать невозможно http://www.htmlbook.ru/html/a.html через css не предлагать (особенности кода сайта)
0 votes2 answers -
Звук в формате Ogg Vorbis
Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?
0 votes2 answers -
Как кинуть хак для IE6?
Добрый день! В связи с тем, что IE6 не понимает параметров min-width и max-width, хочу подкинуть ему хак, который установит обычный параметр width для слоя. Подскажите пожалуйста, как подкинуть хак только под IE6? P.S. IE7 и IE8 понимают параметры min-width и max-width.
0 votes2 answers -
таблицы
У нас есть таблица. В таблице несколько строк. В каждой строке есть ячейка. Как мне в этой ячейке сделать нужный мне фон (картинка). И еще сразу вопросик: как мне поверх ее написать нужный мне текст?
0 votes2 answers -
повтор изображения
Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …
0 votes2 answers -
Таблица, границы
Интересно можно сделать как тут http://w3cverstka.ru/test.html, но в одной таблице. По ссылке это сделано с помощью нескольких таблиц. В принципе и так не плохо, но захотелось так, тем более много таких таблиц, и унифицировать их хотел. Если ещё кто не понял что нужно =)) - ячейки с цифрами 1231231 и тд, щас в виде отдельных таблиц без границы, а можно ли сделать их в виде ячеек с невидимыми границами в одной большой таблице? border-right: none 0px; border-left: none 0px; если прописать то остаётся внешняя граница таблицы, если её убрать border=0, то неравномерные границы получаются, если отключить border-collapse удваивание, то границы становяться слишком тонкие =)
0 votes2 answers -
Проблема с отображением блока в браузерах, отличных от IE
Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…
0 votes2 answers -
Два вложенных дива в ie6
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…
0 votes2 answers -
background поверх содержимого дива в ie6
Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…
0 votes2 answers -
Убрать рамку с одного объекта, при наведении на другой
Например, на странице http://www.akado.ru/porting/shema_podklyucheniya/ Рассматриваю менюшку слева Почему с li с классом current пропадает рамка при наведении на другой элемент li ?? Вроде это не javascript. Пробовал его отключать - и без него все чудесно работает. FireBug'ом смотрел не нашел Профессионалы, подскажите пожалуйста.
0 votes2 answers -
переход между страницами
возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы
0 votes2 answers -
Расположение картинки
Приветствую и прошу оказать помощь нубу. Собственно почти закончил работу над сайтом, осталось только картинку разместить в одном месте, но никак не получается, уже мозг сломал весь и примеров что-то сложно найти. Короче... Внизу приложил схему где показано куда мне надо картинку разместить, но разместить-то я могу, вот только надо чтобы она ВСЕГДА оставалась там при любом размере окна браузера и отступы были не от края страницы а от блока над которым он находится. И да, не пинайте я только учусь. Заранее спасибо.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-