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
-
Скролинг Web-страницы
Подскажите как сделать полосу прокрутки браузера, не во фреймах?
0 votes19 answers -
Возможно ли cредcтвами CSS оформить заголовок
Возможно ли оформить заголовок так как показано на риcунке cредcтвами CSS?
0 votes2 answers -
Вновь отступы
В CSS: #content { width:1184px; padding: 0; border-spacing: 0; margin: 0; } #middle_top { background-image: url('img/middle_01.png'); background-repeat: no-repeat; width: 1184px; height: 33px; } #middle_center { background-image: url('img/middle_03.png'); background-repeat: repeat-y; width: 1050px; margin: 0px 0px 0px 1px; padding: 0px 50px 0px 50px; } #middle_bottom { background-image: url('img/middle_05.png'); background-repeat: no-repeat; width: 1184px; height: 41px; } #title { color:#2368ae; font-family: Verdana; font-size: 15px; font-weight: bold; font-style: italic; } HTML (незнаю надо или нет): <div id="content"> <div id="m…
0 votes1 answer -
Не корректное отображение сайта в разных браузерах.
Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2">…
0 votes8 answers -
Растягивание div блока
И снова здравствуйте. Нуждаюсь в вашей помощи. <div class="a1"> <div class="a2"></div> <div class="a3"></div> </div> .a1 { width: 100%; display: inline-block; } .a2 { background: url("{T_THEME_PATH}/images/logogo.jpg"); background-position: center; height: 300px; border: 1px solid #BFBFBF; display: inline-block; float: left; overflow: hidden; display: inline-block; } .a3 { overflow: hidden; float: right; height: 300px; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; display: inline-block; } В блоке a2 фоном изображение, которое может растягиваться на 100% ширины. В блоке a3 желательно указат…
0 votes15 answers -
Ворос!
Меня настигла проблема с картинкой под фон: Если делать в фотошопе картинку размером 1500х2000(например),то картинка будет мегабайт 8 весить,подскажите,как сжать картинку???
0 votes5 answers -
Выпадающее меню на CSS не отображается в IE
Здравствуйте, возникла необходимость сделать выпадающее меню с помощью CSS. Задумка такая: 1) в "состоянии покоя": 2) при наведении на кнопку: т.е при наведении на левую графическую часть с кнопками появляется выпадающее меню, которое должно отображаться в строчку. Взяла код отсюда. Попыталась его адаптировать под свои цели, но столкнулась с двумя проблемами: 1) меню на том сайте работает в IE, а мое нет =( 2) мне нужно, чтобы в правом блоке синий фон был постоянно, а не только при наведении на кнопки в левом блоке. Помогите, пожалуйста уже два дня мучаюсь, ничего не могу сделать( Ссылка на страницу с "проблемным" меню вот. Код html: <div class="cssmenu"> <ul…
0 votes2 answers -
Подскажите что за движек сайта
Очень понравился сайт магазина: http://www.kvazar-m.ru/ И дизай ( ну это заслуга дизайнера) и самое главное как там все устроено... Знающие люди подскажите пожалуйста новичку что за движек используется? Заранее благодарен!
0 votes7 answers -
Перевод на страницу для Internet Explorer 6.
Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?
0 votes6 answers -
Как повернуть текст на 90*?
Нужно сверстать вот такую навигацию. Как бы осуществить этот момент кроссбраузерно? но не картинками
0 votes8 answers -
Реализация задуманого!
Есть задумка, помогите реализовать или подскажите другие варианты реализации. Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу текст не отображался..
0 votes7 answers -
Автоматический перенос строк
Есть проблема с добавлением текста на свой сайт он игнорирует перенос строк и отображает текст кучкой самому раставлять теги <бр> долго. есть какоенибудь решение моей проблемы?
0 votes2 answers -
Не коректно работает шаблон
Вот такая у меня, начинающего верстника, возникла проблема: Хотя должно быть примерно так: (шапка - ссылки - левый блок - центр - правый блок) У меня почему то "не работает" правый блок Код html: <!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"> <head> <meta http-equiv="Content-type" content="text/html"; charset="windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title> Интересные факты о жывотных </title> </head> <body> <div id="macet"> &…
0 votes1 answer -
Разваливается таблица
очень нужна ваша помощь я совсем новичок , и при создании таблицы возникла проблема . как сделать так чтоб таблица смотрелась целостно ? <!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=iso-8859-1" /> <title>???? ????</title> </head> <body bgcolor="#453631"> <p>????? </p> </body> </html> <body> <center> <table cellpadding="0" cellspacing="0" style="background:#5C443A; " > <tr style="background…
0 votes6 answers -
растягивание
есть html: <style> div.tablero { border:1px black solid; display:inline-block; min-width:300px; width:30%; margin:2px; } div.tablero2 { border:1px black solid; display:block; width:70%; } </style> <div> <div class='tablero'>mysconfig#1</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#2</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#3</div> <div class='tablero2'>Этот параметр задает начальное положение...&…
0 votes2 answers -
JavaScript - передача ссылки по средсвам JavaScript и перезагрузка плеера
Вот хороший человек написал мне скрипт: <table class="boxTable_right"><tr><th><h3><!-- <bt> -->Список TV<!-- </bt> --></h3></th></tr><tr><td class="boxContent"><!-- <bc> --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <style type="text/css"> #menu li { display:inline; margin:10px; } li.hasUl { list-style-image:url(plus.gif); } li.hasUl li { list-style-image:none; } #list1 { display:block; } #list2 { display:none; } </style> <ul id="menu"> <li class = "menu_tv" id ="menu1"><a href="…
0 votes0 answers -
Фиолетовый цвет вместо черного в IE 8
В IE8 заданный в CSS черный цвет имеет фиолетово-желтый оттенок, хотя в Fx отображается черным. Как убрать непонятный оттенок?
0 votes3 answers -
горизонтальный скрол при резине
Здравствуйте! Не могу понять что не так? отображаетсмя все как задумывалось слева 520 пикселов, а справа все в 100%, но вот появляется скролл горизонтальный ( что-то я недописал?! #leftbar{float:left; width:500px;} #content{width:100%; margin-right:-520px; float:left;} #c1{margin-right:520px; float:left;}
0 votes1 answer -
Некорректное отображение сайта при различном разрешении монитора
Здравствуйте. Подскажите пожалуйста, как при большом разрешении монитора, больше чем 1024*768 разместить два дива по центру. При большом разрешении монитора дивы распологаются слева, а остальное пустота, смотрится ужасно. Пробовала разные способы, но получается некорректно. Пробовала поместить два дива в общий див и его разместить по центру- не получилось, а также с помощью float и тоже неудача. Ссылка на страницы с моими непослушными дивами: http://olyakutukova.narod.ru/brauser.html http://olyakutukova.narod.ru/ocna.html
0 votes17 answers -
Нужна помощь для валидации
CSS: .container{margin:auto;width:800px;} .header{background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;} HTML: <div class="container"> <a href="#"><div class="header"></div></a> Суть проблемы для меня заключается в следующем: Как сделать средствами HTML и CSS гиперссылку в заголовке (при этом текста там быть не должно)?
0 votes13 answers -
Стиль ссылки
Как сделать так: Я нахожусь на главной странице, и в меню выделена этим стилем ссылка ведущая на главную. Если я нахожусь в новостях, то выделена ссылка в меню ведущая в новости. Спасибо.
0 votes15 answers -
Помогите новечку.
Добрый уважаемые гуру. Я новeчек, но вот создал сайт и вроде все хорошо, но столкнулся с проблемой. Сайт работает корекnно в 8 и 9 эксплорере и в 3,6 мозила. А человек которому делал, хочет, что бы все было четко и в эксплорере 7 и 6 и в мозиле 2 и 3.. Подскажите что надо сделать? ВОт сайт - http://stepan.rao.lv - эта страничка вроде работает нормально а вот эта уже глючит - http://stepan.rao.lv/ru/index.html
0 votes5 answers -
Доска Обьявлений
Помогите пожалуйста с поиском доски обьявлений мб ктота наталкивался, хочу поставить на сайт но никак не могу найти. Спасибо заранее
0 votes6 answers -
Как сверстать оглавление как в книге?
Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо
0 votes3 answers -
Проблема отступов.
Добрый вечер. Есть код: <html> <title>aaa</title> <head> <style type="text/css"> html body { margin: 0; width: 100%; background-color: #000; } #main { margin: auto; width: 80%; background-color: #fff; } #head { height: 200px; margin: 2%; background-color: #888; } </style> </head> <body> <div id="main"> <div id="head"> </div> </div> </body> </html> Отступы у head от main делаются только справа и слева, а сверху и снизу не делаются. В связи с чем это происходит? Помогите пожалуйста разобраться.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-