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
-
h1 и span в одной строке
Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…
0 votes7 answers -
Всплывающая CSS-подсказка поверх всего контента.
На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …
0 votes7 answers -
Несколько вопросов начинающего
Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…
0 votes7 answers -
Dreamweaver
Всем привет..Я на форуме новичок).Вот у меня возник вопрос,я установил программу Adobe Dreamweaver.Разобрался в ней,но уяснил не все аспекты....Собственно вопрос:я сохраняю файл html или css на компе через программу.Дальше я его редактирую в программе,а файл который сохранился на компьютере он не изменяется..Как сделать чтобы он изменялся? P.S Сильно не пинайте
0 votes7 answers -
Опять проблема с BODY
http://elki.undersite.ru/about.html На тег HTML навешан градиентный фон, на BODY узор который выше градиента должен отображаться! все бы ничего только опера и FF фон на боди отображают на видимой области, если прокрутить ниже то будет резкий обрыв его, как пофиксить?
0 votes7 answers -
Непобедимый IE 8
Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код: В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер.…
0 votes7 answers -
столбцы из li или div
Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!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="ru" lang="ru"> <head> <t…
0 votes7 answers -
жирный шрифт в таблице при XHTML 1.0 Strict
добрый день. Первый раз столкнулся с такой проблемой, использую доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> и как оказалось в нем(именно из-за него, проверил) не могу сделать текст жирным ни одним из пришедших мне в голову способом. Мистика какая-то, ни задание класса для td с параметром font-weight:bold,ни для всех td,даже прописывание тега <b> ничего не прокатывает. Подскажите кто знает,как по этому стандарту.сделать жирный текст
0 votes7 answers -
Моготи привести в порядок развращённый css код
Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …
0 votes7 answers -
Проблема верстки. FireFox
Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..
0 votes7 answers -
Очередной глюк ие6
Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?
0 votes7 answers -
Две ячейки с фоном наезжают друг на дргуга в ИЕ
Добрый вечер! Проблема следующая: есть шапка - табличка с двумя ячейками, в каждой из них фон (см ниже). В левой ячейке фон выровнен - по левому краю, в правой - по правому краю. по середине - промежуточный фон - градиент (он прописан в body). Пробема: при уменьшении окна браузера в ИЕ6 эти 2-а фона наезжают друг на друга. php: <div id="site_header"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td> <div id="header_left"> </div> </td> <td align="right"> <div id="header_right"> </div> </td> </tr> </table> <table border="0" widt…
0 votes7 answers -
Буквица в опере
Приветствую! Сделал себе для сайта буквицу, так здорово получилось! Но вот в опере почему-то текст(который идёт после буквицы), получается чуть выше, чем в firefox, и это для глаза очень неприятно. Возможно кто-то встречался с подобным или знает почему такое может быть. .whatdo { margin-top:-7px; color:#900; font-weight:bold; text-indent:0; } p { margin-bottom: 1.5em; line-height: 1.6em; text-indent:1em; font-size:14px; } .bukv { font-size:50px; /* Задание размера шрифта буквицы */ color:#900; /* Задание цвета буквицы */ font-weight:bold; float:left; /* Задание обтекания буквицы */ height:34px; line-height:35px; /* Задание положения буквицы */ ma…
0 votes7 answers -
Добавление в Buzz, Twitter, Facebook итп
Я нашел много кнопок для добавления сайта в такие сервисы, как tweetmeme, facebook, stumbleupon, digg и buzz. вставил скрипты на сайт, они беспорядочно расположились по страничке. а я хочу, чтоб эти кнопки шли горизонтально. вот код всех кнопок вместе: <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> <a title="Опубликовать в Живой ленте Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ru"></a> <a name="fb_share" type="box_count" href="http…
0 votes7 answers -
click fallthrough
Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …
0 votes7 answers -
Как сделать, чтобы фон тянулся?
Здравствуйте! Подскажите, пожалуйста, что мне сделать , чтобы фон в body не тянулся? В качестве фона выступает картинка. Надо сделать, чтобы она не повторялась, а тянулась. Возможно ли это?
0 votes7 answers -
помогите выровнить левый край текста в блоке
есть след. код: <li><input type="radio" id="check" /><label for="check">тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк</label></li> нужно сделать так, чтобы текст на новых строках, не вылазил под радиобатон - т.е. был ограничен прямоугольной областью, находящейся справа от радибатона. сколько не бился, у меня либо на новую строчку label перескакивает, либо прямо на радиобатон налазит как вообще в цсс решаются подобные задачи
0 votes7 answers -
Помогите, с функцией HERE
Подскажите, уважаемые знатоки, почему у меняне работает функция HERE.... Вот код::: <?php if (!isset($id)) { $result=mysql_query ("SELECT title, id FROM lessons "); $myrow = mysql_fetch_array ($result); do { printf ("<p><a href='edit_deyatel.php?id=%s'>%s</a></p>",$myrow["id"],$myrow["title"]); } while ($myrow = mysql_fetch_array ($result)); } else { $result=mysql_query ("SELECT * FROM lessons WHERE id=$id "); $myrow = mysql_fetch_array ($result); { print<<<HERE <form id="form1" name="form1" method="post" action="add_deyatel.php"> &l…
0 votes7 answers -
Несколько внешних шрифтов
Добрый день. Понадобилось вставить внешние шрифты в сайт. воспользовался этим : @font-face { font-family: "Rounded"; src: url(fonts/rounded.ttf); } Вопрос в том, как допустим 2 и более шрифтов загрузить?
0 votes7 answers -
Ширина сайта при разрешении экрана 1024х768
Здравствуйте! Какая ширина сайта должна быть при разрешении экрана 1024х768? Может быть, есть таблица, в которой можно посмотреть оптимальную ширину сайта при разных разрешениях экрана?
0 votes7 answers -
Не могу справиться с IE6
Вот как выглядит страница в IE8 Так выглядит в IE6 Помогите, плиз, разобраться с этой кроссбраузерностью. +В opera при увеличении страницы появляются не желательные просветы. Разобраться бы из-за чего такое происходит? HTML <!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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style…
0 votes7 answers -
Фиксирование высоты ячеек по их содержанию в IE и Mozilla
Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините. Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида: <tr> <td width="665" rowspan="8">1</td> <td width="285">2</td> </tr> <tr> <td width="285" height="29">3</td> </tr> <tr> <td width="285">4</td> </tr> <tr> <td width="285" height="29">5</td> </tr> <tr> <td width="285">6</td> </tr> <tr> <td width="285" height="29">7</td> </tr> <…
0 votes7 answers -
Блок-контейнер
Всем привет, помогите, пожалуйста Верстаю такой макет Проблема с центральной частью. Соответственно два дива, правы и левый и блок-контейнер, у которого задан фон. Контейнер ведет себя очень странно, растягивается на высоту только одного из блоков, который задан первым. ПОЧЕМУ ТАК? <div class="main"> <div class="right_cont"></div> <div class="left_cont"> </div> .main{ width:1000px; background:url(img/right_back.jpg) no-repeat right top; } .left_cont{ width:734px; margin-right:265px; } .right_cont{ width:264px; float:right; height:100%; }
0 votes7 answers -
проблема со слоями
Всем доброго времени суток. Есть некоторая проблема с версткой, но где как ни здесь можно ждать решения и помощи от спецов? Суть такова: есть слой с текстом, поверх него слой с картинкой. Картинка не затрудняет чтение текста тем не менее. Требуется сделать так, чтобы слой с картинкой был видим, но при этом можно было спокойно кликать по ссылкам в тексте, выделять текст и чтобы события типа onmouseover в тексте срабатывали, когда мышь подводится, т.е. все так, как-будто бы слоя с картинкой нет. Возможно ли решить при помощи CSS? Если нет, то возможно ли вообще решить? зы Картинку можно сделать как img, так и бекграундом.
0 votes7 answers -
Позиционирование и обтекание
На данный момент есть вот такой код: <div style="width: 206px; height: 80px; background:#9F6; position:relative;"> <div style="float:left; width: 50px; height:19px;"></div> текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст<div style="float: right; width: 50px; height:40px; background:#C06; float:right;"></div> И вот такой блок в результате Как красный блок зафиксировать в правом нижнем углу зеленого и чтоб его обтекал текст слева и сверху, без абсолютного позиционирования? (сейчас чем больше текста, тем ниже смещается красный блок )
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-