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
-
<div> и <p>
Объясните в чем разница между тегами <div> и <p>.
0 votes8 answers -
<div> и align не на всю ширину страницы
Есть <div> в нем <img align="left"> <img align="right"> <table align="center"> </div> Но браузер делает отступы от краев окна, а не <div> <div width="fixed"> ничего не меняет Как отформатировать страницу чтобы картинки оказались с отступом от краев экрана? Можно наверно попробовать margin, но это не совсем то - Если <div> был бы фиксированной ширины при изменении размеров окна отступы тоже изменяли бы свой размер, а если сделать margin, то отступы будут неизменными. В общем жду ваших советов. Всем спасибо, сам разобрался. Заменил <div> на <table>
0 votes0 answers -
<div> над <div>
Имеется некий скрип в который выводит на экран картинку.Это картинку нужно закрыть другой (прозрачным гифом) тоже в А вопрос такой: как расположить один див над другим? <div id="test" style="position:relative; width:150; height:150"> <div style="position:absolute;top:0px;left:0px;"> <form onsubmit="java script: showBusyLayer()" method="post" action=''> <input name="story" type="text" style="width:300px; height: 300px;" /> <input type="image" align=middle class="button_1" src="center001.gif" /> </form> </div>
0 votes1 answer -
<div> шире окна браузера без появления скроллера.
Доброе время суток! Есть такая конструкция: <!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" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…
0 votes11 answers -
<div>-ы и всё, что м ними связано....
Вопрос такой: 1) В дивах не работают параметры CSS: - vertical-align: ; - text-align: ; так и должно быть? O_o (просто при табличной вёрстке не могу в диве разместить текст по центру) Может эт от того, что в CSS использую *{margin:0; padding:0; border:0}? 2) Как с помощью дивов верстать такие элементы: С таблицами - всё просто... Таблица - 100%. Три ячейки - левая и правая - фиксированы... Центр - растягивается... А как быть с дивами? (без абсолютного позиционирования?) Или это невозможно? P.S. И ещё тут же - если в такую таблицу всунуть картинку - то при изменении размера экрана (например при уменьшении) - остаётся только центральная картинка, а боковые ячейк…
0 votes7 answers -
<embed />
на одной и той же странице данным тегом разместил два разных файла - видео и аудио после чего при попытке просмотра видео - реал плэер пытается открыть файл не там где он размещён непосредственно,а там где должен открываться аудио файл...при запуске аудио обратного эффекта не происходит всё играет ,как надо ... В результате чего это происходит ? - может быть использовать <object></object> для корректности ? p.s. зарание благодарен
0 votes0 answers -
<footer> и InternetExplorer
С новыми тегами HTML5 Internet Explorer по ходу не дружит? HEADER, ARTICLE, FOOTER... "все в сад", т.е. IE8 их наверху все оставил друг за дружкой. Получается, что сделать кроссбраузерность, нужно для IE всё дописывать ручками?
0 votes2 answers -
<form action="..."> или <input formaction="...">
Здравствуйте. Гугл в очередной раз меня забанил, так что вся надежда на мудрых форумчан(-ов). Смотрю на описания атрибута action тега <form> и атрибута formaction тега <input>. И чувствую, что все ясно, но ничего не понятно. В каких случаях разумно использовать один вариант, а в каких - другой? И почему в HTML 5 <form action="..."> (атрибут) уже не обязателен? А как тогда показать связь формы с обработчиком? С одной стороны, как бы и не сложно даже для одного поля "text" и кнопки "submit" написать тег <form> с action. C другой - оба этих элемента требуют <input type="...">, в который можно там же (для кнопки) сразу вписать и formaction. Но та…
0 votes5 answers -
<Form> в блоке который display:none
Сделали на сайте форму авторизации на основе SimpleModal Demos (а именно на основе Basic Modal Dialog) http://www.ericmmartin.com/simplemodal/ но получилось что форма авторизации, находится в блоке с display:none и не работает. Есть у кого какие предложения как её можно оживить в display:none ?? Заранее спасибо
0 votes3 answers -
<form> сделать в центре страницы
как сделать форму в центре страницы. щас она выровнена слева от края. попытался положить её внутрь - <p align="center"> </p>. но не помогло....
0 votes3 answers -
<H1> не отображается в IE 8
Всем привет. Есть шапка сайта цельная картинка(блок div background:url(...)) на ней <H1> написан заголовок . Он не всегда отображается. Если обновлять страницу то переодически пропадает. В чем может быть дело? И еще у одного заголовка свойство letter-spacing:1em; в safari opera нормально отображается ширина а в IE чуть меньше. Как выйти из этой ситуации?
0 votes6 answers -
<h1>Помогите с ссылками</h1>
Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем??? мой css стильul.navigation { width: 270px; list-style: none; margin: 0; padding: 0; text-align: left; } ul.navigation li { display: inline-block; margin: 0px; padding: 0;} ul.navigat…
0 votes6 answers -
<header>
Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…
0 votes3 answers -
<if val=> </if>; <poly name=> </poly>; <key> </key>;
Подскажите что это за теги и где про них можно хоть что-нибудь узнать:; ; ;
0 votes9 answers -
<iframe...> и allowtransparency
Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?
0 votes8 answers -
<iframe>
Подскажите пожалуйста нужно чтоб при нажатии на ссылку в <iframe> загружался результат.Например есть вот : <a href="http://www.google.ru/" target="google">google</a> <iframe src="" width="320" height="280" name="google"> </iframe> при нажатии на ссылку в окно iframe ни чего не загружается Что делаю не так ?? (зато работает в IE6 )
0 votes1 answer -
<iframe> использовать нельзя как быть?
Надо подгружать локальные страницы в окно броузера... тут вот все кричат что нииизя использовать iframe...не по феншую это чем же его заменить ????
0 votes4 answers -
<img src="...." title=" "> А как title в CSS
нужно чтобы к картинге добавлялась подпись, в обычном штмл это тайтл, а как в цсс тож самое сделать например: h1.logo a { background: url(../images/logo.gif) no-repeat; display: block; float: left; height: 45px; outline: none; text-indent: -5000px; text-transform: uppercase; width: 264px; } к этому логу нужно добавить тайтл. заранее благодарю!
0 votes2 answers -
<img src="русский.jpg">
такая проблема: в строчке не воспринимаются русские символы всместо какаха.jpg в браузер передается ProductImages/%EA%E0%EA%E0%F5%E0.jpg Как организовать поддержку русских символов в html? не помогает
0 votes6 answers -
<img> ? совсем затупил.
ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?
0 votes10 answers -
<img> background
Здравствуйте, подскажите пожалуйста... Имеется на странице блок по центру с минимальной min-width и максимальной max-width шириной. Внутри блока, панорамная картинка с фиксированными размерами: <img src="head.jpg" alt="" height="487" width="1260"> В css правило чтобы картинка <img src... автоматически подгонялось под размеры внешнего блока (уменьшается увеличивается картинка в зависимости от монитора) img { height: auto; width: 100%; } Как же сделать тоже самое только в место <img src= прописать правильно background в css? Химичил-Химичил получалось только фиксированные фоновый рисунок... ————-- При регистрации я впервые в жизни мельком прочитал пра…
0 votes7 answers -
<img> в "Меню сайта"
Сайт создан на ucoz'e со стандартным шаблоном,и я решил переделать "Меню сайта",изменив названия разделов на html код картинки-кнопки,все это делалось в конструкторе сайта и панели управления.В итоги вышедшего меню сайта вообще пропало,несколько раз повторял эту операцию и безрезультатно.Возможно ли вообще изменить этот раздел и хотяб узнать намек как это сделать?
0 votes7 answers -
<img> в правом нижнем углу
Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.
0 votes8 answers -
<input type='image'> есть проблема.
У меня проблема с кроссбраузерностью. Помогите решить. Имею код <input type='image' src='buttons/edit.png' name='BTN_EDIT' value='Правка' title='Править' class='gbutton' /> Все красиво и зашибись, но только в мазилле. Нет, отображается все красиво во всех браузерах, спасибо CSS. Проблема с восприятием потом этой формы в php isset($_POST['BTN_EDIT']) - равен 1 только если навигация через браузер файерфокс.. В других браузерах получается, что кнопка не передается. $_POST['BTN_EDIT'] - равен 'Правка' только если навигация через браузер файерфокс, в других браузерах значение - пустота. В то же время, если вводную форму записывать как <input type='submit' src='butto…
0 votes5 answers -
<input type='text'> с display:table-cell и width:100%
Доброго времени суток. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-