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
-
Помогите с Фреймами Для поступления в Универ.
Я никогда непрограммировал в HTML. Мне нужно ответить на задачу на листике написать код вот задача: Разбить страницу на три фрейма: один горизонтальный, два вертикальных (40%, 60%). В первом помещается заглавие страницы, подчеркнутое двумя горизонтальными линиями через всю страницу. В первом вертикальном фрейме помещаются три ссылки на документы: первая - документ загружается в этот фрейм, вторая - документ загружается во второй фрейм, третья - документ загружается в новое окно. Во втором вертикальном фрейме расположенный список, какой раскрывается и содержит три подсписка (в виде ссылок).
0 votes6 answers -
IE6 хочет моей смерти
Вот делаю сейчас сайт Логин/пароль: amel Уже неделю бьюсь, не могу понять, почему в IE6 ВСЁ слетает в тартарары. Отключал блоки, менял отображение, блин чего только не делал. Даже на валидацию проверял. Везде, млин, отображается как положено, а в шестом осле как из *опы Это жесть, господа, я не знаю, что с этим делать. Текст куда-то пропадает, колонки разлетаются. В 7м/8м/Опере/ФФ всё нормально..
0 votes11 answers -
Как сделать, чтобы таблица растягивала body
<!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" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>таблица</title> <style> html, body { width: 100%; margin: 0; padding: 0; } body { border: 1px solid green; } table td { border: 1px solid blue; width: 100%; margin: 0 0 0 auto; } </style> </head> <body> <table> <tr> <td>333333333333333333333333333333333333333333</td> <td>1111111111111111111111111111111111111111111111111111111111111111111</td> <td>22222222…
0 votes14 answers -
Разыскивается рабочий text-shadow на a:hover
Выпал такой случай применить text-shadow, раньше его не применял так как беготня за заплатками никогда не радовала(. Перелопатив кучу shadow заменителей ни нашел одного который можно было бы повешать на a:hover или просто результат shadow заменителя не подошел по случаю. Решил поинтересоваться он вообще существует? Нужно что бы при наведении на ссылку на тексте была тень, голова уже пухнет так и не нашел ничего хорошего( был бы очень благодарен совету как быть..
0 votes2 answers -
ie6 траблы
Посетить мою домашнюю страницу 1.Подскажите как убрать промежуток который образуется в ie6 между меню и хедером.Исправленно 2. Ещо на странице Вакансии ширина конт-бекграунда розширяется, становится шире хедера и футера. Как это все пофиксить в ie6???? 3.И ещо забыл, что-то не пойму почему wrapper не центрируется, может связяно с предвидущими проблемами. Зарание спасибо.Исправленно
0 votes10 answers -
Убрать пробелы из списков
Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!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" /> <title>Документ без названия</title> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …
0 votes5 answers -
Редактирование шаблонов Joomla.
Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?
0 votes7 answers -
проблемы отображения таблицы в Опере
Нижеприведенная таблица отображается коррекно в мозиле и в эксплорере, а вот в опере в теле сайта рассыпается ужасно использую функцию INCLUDE чтобы вставить из файла в тело функции если вставить просто html в тело страницы все нормально, а с INCLUDE все рассыпается не могу понять почему, может кто-нибудь сталкивался <table style="width:100%;background-color:#FFFFFF; font-size:12px; color:#50585D; line-height:12px; text-align:center; border-left:1px solid #949494; border-top:1px solid #949494;" cellpadding="0px" cellspacing="0px" > <tr> <td colspan="1" rowspan="5" style=" width:25%;height:150px;padding:10px; border-right:1px solid #949494; b…
0 votes2 answers -
Задание фона для текста
Доброго времени суток. Необходимо сделать так что бы фоновое изображение отображалось полностью а не под размер текста? Подскажите пожалуйста как это сделать. Заранее благодарен.
0 votes7 answers -
menu + ie6
http://smotrusuda.narod.ru/ в ie7 ie8 отображается одинаково, а вот в ie6 меню отображается вертикально, как это исправить? Как мне кажится из-за этого и не центрируется он. если нет то как его тогда центрировать.
0 votes3 answers -
Сафари 4 как-то странно сжимает табличку
Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4. Есть табличка: <table> <tr> <td style="width:8%"></td> <td style="width:62%;"> <p>какой-то там текст</p> </td> <td style="width:7%"></td> <td style="width:15%"></td> <td style="width:8%"></td> </tr> </table> Если у какой-то там текст сказать padding-left:24%; то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку. Т.е. на указание ширины в 62% Сафари почему-то забивает. В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается. Вот к…
0 votes9 answers -
Чем удалить лишние пробелы?
Здравствуйте! Прошу прощения, если обсуждалось, но не нашел. Посоветуйте, пожалуйста, инструмент, который удаляет лишние проблемы. Пишу код зачастую в блокноте, а он как известно оставляет лишние пробелы.
0 votes7 answers -
Изменить стиль радио кнопки и селекта
Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!
0 votes1 answer -
Flash галерея, ссылка на XML файл.
Привет, запулил сей код себе на страничку. НО! Надо подключить XML файл сюда (в нём ссылки на изображения), но не знаю, как это сделать. И ещё вопрос: http://maxnimere.my1.ru/photo/ ссылка на эту галерею - будущую. Она у меня в таблице почему-то в горизонтальном выравнивании - слева, а хотелось бы по центру. Код страницы расположен в самом низу. Заранее спасибо. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>My Gallery</title> </head> <style type="text/css"> <!-- body{background: #000000; margin:20px;} div#gallery…
0 votes1 answer -
[IE6 БАГ] Position:relative & Position:absolute & Hover
В ие6 при использовании image-trail'а (увеличенная картинка бегает за мышкой при наведенни на маленькую) Li с position:relative улетает в неизвестность. Убил кучу времени на это, сломал голову и не могу побороть, помогите кто чем может. Т.к в код включается множество скриптов и стилей, то привожу УРЛ на саму страницу сайта, где это проявляется: [потёрто]
0 votes7 answers -
ВІпадающий список.
Доброго времени суток. Возникла проблема, необходимо реализовать выпадающий список. Пример можно увидеть на сайте http://www.slsbearing.com.sg/eng/index.html. Заранее благодарен.
0 votes4 answers -
Нормализация поведения стареньких Ишачков
Господа, все нормальные браузеры, включая 8-й ИЕ, считают ширину по умолчанию блока с абсолютным позиционированием == 0; ИЕ 7 и ниже, вытягивают его на 100% в ширину. Есть ли какой-нибудь безболезненный способ нормализовать их поведение? Немного кода: <div style="position:absolute; padding: 20px"><div style="height: 200px; width: 200px;">Здесь контент</div></div>
0 votes3 answers -
Иммитация таблиц
<div class="menu"> <ul> <li class="befor"><a href="#">Свадьба</a></li> <li><a href="#">День<br />рождения</a></li> <li><a href="#">Выпускной<br />балл</a></li> <li><a href="#">8 марта</a></li> <li><a href="#">День влюблённых</a></li> <li><a href="#">23 февраля</a></li> <li class="active"><a href="#">Пасха</a></li> <li><a href="#">Новый<br />год</a></li> <li><a href="#">Тематический<br />праздник</a></li> …
0 votes5 answers -
В IE6? (IE8 в режиме совместимости) съезжает часть страницы..
Здравствуйте! УЖЕ РЕШЕНО. Сверстал шаблон, сижу наполняю и вдруг думаю, что надо бы проверить еще и в IE в режиме представления совместимости и тут падаю в обморок. Все основное содержимое укатилось куда то вправо и вниз. Я далеко не специалист в IE6 и, честно говоря в CSS только только.. Помогите вычислить виновника.. Мой шаблон представляет из себя следующее: <div id="main"> <div id="logo"><img src="/images/logo.jpg" /></div> <div id="header"> <img id="headimg" src="/images/css/logo_orange_line.gif" height="8px" width="980px" border="0"/> </div> <!--Список левого нав. меню--> <div id="lplace"> <div c…
0 votes2 answers -
Кто пользуется ucoz? Или пользовался?
Кто пользуется (пользовался) ucoz? Хочу задать 3 вопроса: 1. Сколько платите? За снятие рекламы, за хостинг, место на диске, прочие дополнительные услуги? 2. Что вам нравится, 3. Что не нравится? Расскажите пожалуйста! Если пользовались когдато и съехали оттуда расскажите почему. Только не надо писать типа "ucoz - полное г...", а если пишите конкретизируйте пожалуйста "почему г..."
0 votes8 answers -
выпадающее многоуровневое меню
Друзья, подскажите пожалуйста какой нибудь работающий способ как реализовать выпадающее многоуровневое меню, работающее во всех браузерах (в том числе в Эксплоере, блин). вот что я пробую например: http://realizant.narod.ru/oborudovanie-dlj...lmonologii.html вот - если наводим на "каталог продукции" вниз выпадает меню, наводим на любую кнопку этого меню выпадает под меню. соответственно таким образом реализовано: <li><a href="oborudovanie-dlja-pulmonologii.html" class="current" class="menulink"><strong>Каталог продукции</strong></a><span>02</span> <ul> <li><a href="#">артериальная ригидность</a>…
0 votes6 answers -
span в IE7
Здравствуйте! Возникла проблема с тегом span в IE7: при переносе строки в IE фон отображается только у первой строчки. В Firefox и Opera все нормально. <h1><span class="yel">Распределительные силовые шкафы (пункты) ШР, ШРС (ПР)</span></h1> .yel{ background-image:url(images/title.jpg); background-repeat:repeat-x; padding:3px 15px; line-height: 1.8; } Подскажите, как это поправить?
0 votes3 answers -
HTML формы - отправка?
Помогите! Как организовать отправку информации из HTML формы на сайте на почту... яделаю следующее <form name="form1" accept-charset="KOI8-R" method="post" action="mailto:ххххх@yandex.ru"> но при этом , в зависимости от браузера, открывается либо ОУТлук с сгенерированным письмов из непонятных символов, либо в браузере начинает открываться "почтовик"... Yandex вообще с пустім письмом..... а нужно чтоб поля заполнили - нажали кнопку - письмо ушло! Как сделать???? Пасибо!
0 votes1 answer -
не задается высота в ячейке в IE
<!-- левое меню 1 --> <TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1 </TD> <!-- конец левого меню 1--> <!-- основная часть--> <TD width="620" rowspan="4" vAlign=top align=center > <pre> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст …
0 votes6 answers -
Как расположить 4 картинки вряд, с центрованием..
Здравствуйте! Никак не могу победить одну проблему.. есть блок, в котором размещены 4 блока, включающие в себя: 1) картинку, 2) текс под ней. Мне хочется, чтобы картинки в этих блоках выравнивались по центру. Для 4х блоков, включающих в себя картинки и текст установлена ширина 25%. Сам большой блок, который включает эти 4 блока имеет ширину 100%. Вот как это выглядит: Мне бы хотелось выровнять картинки внутри вышеописанных 4х блоков по центру. А то получается что у меня они все слева. Вот CSS: .lineimg { ~position: relative; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; float: none; } .lineimg .lineimg_block { position: relative; padding: 0; float: left; width: 25…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-