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
-
отличия в IE и Mozill'e
http://students.uni-vologda.ac.ru/pages/pm05/maa/ - - - - - во время изготовления я тестровал его в IE а теперь хотелось бы, что ы он так же выглядел и в остльных браузерах... - - - - как его нужно модифицировать?
0 votes6 answers -
Можно ли заменить behavior другим свойством?
Доброго времени суток. У меня на сайте используется фишка PNG behavior, которая корректно отображает PNG-24 в IE5.5/6. (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) При прохождении теста на валидность, валидатор указал на ошибку: Т.е. проблема в использовани свойства behavior: Видимо, валидатор не понимает специфичное для IE свойство и сообщает об ошибке. Есть ли возможность использовать альтернативное свойство? Надеюсь на помощь.
0 votes9 answers -
Неправильно отображается код.
Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…
0 votes9 answers -
Возможно ли средствами CSS задать расстояние между абзацами?
Возможно ли средствами CSS задать расстояние между абзацами? Сколько не читал инфы, почему-то не нашел ответа этот вопрос. Очень жду дельного совета )
0 votes1 answer -
Document content looks like HTML Proprietary
Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?
0 votes3 answers -
SELECT и background. IE & opera VS FF
select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.
0 votes2 answers -
height 100% в XHTML под IE 7.0
Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!
0 votes3 answers -
Валидность HTML
Всем привет, есть такая страница, нужно сделать ее валидной, подскажите, какие ошибки исправить? (CSS валиден...) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title>название</title> <meta name="description" content="123"> <LINK rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="Link.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <img border="0" src="img/Header.jpg" width…
0 votes9 answers -
framed layout IE standard compilance
Приветствую! Встала необходимость сверстать фрэймовый лэйаут, вот такой. http://www.dynamicdrive.com/style/layouts/...-frames-layout/ Вс? там хорошо, кроме того, что IE работает в Quirks mode. Возможно ли решение в standard compilance mode ? Сколько ни игрался, сделать не смог. Спасибо! PS: да, хотел отметить, через expressions это дело можно побороть, но не хотелось бы их использовать.
0 votes6 answers -
Как изменить стиль границы?
Есть таблица цен с границами http://creative2.ru/ceni.html подскажите как сделать границу в зеленую точку толщиной 1px ?
0 votes4 answers -
Как изменить заголовок в рамке, обрамляющей вложения
Ужасно не нравится стандартная рамка, обрамляющая вложения (изображения) в постах. хотел бы поменять цвет и надпись в шапке, но не знаю как и как ее сделать по размеру вложения? Спасибо за терпение.
0 votes4 answers -
line-height меньше 100%
Скажите пожалуйста, как сделать расстояние между строчками меньше 100%. Пробовал указывать его и в процентах и в px - не помогает.
0 votes2 answers -
2 дива по горизонтали
В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px;…
0 votes1 answer -
Как поместить div в список, отображающийся в строчку?
Помогите пожалуйста! Как поместить div (или таблицу) размером, например, 100х100 в список, стиль отображения которого display:inline (Div - ы соответственно тоже должны располагаться в строчку)?
0 votes1 answer -
Помогите проблемку решить
Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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> </head> <body style="background-color:…
0 votes40 answers -
Помогите с рисунком
Всем привет. Помогите плиз!!! У меня такой вопрос, почему png картинка не отображается в Opera и Mozilla, а в IE все норм. Картинка прозрачная с тенью. вот ссылка www.zenit-karelia.narod.ru! таблица CSS находится в исходном коде странице вместе с HTML кодом! Картинка о которой идет речь находиться в div'е #logo и название тоже logo.png! Всем заранее спасибо!!:|
0 votes2 answers -
Не понимаю. (вопрос по теории верстки)
Здравствуйте. Недавно прочитал статью о верстке слоями - Примеры верстки слоями > Две колонки, навигация слева - http://htmlbook.ru/content/?id=107 В комментариях к статье прочел следующее. 13.05.2007 Подскажите пожалуйста как растянуть макет по вертикали на всю страницу? Влад Мержевич 14.05.2007 Не надо растягивать макет на всю высоту, это противоречит идеологии слоев. В связи с этим вопрос - зачем нужна такая верстка? В данном случаи высота будет регулироваться наполненным содержимом, а если содержимого мало? и монитор большой? То содержимое будет висеть в "шапке". Или в таких случаях надо применять таблицы?. :/
0 votes2 answers -
Вопрос о кросс-браузерности:
Здравствуйте. Возможно эта тема уже поднималась, признаюсь, я плохо искал :| Суть вопроса проста, стоит ли использовать "хаки" для достижения кроссбраузерности или лучше придерживаться альтернативных решений в оформлении? И вообще, на сколько часто вы ими пользуетесь при создании оформления сайта? У меня в свое время была идея выдавать html код в зависимости от используемого клиентом браузера (по средствам php), на сколько популярно такое ненормальное решение? К минусам хаков еще могу сказать, они не всегда поддаются валидности; и опять же, новые браузеры (к примеру Опера) иногда их не поддерживают. Заранее спасибо.
0 votes2 answers -
Подскажите срочно
у меня есть такой текст ЗАГРУЗКИ<?php include"modules/zagruz/kol.php"; ?> ,а как мне сделать чтобы эта ссылка сразу отображала содержимое типа ЗАГРУЗКИ . . а тут список
0 votes4 answers -
Как выравнить картинку по центру в DIVe?
Как выравнить картинку по центру в DIVe через CSS? —————————————————————————- Вот такой вот глупый вопрос,,,,,
0 votes3 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" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, н…
0 votes3 answers -
ресайз дивов и скроллбары
Добрый день. какие свойства надо задать диву, что бы он игнорировал свое содержимое, сжимался при ресайзе, пряча содержимое за скроллбарами? админка сверстана таблицей 2х2 ячейки. верхний ряд - шапка, нижний ряд - информационные поля. левое поле фиксированно по ширине, занимает все место в окне браузера по высоте. правое занимает оставшуюся часть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style='height:100%'> <head> <style> table{ width:100%; height:100%;} td{ vertical-align:top; } div{ height:100%; overflow:auto; } </style> </head> <body style='height:100%; padding:0px; margin…
0 votes4 answers -
3 колонки, ширина средней растягивается по содержимому
Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…
0 votes7 answers -
BUTTON - рамка вокруг кнопки
Добрый день! Как удалить рамку вокруг кнопки при потере фокуса, выглядит так (черная рамка вокруг кнопки ОК) код css кнопки такой #okbutton {font-size: 1em; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #DC4E1B;}
0 votes10 answers -
table CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-