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
-
помогите разобраться с div
В общем, нужна помощь, незнаю что делать. имеется такой код <div id="container"> some code... </div> #container{ padding-left:18px; position:relative; } В этот div надо запихнуть таблицу (можно ее поместить в другой div) что бы параметры id="container" не касались ее(таблицы), пробовал и вписывать с другим id не помогает... Подскажите как такое релизовать?
0 votes9 answers -
Как и где сдлеать субменю ?
собственно не знаю как и где сделать субменю для панели навигации..... подскажите плиз как оно делается.... вот код CSS и HTML вроде больше нигде не подправить <div id="menu"> <ul> <li class="first"><a href="index.html" accesskey="1" title="">Главная</a></li> <li><a href="timewars.html" accesskey="2" title="">КВ</a></li> <li><a href="ustav.html" accesskey="3" title="">Устав</a></li> <li><a title="" accesskey="4" href="ierarhy.html">Иерархия</a></li> <li><a href="legend.html" accesskey="5" title="">Легенда</a></li> <li><…
0 votes1 answer -
Автоматическое создание страниц.
Есть exel лист и нужно создать очень много страниц с данными из листа. Сами страницы практически одинаковы. Как это можно сделать без использования sql? Ну тоесть строка в экселе со своим адресом и данными и создать страницу для нее, и так для всех адресов. На самой странице меняется только содержимое двух слоев.
0 votes4 answers -
Углы в Opera и Ie
проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…
0 votes12 answers -
Фиксированное положение Header
Надо сделать страницу, у которой заголоок при пролистывании всегда остается наверху. Сделал так, работает в FF и в Опере, а в IE между заголовком и основным контейнером получается дырка, как раз на величину отступа. Если margin-top убрать, то в IE будет нормально, а в Опере контейнер задвинется под заголовок. Как бороться, опыта пока маловато:-( <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Запросы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style type="text/css"> #mainContainer {width: 100%; …
0 votes4 answers -
Проблема в растягивании одного блока
Добрый денью Вот сделал сайтик, я новичек. Проблема в том что в разделе с лева есть блок который темнее чем фон где описан раздел. Так вот суть в том, как сделать сто бы он тянулся по все высоте странички автоматически. http://goldoff.lv/ru/page-5.php
0 votes18 answers -
Прыгает верстка при переходе на страницы
Всем здравствуйте! Прыгает верстка при переходе на разные страницы сайта, немогу найти косяк. Если контента много, то все ок, а если мало, то прыгает. Подскажите что может быть. Сайт http://prime-wedding.ru/wedding-dress/ и http://prime-wedding.ru/acessoires/
0 votes10 answers -
Блок выпадает с блока
Здравствуйте! Подскажите в чем проблема? <div class="header-search"> <div class="header-title"> </div> <div class="block-search"> </div></div>и сss .header-search{width: 100%;height: 104px;background: url("img/1.jpg") repeat-x;}.header-title{width: 455px;height: 90px;border: 1px solid red;margin-right: 10px;display: inline-block;}.block-search{width:453px;border: 1px solid red;display: inline-block;height: 90px;}Далее, <div class="header-search"> <div class="header-title"> <span style="padding-top: 33px; display: block; font-family: Tahoma;font-weight: bold; font-size: 48px; color: #ff8400;">MOBI<span style="font-…
0 votes9 answers -
Взаимодействие элементов из разных дивов
Доброго времени суток. Возникла такая проблема, нужно сверстать страницу согласно макету, используя только flex и grid Сразу появилась идея разбить страницу на три divа, первый это блок с породами кота, второй это блок с фотками и третий блок с рейтингом. <body> <header>Бабуленькины котятки</header> <div class="global"> <div class="menu"> <a class="submenu" href="#" id="abis">Абиссинская</a> <a class="submenu" href="#" rel="brit"">Британская</a> <a class="submenu" href="#" rel="rus">Русская голубая</a> <a class="submenu" href="#" rel…
0 votes6 answers -
Проблеммы с отображением в Мозиле и Опере =(
Учусь верстать табличной версткой, но у меня проблемма в Мозиле и Опере некоректно отображается =( _http://la2angel.net/index-test/angel.php Как это поправить? В IE все отлично !
0 votes1 answer -
Неправильно отображается MIDDLE в ИЕ6!
Вот так прописал, но почему то текст в ИЕ выравнивается по верху, а не по середине картинки? <li><a href='/about/vacancies/' class='menuitem' title='Вакансии компании'><img src='/images/template2/images1/bullet.gif' align='middle'>Вакансии</a></li> В чем может быть дело?
0 votes4 answers -
Нестандартные шрифты в opera
Всем добрый день. У меня проблемка. Нестандартные шрифты, подключаемые отдельным файлом, или ещё как нибудь не отображаются в opera. Думал что я что-то в коде страницы напутал, однако такая же проблема с сервисом Google где они предоставляют свои шрифты http://code.google.com/webfonts. Во всех браузерах Mozila, IE, Chrome всё нормально, а в Opera везде таймс нью роман. Смотрел в настройках, вроде не стоит использовать шрифт по умолчанию. Может я не там смотрел? Или версия такая, подскажите пожалуйста кто сталкивался. Версия opera 10.63.
0 votes2 answers -
Проблема с overflow
Задача сделать фоновую картинку которая будет вылазить за пределы первого li. <ul> <li class="widget widget_text" id="text-3"> <h3 class="widgettitle">Обратная связь</h3> <div class="textwidget"> <div id="wpcf7-f1-w1-o1" class="wpcf7"> <form class="wpcf7-form" method="post" action="/#wpcf7-f1-w1-o1"> <div style="display: none;"> <input type="hidden" value="1" name="_wpcf7"> <input type="hidden" value="2.4.5" name="_wpcf7_version"> <input type="hidden" value="wpcf7-f1-w1-o1" name="_wpcf…
0 votes6 answers -
Адаптивный текст
Всем привет, как реализовать адаптивный текст, чтобы размер шрифта подстраивался под размеры экрана, вот такой шаблон будет http://storage8.static.itmages.ru/i/14/0411/h_1397203081_1405815_7756d15e6e.jpg. Например под 1024 должно быть тоже самое как и под 1920, только в уменьшенном виде. Я знаю про vh и vw, но эти решения не кросбраузерны. Пока начал делать с медиа квериес, но дофига работы получается под все популярные разрешения подгонять. Может посоветуете какие нибудь плагины.
0 votes17 answers -
<input type="text" параметры>
как мне сделать поле ввода с закругленными концами?
0 votes3 answers -
Таблица
Всем привет! Как создать таблицу что-бы независимо от содержимого ее размеры по горизонтали оставались неизменными . Нужно что-бы строка "ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ" ложилась в таблицу width='150' height=* *параметр высоты незадан . Что-бы размеры таблицы изменялись в зависимости от содержимого по высоте а-не по ширине .
0 votes4 answers -
Помогите с форатированием 3 слоев
Уважаемые ГУру! подскажите как сделать чтоб выравнять 3 позиции по горизонтали. в css файле пишу следующее: #header{ width:984px; height:200px; position:absolute; margin:0 auto; left:100px; } #header1{ width:600px; left: 300px; height: 220px; position: absolute; } #header2{ width:120px; left: 880px; height: 220px; position: relative; } короче не плавают в зависимоти от размеров окна
0 votes6 answers -
"АЛЬБОМ" на сайт...
Здравствуйте дорогие HTML'щики это снова я... Теперь такой вопрос, мне нужно сделать альбом на подобии этого - click Что именно мне нужно... хм... я хочу сделать так, чтобы отображалась картинка, справа кнопка ">", а слева "<" жмём на ">", страница не меняется а вместо картинки той что была появилась следующая. Жмём на "<" появилась та которая была до этого. Желательно чтобы вместо знаков > и < были картинки - < > ; знаю на том сайте что я предложил изменяется страница, мне хочется чтобы изменялась только картинка, возможно ли это??
0 votes6 answers -
Блок-контейнер
Всем привет, помогите, пожалуйста Верстаю такой макет Проблема с центральной частью. Соответственно два дива, правы и левый и блок-контейнер, у которого задан фон. Контейнер ведет себя очень странно, растягивается на высоту только одного из блоков, который задан первым. ПОЧЕМУ ТАК? <div class="main"> <div class="right_cont"></div> <div class="left_cont"> </div> .main{ width:1000px; background:url(img/right_back.jpg) no-repeat right top; } .left_cont{ width:734px; margin-right:265px; } .right_cont{ width:264px; float:right; height:100%; }
0 votes7 answers -
нумерация
Добрый день дамы и господа. У меня возникла проблема... Закинув на страницы фотографии, хочу сделать внизу нумерацию. Проблема первая. Не могу опустить цифры вниз после этих картинок. проблема вторая - не знаю как сделать чтобы нажав на цифры сделать так чтобы это была ссылкой индекса. типо того как переход на главную страница, контакты. вот пример: <img src="modeliai/Фото0016.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0017.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0018.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/…
0 votes22 answers -
font-weight влияет на работу тега A
Добрый день! Столкнулась со странной проблемой, буду признательна, если вы объясните в чем дело. Подключила шрифт Gotham вместо OpenSans на страницу, после чего ссылки c font-weight: 500 перестали работать. Для начертаний bold и 300 все ок. Как вообще начертание шрифта может влиять на работу тега и почему это не происходит с OpenSans ? Шрифт подключаю так: <style> @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Medium.eot'}}"); src: url("{{asset 'Gotham-Medium.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Medium.woff2'}}") format('woff2'), url("{{asset 'Gotham-…
0 votes12 answers -
Помогите заставить работать POSITION в IE 6.0...
Доброго дня всем! Прошу помощи уважаемый ALL. В HTML и CSS я пока чайник, очень прошу помочь. На экран выводится квадрат на весь браузер, с фиксированными отступами со всех сторон. При изменение размера браузера все отступы остаются одинаковыми. Проблема в следующем, везде работает, кроме IE 6.0, там низ и право начинаю гулять. Ниже привожу код. Спасибо за любую помощь! <head> <style type="text/css"> * {margin:0;} div { background-color:aqua; border: 3px black solid; position:absolute; top:50px; right:50px; bottom:50px; left:50px; padding:5px; overflow:auto; } </style> </head> <body> <div> </div> </body> </html…
0 votes7 answers -
ширина и "блоки"
помогите, пожалуйста, не могу понять как... есть блок и его ширина зависит от контента. в н?м есть другой блок с другим контентом. как сделать так, чтобы ширина у этих двух блоков зависила от наполнености первого блока?
0 votes4 answers -
Как создать форма с отправкой на почту
Помогите пожалуйста У меня есть таблица с формами и заполненными ячейками, как отправить полость всю таблицу на почту? (у меня получается только введенные данные) заранее спасибо
0 votes8 answers -
2 колонки в div
Помогите пожалуста чайнику как сделать две колонки внутри div по 50%
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-