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
-
Трабла с overflow
Здравствуйте, помогите пожалуйста. Почему overflow не обрезает лишний текст ? Задан блок фиксированной высоты и ширины. Для него заданы паддинги сверху и снизу. Текст который внутри блока игнорирует паддинги и отображается, а обрезается только по границам самого блока. В коде ниже пробовал ввести дополнительный div. Не помогло. <div id="si_txt"> <div>.. МНОГО-МНОГО ТЕКСТА..</div> </div> заданы стили: #si_txt { background-color:#F5F7F9; float:left; height:115px; line-height:120%; overflow:hidden; padding:15px 40px 15px 17px; width:405px; } #si_txt div { overflow:hidden; } Вот оригинал: http://tri4.ax3.net/akado_ural/akado-ural.html
0 votes3 answers -
Justify для любых элементов…
Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?
0 votes19 answers -
Проблемы с меню
Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?
0 votes3 answers -
Стиль для активной ссылки
Доброго времени суток. Возникла проблема с отображением активной ссылки. В CSS она у меня по дизайну похожа с стилем наведенной ссылки, но она отображается, помогите что не так... #mainlevel a:active { color: #a40707; display:table-cell; height:41px; vertical-align:middle; background-image:url(../images/put_button.jpg); text-decoration: none; background-repeat: no-repeat; font-family: "Tahoma"; font-size: 15px; } Заранее благодарен.
0 votes4 answers -
Header
Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!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> <title></title> <meta …
0 votes8 answers -
Указание фона для элемента списка
Доброго времени суток. Мне необходимо создать меню по средствам элемента списка. <ul id="mainlevel"> <li><a href="****.html" class="mainlevel" >Главная</a></li> <li><a href="*****.html" class="mainlevel" >О компании</a></li> <li><a href="****.html" class="mainlevel" >Продукция</a></li> <li><a href="****.html" class="mainlevel" >Контакты</a></li> <li><a href="*****.html" class="mainlevel" >Новости</a></li> <li><a href="*****.html" class="mainlevel" >Услуги</a></li> </ul> Графическое оформление предусматривает задание …
0 votes4 answers -
Прозрачность не работает при наложении div
Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…
0 votes2 answers -
Как сделать минимальный масштаб отображения для сайта?
Когда мы нажимаем в браузере Ctrl минус мы уменьшаем масштаб страницы. А как сделать, чтобы пользователь жал Ctrl минус, а сайт масштаб не у меньшал. (С колесиком естественно тоже самое) Т.е. задать минимальный масштаб для сайта?
0 votes3 answers -
Русский текст в строке браузера
Здравствуйте! Подскажите пожалуйста, как можно реализовать название каталогов в строке браузера на русском языке? Пример: http://ru.wikipedia.org/wiki/Заглавная_страница
0 votes3 answers -
Резиновые Элементы c обрезанием при min-width
http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg Во общем задача такая есть два блока с картинками к примеру серые квадраты. если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024. Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.
0 votes3 answers -
Создание шаблона для своей CMS
Решил написать свою CMS... Трам-пам -пам добрался до шаблона. Незнаю как лучше, но привык выводить нужные блоки методом <div class= "left"><?php echo $template->module_left; ?></div> Но что-то в последнее время посматриваю как сделано в Joomla <div class= "left"><jdoc:include type= "module" name= "left"></div> Как Джумла обрабатывает шаблоны? Стоит ли вообще использовать такой метод?
0 votes1 answer -
Проблема с TEXTAREA
Всем здравствуйте. У меня возникла одна проблема. Короче говоря, у меня есть блог, в нём я опубликовываю уроки по html, css, php и тд. На странице добавления и редактирования материалов у меня стоит textarea, куда я ввожу всю информацию об уроке, а так же примеры html, css. Так вот, я хочу заключать коды в отдельные textarea, но по крайней мере я убедился что в textarea нельзя вставлять ещё один же textarea. Мне нужен код, через который я смогу добавлять коды на свой сайт, и естественно чтобы он не работал: например если я напишу <b>аа</b>, он мне напишет аа, нет, мне нужно чтобы если я напишу <b>aa</b>, то у меня и будет так написано. А то, когда …
0 votes6 answers -
Проблема со вставкой банера
Подскажите как правильно вставить баннер, чтобы он работал. Вот код баннера: <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent ('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','728','height','90','src','test','quality','high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align','middle','play','true','loop','true','scale','showall','wmode','window','devicefont','false','id','test', 'bgcolor','#ffffff','name','test','menu','true','allowFullScreen','false','allowScriptAccess','sameDomain','movie','http://pana…
0 votes2 answers -
большой пробел перед ссылкой почему?
Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )
0 votes3 answers -
Как бы вы сверстали каркас?
сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>
0 votes6 answers -
Баг или какая-то особенность IE7?
Выставлялось через jQuery. Во всех других браузерах нормально работает. Естественно выглядит все это очень плачевно. Собственно, как заставить принимать colspan="6" Мда... Можно удалять тему. Для IE7 надо указывать colSpan в jQuery, а не colspan. Хотя другим браузерам пофиг, так что можно везде использовать colSpan.
0 votes0 answers -
Резина не резинит
Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;
0 votes30 answers -
При пробеле слетает слово
В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.
0 votes32 answers -
font:100%/40px
Встретил такую запись для обозначения шрифта: font:100%/40px "Trebuchet MS", Arial, Helvetica, sans-serif; Что значит font:100%/40px? Это ошибка или хак?
0 votes8 answers -
Незнаю как сверстать
Всем доброго времени суток! Ребят помогите уже все перепробовал не знаю что делать как сделать такое подскажите пожалуйста http://imageshost.ru/links/ec42fc2364f5bbb63c1b95a691569db9 а то я что не попробую все в разные стороны разъезжается и коряво получается
0 votes2 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
в ie7 футер нормальный, в w3c-браузерах последний див в футере уезжает вниз
Помогите, пожалуйста. Верстаю страницу. В футере есть две строчки, одна над другой. Я их сделал дивами определённой высоты (их общая ширина такая, что не превышает высоту футера). Во всех браузерах что-то не так. Только в ie7 строчки не уезжают за границы футера. В остальных есть смещение вниз дива #copyright. Если ставлю line-height:0, то во всех браузерах исправляется, а в ie7 текст пропадает. Что здесь не так? С помощью Firebug-а в fitefox попробовал поотключать свойства у дива #copyright, так если у него убрать ширину, то всё исправляется <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…
0 votes11 answers -
Высота поля TEXTAREA
Добрый день Есть поле TEXTAREA Для наглядности код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…
0 votes14 answers -
click fallthrough
Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …
0 votes7 answers -
<input type="button" /> (border:1px)
Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-