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
-
проблема с background'ом
background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>
0 votes9 answers -
Сайт по центру
Вот решил обратиться с проблемой верстки сайта. Вроде как оптимизировал код страницы и CSS для всех браузеров, НО: в Опере все отображается как надо, а в IE не центрует! Хоть ты его убей! Пробовал !DOCTYPE добавлять - помогло с центровкой, но съезжают все блочные элементы с position:absolute. Координаты заданы параметрами left и top... И масштабирование происходит ужасно... Помогите, пожалуйста, выбрать !DOCTYPE и найти ошибку в CSS/страничке из-за которой происходит такая ерунда с блочными элементами и масштабированием... Сайт: http://www.golubev.biz, CSS, Код страницы
0 votes1 answer -
how to really preload an image before content?
in fact how to achieve this sequence: 1) user requests index.html, style css 2) preloading image.jpg 3) loading and displaying content in <body></body> these things didn't work for me: <script LANGUAGE="JavaScript"> Image1= new Image(498,527) Image1.src = "body_bg-contacts.jpg" </SCRIPT> and #preload img { height: 0; width: 0; border-width: 0; position: absolute; bottom: 0; left: 0; z-index: -30; } <div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div> When I used the above or similar I still had smaller images and buttons loading before my main body_bg-co…
0 votes2 answers -
Оформление ссылок
Как назначить класс типа .w2 для a:visited a:hover и тому подобное ? Как я должен написать .w2 a:visited { a:link a:visited a:hover } Можно так написать?
0 votes4 answers -
Обтекание блоков - как выровнять высоту блока-контейнера?
Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…
0 votes6 answers -
Как убрать лишние
Есть документ html к нему подцеплена таблица css . В css очень много классов , и я имею мнение что половина из них лишних . Как убрать неиспользуемые не классы !? Или как наглядно посмотреть связки ? Маленькая вырезка из отчета проверки Dreamweaver : Я надеюсь - это не критично страшно 1. в теге img пропущены следующие обязательные атрибуты: alt[html 4.0] 2. Тег " p" допускает необязательный закрывающий тег. Закрывающий тег "table" закрывает контекст "p". Проверка продолжится как при закрытом контексте.[html 4.0] 3. Тег "td" не имеет атрибута "background" в активных версиях.[html 4.0] 4. "middle" не является допустимым значением атрибута "align" ни в одной из активных…
0 votes9 answers -
Сслылки в IE6 и ff3
В ff3 по ссылке можно кликнуть в любом месте, в ИЕ только по тексту или рисунку, можно как-нибудь сделать, чтоб было как в ff3?
0 votes5 answers -
как изменить курсор при наводе на ячейку
Подскажите как сделать следующее: Среди нескольких таблиц на странице, есть две таблицы с заголовками <th>..</th> две таблицы. Хочу, чтобы при наведении курсора мышки на любую ячейку этих двух таблиц (кроме заголовочной) курсор изменялся. писать стиль .style1 и применять к каждому <td class=style1....> не катит, потому что ячеек много. Задать td{cursor:...} тоже не катит, он заголовки тоже считает как за ячейки и меняет и на них курсор.
0 votes7 answers -
Ссылка в ячейке
У меня ссылка находится в ячейке <td>. Как мне сделать что бы при наведении курсора на ссылку, изменялся цвет всей ячейки <td>, а потом он возвращался назад? Что бы цвет менялся только тогда, когда курсор находится на ссылке.
0 votes3 answers -
Помогите проблема с позиционированием
Вот станичка http://palitra-oil.narod.ru/stoimost.html вот код из slideshow.js Object.extend(this.props, props || {}); a = $('aro-' + this.props.n + 'a'); a.style.position = 'absolute'; a.style.border = 'double 5px saddlebrown '; a.style.left = '1280px'; a.style.top = '-680px'; img = a.cloneNode(true); img.id = 'aro-' + this.props.n + 'b'; img.style.zindex = '100'; div = a.parentNode; div.style.display = 'block'; div.style.position = 'absolute'; div.style.border = 'solid 1px black'; div.style.left = '-800px'; div.style.top = '800px'; div.style.width = a.width + 'px'; div.style.height = a.height + 'px'; div.appendChi…
0 votes1 answer -
Помогите с padding'ом в таблице
Здравствуйте. Такое дело: есть таблица, в ней 3 столбца, ячейки первого столбца должны иметь отступ от границы таблицы 10рх (т.е. padding-left: 10px). Можно ли как-то задать такой отступ при этом не трогая остальных столбцов и не добавляя лишних классов? Вот можно было бы добавить класс для всего столбца, а не для каждой ячейки в отдельности, т.к. если в таблице несколько десятков (возможно сотен) записей, то добавление примитивного отступа к каждой ячейке не хило увеличивает вес всей страницы. Спасибо.
0 votes0 answers -
Ошибки верстки W3C
Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.
0 votes8 answers -
Проблема с ссылкой.
Здравстуйте! Главная страница моего сайта содержит рисунок посередине и маленькую ссылочку "об авторе" внизу. Рисунок является ссылкой на основной сайт ( на страницу с навигацией, информацией и остальным контентом). Основной сайт построен так: шапка, под ней три ячейки, ячейка посередине - фрейм, где выводится информация, при прогулке по навигации. Одна из ссылок навигации открывает информацию "об авторе" в этом фрейме. Проблема следующая: как сделать так, чтобы при кликании на ссылку на главной станице(где только картинка и эта ссылка), переход осуществлялся не на прямую на хтмл-страницу "об авторе"(как происходит у меня сейчас), а на основной сайт во фрейм?
0 votes6 answers -
Отображение шрифтов
В ie7-8 шрифт жирнее, чем в остальных браузерах, чтобы в ie отображалось также, нашел такую фишку: * + html body { filter:0; } Но работает это только для ie7, а в ie8 не работает! и не проходит код на проверку валидатором! Может кто знает как это поправить, что бы шрифт был одинаковым во всех браузерах и код валидным?
0 votes1 answer -
Копирайт
Привет. У меня вечный вопрос, кот я никак не могу понять, может ктото подскажет, и напишет пример. Нужно сделать что бы Копирайт оставался всегда внижней часте браузера. Делать с помощью теблиц не хочется, а так не получается. Короче нужно div сделать внизу браузера. Ну у меня пока так, но когда на странице ниче нет, div подымается вверх. .... <div class="menud"> <ul class="menud"> <li><a class="menud" href="index.html">Главная</a></li> | ... <li><a class="menud" href="about.html">О сайте</a></li> </ul> <p><small>© Cluberd 2009 <br> Student</small></p> </div>…
0 votes3 answers -
Таблицы и colspan
Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>
0 votes5 answers -
Opera img & hspace
Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…
0 votes3 answers -
Проблема в IE и Maxthon
Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.
0 votes4 answers -
Что означает
Подскажите новичку что означает тэг <META content="MSHTML 6.00.2900.2180" name=GENERATOR> и обязательно ли его использовать.
0 votes2 answers -
Проблема со слоями...
Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/
0 votes1 answer -
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
относительно <col>
1) скажите, пжл, почему параметры align, valign данного тега в html 4.01 & xhtml 1.0, 1.1 strict не понимают многие браузеры, кроме оперы (ие 8, фф 3, опера 9.61, сафари 3.1, гугл хром 2 финал), но код с участием данных параметров считается валидным? 2) добавил стиль в пример из справочника, но из всех свойств класса применяется к 3-й ячейке только background-color (update) и width. хде ошибка? что за фигня? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег COL, параметр valign</title> …
0 votes13 answers -
ID или Class
Когда лучше всего использовать ID а когда классы?
0 votes2 answers -
css карусель
people плиз! рылся в google? так ничего и не нашел, может у кого есть примеры создания css карусели, или ссылки на сайты??!
0 votes12 answers -
Div внутри table
Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-