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
-
объединить необъединимое
Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.…
0 votes12 answers -
Рамка в шапке сайта из DIV с меняющимися картинками внутри
День добрый! Пытаюсь сделать нечто вроде рамки в шапке сайта в которой будут крутиться картинки (слайдшоу), но пока что-то не очень получается, видимо из-за того что совершенно не умею работать с div версткой. Вот то что получилось накидать: <div style="width: 1135px; height: 376px; position: relative;"> <div style="float:left; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="float:right; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; height: 80px; width: 965px; background:url(top.png); ba…
0 votes4 answers -
Проблема с текстом
Есть дивы на сайте http://nrdesign.com.ua/ НАС ЧАСТО СПРАШИВАЮТ Кликая по тексту Как мы работаем или Сколько стоят наши услуги выезжает текст с описанием этой услуги, но если по открывать сразу все то будет ничего не видно. Как сделать так чтобы если один открыт то кликая по другому первый закрывался. Помогите нужно срочно решить проблему.
0 votes12 answers -
Динамичная загрузка контента на php
Добрый день. Для статичного подключения php файлов использую: <?phpinclude "content.php";?>Покажите пожалуйста маленький пример, как подгружать динамически, т.е. при нажатии на ссылку/кнопку изменить содержимое div. Спасибо.
0 votes5 answers -
Как сделать круговое меню ?
Нужно сделать меню примерно как на рисунке, прямоугольные изображение изначально не видны, они появляется при попаданию мышки в зону.
0 votes13 answers -
применить свойство с помощью :hover
как применить свойство любому элементу на странице при использовании :hover :active и тд. при изменении последовательности блоков и использовании "+" цвет применяется
0 votes2 answers -
?????
когда я делаю ссылку она почемута становится по середине а мне нужно чтоб ссылка была наверху http://smages.com/5e/e3/5ee3cf55022a7aa81c...25c3aad.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>home</title> </head> <body style="background-color: rgb(51, 51, 51);"> <table style="text-align: left; height: 150px; width: 1226px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: rgb(0, 0, 0);" align="center" valign="middle"&…
0 votes2 answers -
Размеры картинок
Здравствуйте! Как на сайте оформить код шапки так, чтобы она меняла свои размеры в зависимости от разрешения монитора, с которого просматривается страница? Спасибо!
0 votes3 answers -
Косяк в IE
В ИЕ изображение не помещается в центр ячейки таблицы, хотя в опере всё ОК. <tr> <td class="prod" colspan="2" width="500" align="center"> <img width="171" height="199" src="images/naslada.gif"></td> <td class="prod" colspan="1" width="300" align="center"> <img width="224" height="110" src="images/kroha.gif" style="position: relative; top: 20"></td> </tr>
0 votes3 answers -
отображение рисунка в ie
Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!
0 votes1 answer -
вопрос по форме
а как сделать, чтоб форма отображалась без батона, и при нажатии кнопки enter отправлялиьс на сервер заполненные в форму данные?
0 votes7 answers -
position:absolute в ie
доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока
0 votes3 answers -
Странное поведение margn-top в FF
Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…
0 votes3 answers -
предверительная загрузка изображений
помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?
0 votes4 answers -
line-height в IE
http://www.marreti.ru Слева в навигации в ксс указано line-height:25px; В мозиле всё отображается корректно. Эксплорер и опера игнорирует этот интервал. Как сделать чтобы IE воспринял эту строку?
0 votes1 answer -
Нужна тематика для сайта.
Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать
0 votes7 answers -
Оформление среднего рейтинга
Доброго времени суток. Подскажите, как сделать на css вот такое оформление средней оценки? Надо чтобы красная полосочка менялась относительно получаемой цифры... Спасибо
0 votes7 answers -
Вопрос про вывод данных в alert
Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидны…
0 votes3 answers -
Помогите с колонками сыпяться в IE
В IE при разрешение менее 1200 блок content оказываеться внизу в остальных браузерах все нормально помогите пожалуста. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } html { height: 100%; } body { min-height:100%; min-width:1200px; height: 100%; background-color: #fff; } #main{ height: 100%; min-width:1200px; } #bg_img_left { width: 95px; height:100%; background: url(img/1.gif) repeat-y; float:left; } #bg_img_right { width: 95px; height:100%; background: url(img/2.gif) repeat-y;…
0 votes3 answers -
IE 7 не поддается выравниванию
Помогите плиз..Мучаюсь вот уже который день...есть код.... <!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>BusWorld 2010: Нижегородская область</title> <style type="text/css"> body { background-color:#7c7057; margin: 0; padding: 0; color: #000; text-align: center; font: normal 13px/1.4em Verdana, Arial, Helvetica, sans-serif; } img { vertical-align: top; border: none; } div { margin: 0; …
0 votes2 answers -
html Курсоры
Бродил по сайтам интернета и наткнулся на красивые курсоры которые идеально подошли бы к моему сайту. Нашёл нужное свойство CSS. Но не получается установить. В теги бади пишу курсор: url, auto. Формат курсора подходит. Но не отображается. Заменить на стандартные курсоры получилось а на свой не хочет. Это вообще возможно?
0 votes2 answers -
Описание изображения:
Описание изображения: HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } пример http://www.sohtanaka.com/web-design/exampl...dow/caption.htm Тупо скопировал хтмл между тэгами боди, css в отдельный файл Получил следующее: есть изображение, описание …
0 votes6 answers -
Можно ли застилить email template
Подскажите будет ли работать адекватно емаил в почтовых программах, если дать классы на ячейки и прописать стили в верху документа html???
0 votes3 answers -
Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?
Приветствую всех! Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту. И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы. Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок. Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке. Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Language" c…
0 votes5 answers -
UTF-8
Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-