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
-
Пхп ищу материал..
Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%
0 votes5 answers -
Вопрос про текст внутри div'а.
Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!
0 votes7 answers -
очистка флоатов))флоат под флоатом
привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…
0 votes2 answers -
Очередная унылая div шапка
Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…
0 votes0 answers -
Перестало работать увеличения картинок после изменения дизайна
Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы
0 votes0 answers -
Проблема с позиционированием кнопки
Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>
0 votes2 answers -
полоса под картинкой-ссылкой
<div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }
0 votes2 answers -
Cufon...
Здравствуйте! Подскажите кто знает как задать font-weight,font-style шрифтам подключенным через cufon? В скриптах делаю так: Cufon.replace('h5 span', { fontFamily: 'Yold Anglican',color: '#f6900d',fontWeight:'700',fontStyle:'italic',fontSize:'16px'}); Но жирность и курсив у шрифтов не работают!???(если прописать шрифты обычным способом то на моём компе проблем не возникает...) P.S. Страница находится здесь: http://yamaradg.narod2.ru/history/Company_Solutions/1.html Скриншот с описанием где именно текст подключен через cufon - прикладываю...( http://yamaradg.narod2.ru/history/solution_upgrayd.jpg ) Буду очень признателен за любую помощь! (также буду благодарен,если кто-ниб…
0 votes0 answers -
Проблема с позицией
Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …
0 votes4 answers -
Верстка для Facebook
Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?
0 votes0 answers -
Программа для работы с дизайном
Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!
0 votes1 answer -
Сложное обтекание div-ов
Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…
0 votes4 answers -
min-wdth для body в IE6
Можно ли как-то реализовать min-width для контейнера body в ie6 средствами CSS или JavaScript. Пробовал expression - не получается.
0 votes10 answers -
проблема относительного позиционирования в opera
Может кто нибудь обьяснить, почему в опере при относительном позиционировании например position: relative; top: 50px; объект смещается на другое количество пикселей? В других браузерах все нормально и как этого бага можно избежать?
0 votes1 answer -
старожилы форума подскажите
Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…
0 votes2 answers -
Блок <div> по всей высоте родительского блока
Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!
0 votes5 answers -
Как быстро найти закрывающий див среди кучи других дивов?
Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?
0 votes5 answers -
position:fixed for ie6+отступ на скроллбаре
КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …
0 votes4 answers -
таблица на дивах
представляем себе таблицу шириной 100% из 2-х td если заполнить первую яцейку 10% или 20%, то вторая автоматически растянется на 90% или 80... как сделать такое же на дивах?
0 votes1 answer -
Стена комментариев
Привет всем есть сайт , я на него хочу поставить как бы "стену комментариев" , я честно говоря незнаю как это называется (возможно если бы знал и сам нашол про это) что я имею в виду : что то подобное есть на стандартных шаблонах ucoz , пользователь заходит на сайт , и без авторизации просто пишет в поле своё имя , и свой отзыв , по той или иной теме ... вот это мне нужно можно такое где нить достать \ не испольнуя сms \ ? з.ы. в javascript и php я не сильно разбераюсь =( спасибо всем за уделенное время
0 votes1 answer -
Подвисает сайт
Сайт http://xn--8-mtbvk1b.in.ua/ подвисает и это хорошо видно когда зайдешь в раздел фото и будешь быстро мотать страницу что нужно сделать чтоб подвисания не было ?
0 votes4 answers -
таблица с select'ами
Ребят, помогите пожалуйста привести таблицу в приятный глазу вид. _http://yourspotolki.ru/kalkulyator.html <table cellspacing="0" cellpadding="5" border="0"> <tbody> <tr> <td>Тип полотна (белые полотна ПВХ)</td> <td><select name="Cp" onchange="Calc.calc()"> <option selected="selected" value="0"> </option> <option value="1">матовый 1,53м (Россия)</option> <option value="2">сатиновый 1,53м (Россия)</option> <option value="3">матовый 1,9м (Россия)</option&…
0 votes0 answers -
Картинки на сайте
Вот хочу понять как воплотить следующее. Планирую делать сайт. там будет небольшая галерея и картинки в статьях. Вот хочу чтобы как на некоторых сайтах при нажатии на картинку она увеличивалась а фон затемнялся, а в галерее еще появлялись стрелки перехода. Какие способы существуют чтобы это воплотить?
0 votes5 answers -
Подсказка ошибок
Ребят подскажите проги для IE и Хрома если есть такие. Кторые показывают в баре ошибку кода как в мазиле к примеру.
0 votes0 answers -
iframe height %
Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-