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
-
Закругление углов с CSS и Java
Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...
0 votes1 answer -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …
0 votes1 answer -
Как семантично оформить цитату?
Просто, есть два тега, один - <cite> -для цитаты, а другой <blockquote> - но у него есть утрибут cite для обозначения источника сообщения. Хотя вроде как оба тега правильные, но всеже интересна мне такая тонкость...
0 votes1 answer -
IFRAME и border
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…
0 votes1 answer -
Меню из списка
Как грамотно сделать из списка <ul> верхнее главное меню, аналогичное такому, которое на http://htmlbook.ru?
0 votes1 answer -
Помогите плис новичку
Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...
0 votes1 answer -
Резиновый input внутри резинового div'а
Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>
0 votes1 answer -
Резиновый дизайн по вертикали с заголовком и подвалом
Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей. Я пробую сделать так <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Page</TITLE> <STYLE type="text/css"> BODY { margin: 0px; min-height: 100%; min-width: 100%; } .contentframe { background-color: #4c4c4c; min-height: 100%; min-width: 100%; margin: 0px; padding-bottom: 20px; padding-top: 20px; position: absolute; } .innercotent { background-color: #ffffff; } </STYLE> </HEAD> <BODY> <div class="contentframe"> <div class="innercotent"> Page text </div> </div> …
0 votes1 answer -
в IE7 основной контент заходит за боковую колонку
в IE7 основной контент (тизеры: float: left) заходит за правую колонку, хотя, прописывая float: right; он таким же макаром залезает и под левую. Замечено только в IE7 и только в одном случае, где я сгруппировываю тизеры вот таким образом: .node_hand_made .teaser { text-align: center; float: left; width: 220px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; background: url(images/hand_made_shopwindow.gif) center bottom no-repeat; } как в IE7 как должно быть спасибо!
0 votes1 answer -
Табличное меню
Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.
0 votes1 answer -
проблема с картинками в ие
проблема в следующем есть скрипт <img src="{DOWNLOAD_IMAGES_DIR_HTTP}prw_110x_of_{news_image}" width="110" alt="{title}" border="0" /> который в новость выводит картинку из папки, при наличии картинки все хорошо,а вот когда ее нет в ie выдится место под нее,что не очень красиво смотриться помогите советом или пошлите туда где можно посмотреть(просьбо ногами в живот не бить,ибо чайник со свистком)
0 votes1 answer -
Равномерное распределение
Есть слой с width равным 100%. Сайт резиновый. Возникла в паре мест необходимость равномерно распределять n блоков по всей ширине, если известно их количество? Мне пока приходит в голову n слоев плавающих, содержание каждого центруем, ширину делаем равной 100%/n. Может есть более удачное решение?
0 votes1 answer -
программно задать цвет фона ячейки
Доброго времени суток Требуется при нажатии на ссылку изменять цвет в таблице. Я пишу так: Код: <html> <head> <script> function chcolor(){ document.all("tab").bgcolor="silver" } </script> </head> <body> <table id="tab"> <tr> <td> <a href=# onclick="chcolor();">test</a></td> </tr> </table> </body> </html> ничего не происходит, пробывал и подругому, уже заколебался.. помогите решить проблему, надо срочно. Спасибо зарание...
0 votes1 answer -
Проблема с background
Вот мой пример: http://persten.programist.ru/9/index.html Помогите пожалуйста решить проблемы с фоном для правого столбца В IE6 отображается фон колонны справа и слева нормально, а в остальных браузерах колонна справа отображается только на величину высоты левой колонки. Как исправить чтобы заработало. И еще вопрос про позиционирование фона: как можно поместить фон справа на 40px от правого края окна.
0 votes1 answer -
Объясните простую вещь чайнику
Не знаю ответят ли мне на такой тупой вопрос, но пожалуйста ответьте как мне вставить фотки в готовый альбомчик, вот тут его дают http://help-html-css.narod.ru/photoalbum-css-1.html Я такой безнадежный необучаемый чайник, что у меня даже это не получается, а альбомчик нравится. Два раза пожалуйста и очень медленно, плииз. Я на народе поселилась, а они на форуме не регистрируют кажись. Если я в чем нибудь продвинусь, вопросы будут поумнее, а пока хоть бы альбомчик забацать )))
0 votes1 answer -
Что такое RSS?
Что такое RSS? Кто-нибудь может ссылку дать где почитать или вкратце описать? Как с ней работать?
0 votes1 answer -
неправильно отображается ширина div в ie 6
Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…
0 votes1 answer -
Расположить div по центру внутри другого div
Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)
0 votes1 answer -
картинка "NEW" для определнного элемента меню
Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/
0 votes1 answer -
отображение рисунка в ie
Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!
0 votes1 answer -
Создание покупательской корзины
Всем привет. Подскажите плз. скрипт корзины
0 votes1 answer -
Перескок с float в IE6
Здравствуйте Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок? Вот вырезка из кода <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> body { margin: 0 auto; padding: 0;} #bar-vertical { float:left; white-space:nowrap; border:2px solid;width:230px;} #main{ margin-left:235px;} #header blockquote{ margin:0; white-space:nowrap} #bar-horizontal{ border:2px solid; text-align:right; white-space: …
0 votes1 answer -
Нужна помощь
Всем привет. У сеня на странице два фрэйма. Есть вертикальные полосы прокрутки. Не могу вставить горизонтальные полосы прокрутки в html. Мой сайт http://www.suvenirclub.narod.ru. Прошу, кто знает, как это сделать, подскажите, плиз. В мозиле и опере полосы появляются автоматически, а вот в интернет-экспорере нет. Если, что не так объяснила и нужны еще какие-нибудь сведения, то напишите на suvenirclub@yandex.ru
0 votes1 answer -
Проблемы с вертикальным меню и с текстом п в главном окне
доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="top"> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Регистрация</a></li> <li><a href="#">Файлы</…
0 votes1 answer -
Проблема с flashvars
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="100"> <param name="movie" value="/events/flash/no_scratch.swf"> <param name="flashvars" value="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southpor"> <embed src="/events/flash/no_scratch.swf" quality=high bgcolor=#ffffff width="200" height="100" flashvars="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southport" name="mtown" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-