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
-
a:hover прописан для всех ссылок, но для класса img отдельно. И второй не работает
Прописал для всех ссылок a:hover свойство красного фона. Потом создал отдельный класс a.img, в котором находились изображения, чтобы под ними не появлялась эта красная полоса. Но она появляется несмотря ни на что.
0 votes14 answers -
Зачем нужны комбинированные селекторы?
Продолжаю изучение CSS и вот возник такой вопрос: зачем нужно использовать комбинированные селекторы? Что можно сделать с их помощью, чего нельзя было бы сделать с помощью стилевых классов и именованных стилей? Заранее признателен.
0 votes3 answers -
Ложка дегтя
При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.
0 votes5 answers -
Проблема с отображением списка
Добрый день! Возникла такая проблема: требуется вывести каталог товаров в виде горизонтального списка. Но при добавлении float:left тэгу LI или Div (внутри LI), весь дизайн съежает...Кто может помочь советом? Буду благодарен. Вот скрины и код примерной схемы: Если нет float: И если добавить float:left тэгу LI или Div (внутри LI): <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css">…
0 votes2 answers -
html таблица
не знаю куда писать поэтому напишу сюда, администрация форума поставьте мой пост в нужное место, парни помогите разобраться с проблемой, проблема такова, есть таблица в которой нужно убрать одну границу говорю одну потому что их много у меня, вот сам кусочек этой границе <td class="p"> </td>, а вот кусок css к этой границе td.p { border: 1px solid; border-color: #EEF #8CF #8CF #EEF; background: #D0F0FF; padding: 1px 5px 2px 5px; }
0 votes24 answers -
position: fixed как сделать?
необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?
0 votes16 answers -
Текст как у star wars
Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …
0 votes12 answers -
вылезает background по y
Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…
0 votes4 answers -
Смещение текста при изменении размеров окна
Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?
0 votes2 answers -
Несовпадение кодировок
Здравствуйте! Обращаюсь с абсолютно нуберским вопросом. Просто попробовал воспользоваться шаблоном от htmlbook.ru Суть проблемы состоит в том, что какой бы шаблон я не ставил и не сохранял (с помощью Notepad) в виде одиночного html-файла, у меня не совпадает кодировка. Влад пишет в utf-8, это , пожалуй, самая распространенная на сегодня кодировка. Но при открытии файла в браузере я вижу множество вопросительных знаков всюду, где есть кириллические символы. После повторного открытия файла Notepad-ом даже комментарии становятся в виде вопросов. Что делать?
0 votes4 answers -
Как растянуть див по высоте внешнего дива?
Спасибо всем кто помог решить предыдущую проблему. Но сверстать так и не получилось, так как необходимо теперь растянуть див по высоте внешнего дива. Если задаю высоту внешнего дива, то всё в порядке, но у меня она неизвестна.
0 votes5 answers -
вертикальная прокрутка в DIV
Есть страница с <div style="width:1024; height:100%; overflow:auto">%какой-нибудь текст</div> Требуется, чтобы высота div была равна высоте страницы. Все так и есть, пока текста внутри мало. Если текста больше, чем высота страницы, то div растягивается и появляется скролл именно в окне браузера, а не в самом div'е. Все нормально работает, если высоту задать в пикселях, а не процентами. Как вариант можно с помощью java узнать высоту страницы и задать высоту div'а числом. Но хотелось бы что-нибудь проще. Помогите, 2 дня форумы читаю.
0 votes2 answers -
Найти решение
Господа, помогите пожалуйста найти оптимальное решение: Есть меню, между линками разделительная полоса (правый бордер), не получается найти элегантное решение что бы после последнего линка разделительной полосы не было... css: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …
0 votes13 answers -
Прошу осмотреть работу.
Не могу понять как сделать всю страницу определенного размера. А самое главное - это то, что при уменьшении окна браузера, кнопки меню смещаются друг под друга. Исходник <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>ТИТУЛ</title> <style type="text/css" media="screen"> html{margin:10px 20px;} </style> <link rel="stylesheet" href="main.css" type="text/css" /> <!-- Таблицы стилей main.css --> <…
0 votes1 answer -
footer
Избитая тема прижимания footer'a к низу браузера. Помогите отыскать его и прижать х) это код из Joomla шаблона в котором footer не хочет прижиматься к низу браузера По сути некоторые элементы не правильно позиционированы. Сам шаблон статичный. ——————————————————————————————————————————— Html ——————————————————————————————————————————— [color="#C0C0C0"]<?php /** * @copyright Copyright (C) 2005 - 2009 RocketTheme, LLC - All Rights Reserved. * @license GNU/GPL, see LICENSE.php **/ defined( '_JEXEC' ) or die( 'Restricted access' ); define( 'YOURBASEPATH', dirname(__FILE__) ); $color_style = $this->params->get("colorStyle", "dark"); $template_width = $this-&g…
0 votes7 answers -
Сглаживание шрифтов в макетах
Дизайнер дал макет, пытаюсь его сверстать. Получилось совсем не так как надо поскольку различается написание шрифтов в макете и в браузере. Посмотрел повнимательнее, дизайнер использовал сглаживание шрифтов - Резкое. Насколько мне известно всегда макеты рисовались без сглаживания. Вопрос: это дизайнер ламер или я что-то пропустил и у современных дизайнеров теперь принято рисовать макеты со сглаживанием? Я еще понимаю можно где-нибудь в заголовке сглаженный шрифт использовать, но не во всем же макете.
0 votes3 answers -
Таблица, стиль background в теге TH - разрывы
Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…
0 votes4 answers -
резиновый макет в 3 колонки, div
делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …
0 votes14 answers -
какой способ загрузки выбрать?
Есть макет, и надо, чтобы при нажатии на ссылку в "Навигации" информация в "Content" загружалась, ео, желательно без перезагрузки страницы. Это можно сделать только фреймами? P.S. Я новичок в этом деле, так что попытайтесь обьяснить более ли менее доступным языком, пожалуйста. Вот макет: Моя ссылка
0 votes5 answers -
Прижать див к низу ячейки таблицы
В ячейке таблицы есть два дива - один неоходимо прижать к верху , другой к низу. Подскажите пожалуйста как это сделать?
0 votes28 answers -
Домен и тематика сайта
Здравствуйте! Я начинающий в сайтостроении. Знаю примерно 40% html-тегов, разбираюсь в CSS, понемногу учу JavaScript и только знакомлюсь с PHP. Собственно, представился. А вопроса у меня два, причем, достаточно глобальных. Решил объединить их в одну общую темку, дабы не создавать нагромождения. Итак... Вопрос первый. Домен сайта. Какое доменное имя лучше - COM, ORG, NET или RU?. Насколько я начитался информации по просторам интернета, абсолютно все эти домены индексируются поисковиками одинаково. Причем, сайт в зоне RU можно купить значительно дешевле. К сожалению, сейчас ввели паспортизацию доменов, а так как тематика сайта желает оставлять данные владельца домена конфид…
0 votes8 answers -
Рамка вокруг изображения
Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.
0 votes3 answers -
Проблема со spotlight
плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…
0 votes0 answers -
Бэкграунд
Привет! body { background-color:#369ae0; height:100%; } #content { background:#369ae0 url(../img/main.jpg) no-repeat center top; position:absolute; height:100%; width:100%; } #footer { background:url(../img/footer.png) repeat; position:fixed; bottom:0; height:15%; width:100%; }
0 votes3 answers -
Выпадающее меню.
Всем добрый день. Прошу помочь. У меня проблема с вёрсткой выпадающего меню. Код HTML: Код CSS: В итоге меню при выпадании своим первым пунктом налазиет на основное меню.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-