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
-
Незнаю как зделать разрезанную картинку
А ответьте пожалуйста,мне это очень важно,я уже давно мучаюсь: А как на третьей картинке http://htmlbook.ru/content/?id=77 ,на шапке 2-ая слева(зел?ная)тыква изначально была не прямоугольная,а с касой линией снизу?Я в фотошопе вс? перепробовал,у меня постоянно получаеться прямоугольная картинка,а мне принципиально нужно,чтобы моя картинка была такая,как я е? вырезал. Напишите пожалуйста,как это сделать,может с помощью CSS это возможно или ещ? как нить?
0 votes4 answers -
Ошибка в стиле для input
В дизайне сть такой элемент: Пытаюсь верстать, получилось это: Вот на странице что: <div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div> и сам css: #search { position: absolute; top: 162px; left: 221px; width: 12px; height: 22px; } input.search { width: 172px; border-top: 1px solid #cecccc; border-bottom: 1px solid #cecccc; border-left: 1px so…
0 votes4 answers -
как таблицу растянуть во всю длинну окна ?
как таблицу растянуть во всю длинну окна ?
0 votes4 answers -
stardel
В общем нужна помощь,помогите плизз!Дело в следущем:сверстал сайт,в Опере и Лисице всё нормально,а в Осле почему то вокруг PNG элементов какие то белые рамки вот такие: http://s46.radikal.ru/i111/0905/c5/958632c14d20.jpg Знаю что можно вынести в отдельный "сss" чисто для IE,но как не знаю.подскажите плизз!
0 votes12 answers -
проблема с IE и отображением фоновых изображений:(
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes6 answers -
Не могу отцентровать фон...
Ребят, простите, пожалуйста. Детский вопрос, конечно, но фон body меня соовсем не слушается. Пустой index сайта: CSS: Фон куда-то наверх улетает. Если прописать "bottom", то почему-то еще выше упрыгает Спасибо.
0 votes8 answers -
помогите с z-index
Проблемма следующая, пытаюсь верстать на div'ах, но после присвоения блокам z-index не все элементы расположились неправильно !! <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="shap"> <img src="images/01.jpg" alt="Webwhite"> </div> <div id="link1"> <a href="index.htm"> Главная </a> </div> <div id="link2"> <a href="price.htm"> Цены </a> </div> <div id="link3"> <a href="gal.htm"> Г…
0 votes7 answers -
clear: left не убирает обтекание при стиле "div div { float: left
<div style="clear: left;"></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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…
0 votes9 answers -
резиновая верстка
Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/
0 votes13 answers -
Новичку требуется помощь!
Дорогие друзья! Я новичок в изучении веб-технологий! У меня такой вопрос какую роль в написании ссылок играют "Ключевые слова". Напишите простейший пример написания ссылки с ключевым словом велосипед и чтобы при наведении курсора на ссылку (котоаря уже стоит на сайте) вылезало слово велосипед, к примеру. Заранее спасибо!
0 votes4 answers -
Растяжение содержимого таблицы
<table align="left" cols="5" border="0" width="0" bordercolor="#000000" bgcolor="#efefdd"> <tr> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="genre_pictures_1.htm" target="_self" title="Жанровая живопись"><img src="../pictures/genre_pictures/2003/preview/10.jpg" alt="Жанровая живопись" width="150" height="99" border="0"> Жанровая живопись</a></td></td> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="artdecor_1.htm" target="_self" title="Артдеко"><img src="../pictures/artdecor/2002/preview/6.jpg" alt="Артдеко" width="150" height=…
0 votes5 answers -
вопросы по стилям списков
1. а можно сделать, чтоб у каждого пункта списка бяла своя картинка (предпологается фиксированное количество пунктов списка) 2. как выровнять по центру картинки содержимое пункта списка?
0 votes11 answers -
Поле ввода для матрицы
Доброе время суток! Буду очень благодарен, если дадите совет. Дело такое: пользователь получает матрицы (размер сам задает), складывает их, а результат должен отправить на сервер. У меня возник вопрос: а как и куда пользователь будет этот результат записывать??? Какими средствами надо воспользоваться, чтобы сделать поле нужного размера?
0 votes4 answers -
Простой макет.
Здравствуйте, делаю простой макет, есть несколько вопросов. В качестве фона header'а хочу поставить следующее изображение 1024*386 (ниже). Сразу вопрос: правильно ли так делать? Я имею в виду, правильно ли разрезал или нужно было другим образом (например, по частям: сначала серую полоску сверху, за ней белую область ниже и так далее, после чего каждый вырезанный элемент ставить в отдельный div) На форуме прочитал, что нельзя сделать так, чтобы картинка растягивалась в соответствии с размерами окна браузера. Как поступить в данном случае? Мне нужно, чтобы было как на макете (изображение на всю ширину). При таком коде изображение не повторяется, но и не дотягивает до конца…
0 votes10 answers -
Правильно ли применять разметку schema.org в категории товаров или в списке категорий?
Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?
0 votes4 answers -
Кнопки поделиться свой дизайн
Вот такие кнопки Какой сервис можно использовать генерации кнопок поделиться, чтобы заменить их на свои?
0 votes10 answers -
Почему не работает padding?
Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребован…
0 votes2 answers -
Заголовок и примечания на страницах
Приветствую Вас, искусники HTML! Я разрабатываю проект на VB 6.0 Необходимо генерировать и распечатывать красочные отчеты по средствам html. С генерацией и распечаткой трудностей особых не было, пока шеф не захотел видеть отчеты на бланке конторы. То есть, вверху и внизу каждой страницы отчета должны быть расположены рисунки шириной с лист. Я создал большую таблицу во весь лист с 1 столбцом и 3 строками: 1 и 3 строки заняты рисунками, а во 2-ой расположено основное "тело" отчета (таблички и цифирки). Как только данных в "теле" превышают размер одного листа, то они переносятся на второй. Нижний рисунок оказывается по середине второго листа. Нужно что-бы на каждом листе был…
0 votes8 answers -
Проблемы с комбинированием селекторов в IE6
ДД! след. конструкция: Пытаюсь показать пользователю в какой части меню он находиться в данный момент, проблема с неверным отображением в IE6 HTML <div id="list"> <ul> <li class="page_item"><a href="#">Раз</a></li> <li class="page_item current_page_ancestor"><a href="#">Два</a></li> <ul> <li class="page_item"><a href="#">One</a></li> <li class="page_item current_page_item"><a href="#">Two</a></li> <li class="page_item"><a href="#">Three</a></li> <li class="page_item"><a href="#">Four</a></li> </ul>…
0 votes2 answers -
Теряется стиль в IE
Друзья, очень нужна ваша помощь. Ситуация следующая: http://brandshop.ru/index.php В мозиле и опере все относительно нормально, а вот в IE отваливается стиль. Изначально проблема была в том, что <html> {include file="head.tpl.html"} <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"> <div align="center" style="width:880px; height:100%; text-align:center; position:relative; margin:0 auto; top:0px; left:0"> все в том же ИЕ отображал содержимое не по центру, а слева. Изменения доктайпа приводят все в норму(располагает содержимое по центру), но стиль куда то отваливается. Спасибо заранее.
0 votes4 answers -
Текст на полупрозрачном фоне
Помогите разобраться!!! Почему в таком варианте все правельно отображается и в опере и в эксплорере: <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #container{ position:relative; } .overlay{ position:absolute; top:0; bottom:0; left:0; width:100%; background:#009CE6; opacity:0.2; -khtml-opacity: 0.2 -moz-opacity:0.2; /* для старых браузеров на основе Gecko */ filter:alpha(opacity=20); /* Для IE6&7 */ } .content { positio…
0 votes5 answers -
Подсветка текущей ссылки
Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?
0 votes5 answers -
Разное отображение сайта на iPad и на персональном компьютере
На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?
0 votes10 answers -
пунктирное подчеркивание ссылок - проблема в ИЕ
<html> <head> <style> a { color: #0084e4; border-bottom: 1px dashed #0084e4; text-dec_oration: none; } a:hover { border-bottom: 1px solid #0084e4; } #left { float:left; } #intop { width: 900px; margin: 0 auto; clear: both; } #inlogin #right { text-align: right; } </style> </head> <body> <div id="intop"> <div id="inlogin"> <div id="left"> <a href="sg">aadfadfsa</a> </div> <div id="right"> <a href="bsg">badsfadsf</a> </div> </div> </div> </body> </html> в ИЕ подчеркивание не показывается. но если убрать float:left, то показывается такие…
0 votes7 answers -
Вопрос С Гуру
Вопрос к гуру. Существует ли решение? Нужно выровнять весь блок по горизонтали. <div> <div style="float: left;">1</div> <div style="float: left;">2</div> <div style="float: left;">3</div> <div style="float: left;">4</div> <div style="float: left;">5</div> <div style="float: left;">6</div> <div style="float: left;">7</div> <div style="float: left;">8</div> </div>
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-