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
-
опять выпадающее меню
знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…
0 votes3 answers -
<s> Цвет перечеркивающей линии
Подскажите пожалуйста, есть ли способ сделать так, чтобы цвет текста отличался от линии, которая его перечеркивает?
0 votes3 answers -
Вопрос не относящийся к программированию
Парни, подскажите, как скачать видео ролик с сайта, на котором нет ссылки для скачивания, а можно только просмотреть ролик? пример: http://www.yklaw.ru/ru/205.html ЗЫ К модерам просьба не ругаться!!!
0 votes3 answers -
Чтобы при нажитии на кнопку картинка менялась на другую...
Надо сделать так чтобы при нажатии на кнопку, картинка на сайте менялась на другую, влево и вправо... подскажите?
0 votes3 answers -
Синтаксис ul li Как сделать так чтобы и картинка и текст были ссылкой?
Все три картинки и ссылки заключены в синтаксисе ul li ↓ проблема! Как сделать так, чтобы и картинка и текст были ссылкой? Я пробовал абсолютно спозиционировать ссылку тупо по координатам на каждую картинку, но это извращенность. Можно конечно сделать все это дело уже просто ссылками + img, но как правило, чередование более двух связанных между собой слов, является списком. Можно посмотреть код: <!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" xml:lang="en"> <head> <style> #about { } #about ul { height: 7em; margin: 20px 0; } #about ul li {…
0 votes3 answers -
Опять robots.txt
Насколько знаю, есть возможность в robots.txt отключить индексацию поисковиками определ?нного каталога. вот что у меня в robots.txt User-agent: * Disallow: что дописать, чтоб каталог ./too который лежит в корне, не индексировался. p.s. рекомендованый на форуме ресурс http://robotstxt.org.ru/ не доступен
0 votes3 answers -
Ошибка в IE при верстке картинками
Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…
0 votes3 answers -
Закругл?нные углы у дивов
Подскажите как сделать
0 votes3 answers -
MARQUEE
Запихал в MARQUEE картинку. По этому поводу 2 вопроса: 1. как сделать что бы движение начиналось не из-за края страницы, а сразу с экрана, полностью заполненного картинкой 2. как сделать что бы картинка "упиралась" сама в себя, то есть при прокрутке, как только кончается картинка, сразу же впритык начиналась бы она-же, те по сути сымитировать кольцо.
0 votes3 answers -
Помогите с фреймами срочно надо
Страница у мя разбита на 3 фрейма сверху картинка, слева меню, справа окно описания... Дело в том, что мне нужно чтоб при нажатии на ссылку изменились 2 фрейма левый и правый. Подскажите как это зделать плиз, если можно без java. Зарание спс.
0 votes3 answers -
Высота и ширина в процентах
Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…
0 votes3 answers -
Как отцентрировать текст по вертикали?
Никак не могу найти ответ на такой вопрос: как отцентрировать по вертикали в теге текст, изображение, дугой блок, или что-то еще?Простейший код: <div style="height:200px; vertical-align:middle; text-align:center; border:solid #dadada 3px;"> <h1>HAY!</h1> </div> Проблема в том, что текст внутри блока выравнивается по вертикали по верхнему краю, а нужно по середине... Как сделать?
0 votes3 answers -
Не вытягивается див, не могу придумать как
Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…
0 votes3 answers -
Можно ли в CSS поднять рамку на несколько символов?
Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…
0 votes3 answers -
карты google
В общем на мо?м сайте есть раздел где нужно указывать местоположение объектов. Это удобно делать при помощи google map. Я скачал код карты 500х350. И мне нужно сделать чтоб карта разворачивалась при нажатии на кнопку "смотреть на карте" и сворачивалась от кнопки "скрыть карту" без перезагрузки страницы. Подскажите как это зделать. (не php). Код карты находиться в теге iframe
0 votes3 answers -
Автоматическая мультибраузерная подгонка ширины div под картинку
На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…
0 votes3 answers -
Резиновая страница. Вертикальное выравнивание.
Посмотрел все темы на форуме. Наш?л приблизительно похожие, но они мне не подходят. Сам мучался целый день, но проблему не решил... Задача: Есть страница, с шапкой head (красная) фиксированной ширины и высоты, меню left_menu (светло-голубое), главной страницей main_page (синяя), и нижним футером underline (зел?ный) высота и ширина фиксированны. Необходимо чтобы независимо от кол-ва текста на главной странице футер всегда был в нижней части экрана. Т.е. страница растягивалась вертикально. При большом кол-ве текста, естественно появляется прокрутка. Да это просто, скажите вы =). Задать футеру абсолютное позиционирование и прижать его вниз. Ан нет, задача усложняется тем, чт…
0 votes3 answers -
Открытие нового окна/вкладки
При открытии нового окна/вкладки при помощи target="blank" все работает нормально, но если на этой же странице кликнуть следующую ссылку с target="blank", то страница откроется не в новом окне, а в том же, что и первая ссылка. Можно ли открывать сколько угодно ссылок в таком же количестве окон/вкладок?
0 votes3 answers -
Как создать меню в css.?
Можно ли как-нибудь сделать это?
0 votes3 answers -
Float и valign
здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?
0 votes3 answers -
Скачут элементы формы под разными браузерами
Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm
0 votes3 answers -
(SOS) Нужна помощь Таблица не хочет слушаться
Всем привет!!! У меня вот такая проблема возникла!!! вот код.... <html> <body> <table width="854" height="401" border="1" cellspacing="2"> <tr> <th height="55" colspan="3" scope="col"><font size="5" color=#DF0000>Добро пожаловать на форум YouTH? skY!! DrEamS </font> </th> </tr> <tr> <td width="134" height="178" rowspan="3" >Объявления:</td> <th width="541" rowspan="2" scope="col">3</th> <td height="171">часики</td> </tr> <tr> <td width="157" height="17" rowspan="2">Администрация: </td> </tr> <tr> <th width="551…
0 votes3 answers -
Разваливается список. Как исправить?
Хотела поставить картинку с список вместо маркера, для этого пришлось переделать весь список. В итоге - сплошные хаки. Да еще, почему-то, одинаковые списки, стоящие в двух разных сидебарах отображаются совершенно по разному. Вот мой код: .sidebar { font-size: 14px; color: #000; font-weight: normal; padding: 0 20px 0 20px; background-color: #fff; border: #c0c0c0 1px solid; width: 150px; margin: 0 0 0 10px; } html>body .sidebar{ margin: 0 0 0 10px; padding-bottom: 15px; } .sidebar H2 { color: #000; font-size: 16px; font -weight: bold; padding-bottom: 2px; margin: 15px 0 10px 0; border-bottom: 2p…
0 votes3 answers -
Вертикальное выпадающее меню
Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#">…
0 votes3 answers -
Как указать язык страницы?
Как в html коде указать язык страницы?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-