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
-
zoom
Здравствуйте друзья. Часто вижу использование этого свойства, но совершенно не понимаю для чего оно? Его же только IE понимает, да и вообще это какая-то тупость, и на htmlbook не описано. Как так вообще? Или это такой понт перед "ни ч0ткими", типа мы то юзаем никому не нужное CSS свойство и только мы понимаем зачем это Не в обиду, просто правда совершенно не понимаю, для чего этот zoom нужен.
0 votes21 answers -
Обтекание
У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}
0 votes23 answers -
Вертикальное выравнивание внутри дива.
Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1">…
0 votes9 answers -
Фон
Есть такая проблема с фоном: http://floomby.ru/content/7nWcL1Hi40/ http://floomby.ru/content/Grv4nje8qE/ Во втором случае специально фон изменил на черный чтобы было наглядно. Сообствено вам проблема должна быть ясно: фон не "растягивается до конца элемента. В чем проблема? Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Природа Мурманской Области</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </he…
0 votes7 answers -
как создать такую штуковину
Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример. Вопрос как сделать что бы они тянулись? Вот код ee.css: body { color:#FFFFFF; } .block { width:200px; } .l_u { background-image:url('images/new_lu.png'); width:21px; height:19px; float:left; } .c_u { background:url('images/new_cu.png') repeat-x; width:160px; height:19px; float:left; } .r_u { background-image:url('images/new_ru.png'); width:19px; height:19px; float:left; } .l { clear:both; background-image:url('images/new_l.png'); background-repeat: repeat-…
0 votes3 answers -
как растянуть DIV на всю ширину родительского элемента?
по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…
0 votes3 answers -
проблема с привязкой блока к низу страницы
вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html
0 votes10 answers -
Кусок страницы с Гисметео
Такой вопрос, как можно взять с этой страницы кусок и разместить у себя на сайте. Вот что нужно, эту часть страницы:
0 votes8 answers -
С таблицей проблема
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…
0 votes7 answers -
Изменение чего либо по какому либо событию
Подскажите пожалуйста, как мне изменить размеры таблицы по нажатию на кнопку, используя язык JavaScript.
0 votes11 answers -
Помогите с меню
В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…
0 votes1 answer -
тег span
Что будет если внутри тега Span ничего нет, только указание на определенный класс. Я имею ввиду на что будут распостраняться правила указанного класса. Тег расположен внутри блока. Пример: <div class="..."> <span class="....."></span> <table cellpadding=0 cellspacing=0><tr><td valign="top"><div class="...."><img src="trans.gif" name="nav_" width="12" height="7" alt="transparant gif"> </div> </td> <td> <div class="..."><a class="body-nav-txt" name="id_" href="/international/web/lg/ru/like35lgru.nsf/docbyalias/nav_comp" onmouseover="navPopUp('В'getRelativeY())" onmouseout="navPopDown()">О </a…
0 votes15 answers -
Нужен совет провесоонала!
Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…
0 votes3 answers -
проблемы в фф
данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}
0 votes18 answers -
Таблица-список
Добрый день. Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает. Вопрос: как можно написать…
0 votes11 answers -
Вставка видео в статью!
значит дело вот в чём... делаю свой первый интернет-магазин...с помощью Джумла... всё бы ничего, но остался в оформлении один единственный шаг, и этот шаг называется вставка видео в статью...то есть так как у меня магазин, то к товару нужно прикрепить видео... сделал с помощью тэга EMBED видео идёт отлично, но смущает то что в нём нету системы управления, то есть паузы, пуск, перемотки... помогите плз, я думаю Вам это будет не сложно... заранее спасибо!!!
0 votes2 answers -
Отображение слоя в IE
Помогите, пожалуйста!!! Уже замучилась. Описывать долго. Просто даю ссылку на свою верстку. http://freshf5.f5.ru/post/76839 Проблема в том, что IE отображает слой, сдвигая его вправо, ведя отсчет от предыдущих верхних слоев. В Мозилле все выглядит отлично, как подогнать IE? <div style="font-weight: bold; font-size: 14px; width: 570px; color: #666666; text-align: center;">сообщество</div> <div style="width: 570px;"><img style="width: 570px; height: 10px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div> <div style="font-weight: bold; font-size: 30px; width: 570px;">подземные истории</div> <div style="wid…
0 votes8 answers -
border groove и border ridge в IE
Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.
0 votes21 answers -
Способы сделать резиновую верстку сложных блоков
под сложными блоками понимается, что у блока должно быть закругление углов и допустим внутренний глоу, понятно что нужно использовать 9 ячеек что бы расставить все в нужном порядке, а может есть еще какой способ что бы сделать это. вот моя попытка сделать такой блок <div style="width:100%; position:relative; background:#b5e6f4;"> <div style="background:url(middleleft.gif) repeat-y left;"> <div style="background:url(middleright.gif) repeat-y right;"> <div style="background:url(middletop.gif) repeat-x top;"> <div style="background:url(middlebottom.gif) repeat-x bottom;"> <div style…
0 votes8 answers -
Прозрачность и IE6
Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…
0 votes40 answers -
Текстовое поле
Подскажите, плз, почему текст смещен в поле input text? Скрин:
0 votes10 answers -
Блок улетает вниз в IE7
Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/
0 votes14 answers -
Вставка видео
Люди помогите мне найти Тэг на вставку видео,. я начинаю только создавать сайты, и многое не знаю
0 votes2 answers -
Выравнивание элементов списка по-центру
Дано некое абстрактное ul { margin: 0; padding: 0; list-style-type: none; } ul li { width: 100px; height: 50px; float: left; } Если в списке всего 2 элемента (<li>) то как можно выровнять их по-центру? Учитывая что ul на 100% ведь от окна растянуто по-умолчанию. Конечно можно задать ширину для ul и margin: 0 auto; но меня интересует именно автоматический вариант - чтобы при изменении кол-ва пунктов не было нужны изменять ширину ul. Спасибо
0 votes11 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-