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
-
Как вставить соответствующие иконки в соответствующий пункт меню, рядом с тестом
Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом. К примеру меню: авто мото вело контакты Перед каждым пунктом списка нужно поставить соответствующую иконку. Я использую вордпресс (это на всякий случай) ), вод код меню в css /*Main Navbar */ #nav { font-size:1em; background:#669900; } #nav, #nav ul { list-style:none; line-height:1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: white; padding: 9px 18px…
0 votes8 answers -
Странный косяк( при увеличении или уменьшении сайта)
#pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…
0 votes14 answers -
Проблема IE7
Под вистой на IE7 не слушается таблица стилей (сайт не корректно отображается), в остальных браузерах проблем нет.Стили не отделены в отдельный файл, не знаю, может в этом проблема. Все выглядит так, будто стили вообще не прописаны. Кто-нибудь сталкивался с проблеммой? Подскажите.
0 votes9 answers -
Таблица + дивы
В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5…
0 votes14 answers -
Стиль ячеек столбца таблицы
Существует ли в CSS возможность задать стиль ячеек определённой колонки таблицы так, чтобы не указывать class для каждой ячейки?
0 votes10 answers -
Всплывающая картинка при нажатии на input type="submit"
Подскажите, как сделать, чтобы при нажатии на <input type="submit" class="form-submit" value="Отправить"> появлялась всплывающая картинка?
0 votes9 answers -
Подскажите, как выровнять картинки по вертикали в списке li?
Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается. Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ? Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100. Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо. Если нетрудно, м…
0 votes4 answers -
Помогите пожалуйста выронять меню
Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка 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>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…
0 votes22 answers -
Как сделать всплывающее окно на весь экран
Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.
0 votes1 answer -
nobr или nowrap как убрать отступы между елементами?
<div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы
0 votes4 answers -
Футер съехал вправо
Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…
0 votes11 answers -
Margin-left в IE и FF
Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)
0 votes4 answers -
Justify для любых элементов…
Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?
0 votes19 answers -
Ссылка экзотической формы (не прямоугольная)
Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…
0 votes7 answers -
JS refresh
Доброе время суток!.. Как можно посредством JS обновить содержимое браузера? С уважением clgs.
0 votes7 answers -
Подсветка area
Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?
0 votes5 answers -
Не могу отцентровать див - выравнивается по правому краю
Див включает в себя еще 4 дива у которых не задан левый отступ и правый не задан. Пишу align: center а он делает огромный отступ от левого края пикселов в 800... Пробовала в table помещать их - та же самая история. В чем причина не могу понять - всю голову сломала...
0 votes11 answers -
Как сделать блок ссылкой?
я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?
0 votes19 answers -
Логотип сайта в браузере
Хочу создать такую штуку как у вас на сайте или в любом поисковике, чтобы в вверху, перед адресом страницы находилась картинка. Как это сделать???
0 votes2 answers -
див уходит за границу экрана
есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…
0 votes1 answer -
Мои вопросы по html/css
Здравствуйте. Хочу все прописать в css файле. Нужно чтобы сайт-таблица был поцентру экрана. В html - это <center></center>, единственное нашел в интрнете, в css прописать Table {margin-left:auto; margin-right:auto;} но немного странным показалось, не будет ли каких-нибудь ошибок? Возможно ли в css файле указания подобного align: center?
0 votes23 answers -
обращение в CSS к первой строке в таблице
вопрос такой есть таблица с идентификатором, могу ли я как-то не редактирую HTML а только CSS файл который подключен к этой странице применить стиль к первой строче этой таблици, а было бы здорово если к любой определенной другой, но НИКАК НЕ КО ВСЕМ!, подчеркиваю только к одной. <TABLE id="n1"> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE>
0 votes4 answers -
Обновление select option
В общем всё уже стоит в заголовке! как зделать чтобы при заходи на страницу редакции профиля список select обновлялся! мучиюсь уже месяц! Использую этот код: Прошу помощи сам несправляюсь, запарился! буду очень благодарен!!!
0 votes13 answers -
Нужны энтузиасты
Здравствуйте, я вот тут создал ресурсик веб-секреты для веб-мастера, и только после создания пришла проблема - где же брать информацию? На первое время казалось что по собственному опыту буду писать, а сейчас заказов нет, следовательно проблем нет. Вот я и подумал обратиться к умным людям :-) Может что подскажите?
0 votes25 answers -
float и height 100%
надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-