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
-
Вопрос про селекторы
Вот смотрите допустим html код следующий - ... <body> <div id="wrap"> <div id="left"> <div class="menu"> <h2>Menu</h2> <span class="main_menu">Main menu</span> </div> </div> <div id="content"> ... </div> </div> </body> ... Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильн…
0 votes1 answer -
min-width для пунктов меню
li a{display:block;height:56px;text-align:center; padding-top:45px;float:left; min-width:40px; background:url(munu_bg1.png) 50% 0 no-repeat } подскажите как тут поступить для динозавра IE6? У меня пункт меню имеет ширину AUTO!
0 votes0 answers -
Div Height 100%
Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.
0 votes6 answers -
верхняя ячейка "расползается" по высоте за счет нижней
Помогите, пожалуйста, решить вот какую проблему: есть таблица <table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftColl" rowspan="2" height="471px"></td> <td id="header"></td> </tr> <tr> <td id="innerCont" rowspan="2" valign="top"> <p>content</p> </td> </tr> <tr> <td valign="top" id="contSideLeft"></td> </tr> </table> к ней стиль table#subCont { border-collapse: collapse; empty-cells: show; table-layout: auto; } td#leftColl { max-height: 471px; height: 471px; width: 355px; b…
0 votes0 answers -
Скрипт ЛаваЛамп и двухуровневое css меню
Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.
0 votes1 answer -
список в 3 колонки
Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140
0 votes7 answers -
Неадекватный IE
Люди, подскажите, может кто знает. Кроссбраузерный вариант отображения фоновой картинки по высоте и ширине страницы. Используется правило для IE, однако, когда подключается css - страница отображается, но при этом не работают ни ссылки ни текстовые поля, даже текст нельзя выделить. Вот проблемный код (если отключить - все работает, но фоновая картинка, естественно, не отображается). .body { width: 100%; position:fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); z-index: 0; }
0 votes1 answer -
Hr с разрывом текстом
Друзья, подскажите как сделать так?
0 votes3 answers -
IE9 - режим совместимости
Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"
0 votes1 answer -
Проблема margin
Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…
0 votes1 answer -
css3 transition
Всем привет. В принципе код: nav .menu > ul { float: left; font-size: 12px; text-transform: uppercase; } nav .menu li { list-style: none; line-height: 25px; } nav .menu > ul > li { float: left; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } nav .menu > ul > li:hover { background: #f9623e; …
0 votes1 answer -
ИМ Связной и способ их работы
Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155
0 votes4 answers -
Вставка изображения посредством css/php
Добрый день всем Вобщем, суть вопроса такова Из первого сделать второе Пробывал: через img src вставить в header.php - вставляется, но не загружается, т.е. вообще не кэшируется на странице, хотя в "Инф о странице" файрфокса прописывается в списке элементов, но не размер не формат неизвестен. Также пробывал через php echo все с тем же img src А как вставить посредством css - вообще ума не приложу... Что посоветуете? Сайт - kiadesign.ru , архив со всеми файлами темы WP - kiadesign.ru/wp-content/uploads/2011/12/theme.zip код header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1…
0 votes8 answers -
Табличная верстка в IE
Есть таблица, в которой 5 столбцов. Первый столбец должен быть резиновым, все остальные фиксированного размера. <table width="100%" border="0"> <tr> <td height="10px"></td> <td width="10px"></td> <td width="250px"></td> <td width="10px"></td> <td width="40px"></td> </tr> <tr> ... </tr> </table> Во всех браузерах, кроме IE, конечно, все нормально.. но IE надо указывать ширину для первого столбца, как ее указать, чтоб она была резиновой, если min-width для таблиц, я так понимаю, не действует..
0 votes1 answer -
Блоки разбегаются что делать?
<!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"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…
0 votes3 answers -
Сверстаная форма отправки
<form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…
0 votes2 answers -
Рисование с помощью CSS3
Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?
0 votes3 answers -
проблема с наложением блоков
Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }
0 votes3 answers -
Сайдбар поехал
Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…
0 votes2 answers -
Фиксированная ширина на th в IE
Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.
0 votes2 answers -
Не получается вывести результат из БД.
То есть пытаюсь в админки сделать раздел, где при создание статьи, в заполняемой форме, будет указан раздел "Прикрепить комментарии?" а ниже будет две радио кнопки: [да] [Нет]. ФРАГМЕНТ КОДА (из формы): <label>Прикрепить комментарии?<br> <input checked type="radio" name="vk_coments" value="blocks/vk_comments_on.php">Да<Br> <input type="radio" name="vk_coments" value="blocks/vk_comments_off.php">Нет<Br> </label> ...... Допустим выбрали [да]. Выбранное значение "blocks/vk_comments_on.php" заносится в базу. С этой частью трудностей не возникло. Дальше, я пытаюсь в разделе [Редактировать], поменять в этой статье, значение раздела "П…
0 votes0 answers -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
Перемещение фокуса
Имеется код вида: <form action="" method="post"> <input type="text" /> <a href="#">создать аккаунт</a> <input type="password" /> <a href="#">вспомнить пароль</a> </form> Условие: Фокус на первом инпуте (text)/ Проблема: При нажатии на «Tab» фокус, по крайней мере в Хроме, перемещается на ссылку «создать аккаунт», а не на input с type="password". Как такая проблема решается? P.S. Поиск мне не помог (ну или я просто не умею его готовить).
0 votes5 answers -
Отступ резиновых блоков
Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}
0 votes3 answers -
Почему?
Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-