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
-
и опять отступы..
в ie для немаркированного списка появляются отступыПосетить мою домашнюю страницу в каталоге товаров. пункты заданы картинками (для целей seo)
0 votes3 answers -
position:fixed
Как избавиться от дрожания при эмуляции position:fixed. Все решения, которые встречал основаны на обращении к body, а это не подходит (html подгружается в виде iframe).
0 votes3 answers -
Countdown
Здравствуйте, не знаете ли, как установить на одну из страниц сайта обратный отсчет типа "до Нового года осталось 45 дней"?
0 votes3 answers -
В IE7 странная проблема
Всем доброго дня, впервые столкнулся сегодня с такой проблемой верстка на дивах, вот такая ситуация <div id="content"> #content { width: 760px; margin: 10px auto; } все содержимое внутри этого дива, он является контейнером. Странная ситуация - в ФФ и других браузерах все ок, див как ему и положено располагается по центру, в осле этот див прилип к левому краю и отступает от него только если задать значение margin-left: ( любое кроме auto).. но так ведь быть не должно? перепробовал все, не помагает вот урл http://natali.rbwest.ru Если кто знает, помогите советом пожалста ( п.с. сайт совсем сырой, на оформление внимания не обращайте)
0 votes3 answers -
Не понимаю, почему не работает overflow
Доброго времени суток. Есть задача -- сделать контейнер, который визуально прятался бы за одну из сторон родителя. На данный момент, не получается сделать его уезжающим вправо. На скриншоте: верхний блок -- уезжает за левый край экрана, нижний -- пытается уехать за правый. HTML: <body> <div style="margin: 0px; overflow: hidden; position: static; width: 1009px;"> <div class="horizontal_slide" style="margin: 0px 0px 0px -400px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea…
0 votes3 answers -
отображение в FF и IE6 блка информации
Здравствуйте уважаемые коллеги. Проблема вот в чём Есть блок content в нём ещё три блока сontainer в которых распологаются всякие <h1><h2><p> и <ul> Собственно в FF отображает всё как надо IE6 не отображает ничего. Вот код #content { float:right; overflow:hidden; width:589px; } #content .сontainer{ float:left; overflow:hidden; width:589px; background:url(../images/bg-c-cont.png) repeat-y 0 0; margin:0 0 10px 0; } Мне кажется что не дописал какой-то хак специально под IE. Буду благодарен тому кто поможет решить эту задачу.
0 votes3 answers -
допустимые символы в якорях href="#Слово" и id="Слово"
Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?
0 votes3 answers -
txt link hover и img link hover
Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?
0 votes3 answers -
Не работают ALTы
Прошу помочь разобраться. На сайте _http://www.technolog.cz/broziat-cz/ почему-то не работают теги ALT. Ко всем картинкам прописаны ALTы но при наведении мышкой на картинку не показываются.
0 votes3 answers -
Яндекс карты
Нужно дать ссылку на карту яндекс с определённым вбитым адресом, чтоб сразу флажок стоял, который появляется после поиска адреса. Возможно ли так сделать?
0 votes3 answers -
Списки форм + Ссылки (я наверное дурак?)
Хочу сделать так, чтобы список, который выпадает с формы, по клику на него, срабатывал, как ссылка. Если не правильно объяснился, я думаю из кода все станет понятно. <!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>Группа</title> </head> <body> <p><b>Приключения электронников</b></p> <form> <select> <option>Выбрать альбом</option> <option><a href="http://#">Прекрасное далёко</a></option> <option>&…
0 votes3 answers -
Валидация
Проверил на валидность главную страницу своего проекта на http://validator.w3.org/check и там мне выдало 15 Errors, 2 warning(s) . required attribute "TYPE" not specified NET-enabling start-tag requires SHORTTAG YES что эти 2 ошибки значат?
0 votes3 answers -
верстка
Почему текс в Мазиле не выделяеться, что нужно прописать в стилях или убрать?
0 votes3 answers -
Футер к низу
<body> <div id="wrapper"> <div id="main"> </div> <div id="footer">3333</div> </div> </body> #wrapper{ min-height:100%; } #main {min-height:100%; position:relative;} #footer{position:relative} Не жмется футер почему?
0 votes3 answers -
Проблема с цветом рамки
В css такой вот блочек .block1 { width: 200px; background: #fc0; border: solid 5px #E6E6FA; border-style: groove; font-size: 12pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; float: right; В HTML почему-то именно в IE— отображает границы рамки черным. а в Опере нужный цвет. Чего то я не дорубаю почему так Можно как-то исправить ??
0 votes3 answers -
Изображение и ссылка в одну линию.
Есть изображение (~130x130px) и ссылка. надо из расположить в линию, как на рисунке: Пока удается добиться такого только при помощи таблицы. При помощи css получается вот так: То есть ссылка "прилипает" к нижнему краю изображения. Как сделать это при помощи css?
0 votes3 answers -
Глюк со шрифтами.
Верстаю страницу в DW, кодировка windows-1251. Через CSS с помощью font-size:12px прописал размер шрифта 12px, в FF он выглядит вполне нормально, а в IE и опере такое впечатление, что он не 12, а 10. Пригляделся, а разный не только размер, но и сам шрифт. В общем, дело обстоит так: опера и IE отображают один шрифт, и одного размера (по-моему, значительно меньший, чем должно быть). А FF отображает другой шрифт и, по-моему, нормального размера. Но это относится только к контенту (тексту на странице), в меню на кнопках не картинки, а буквы, с ними все в порядке, размер шрифта во всех браузерах один. Но самое интересное в том, что я попробовал поменять сам шрифт в DW(изменени…
0 votes3 answers -
некорректное отображение страницы в opera & Firefox
я только учусь..ничего не знаю..)) IE- Opera- HTML- <!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=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <p> </p> <p> </p> <p> </p> <p> </…
0 votes3 answers -
Подружиться с IE6
Добрый день, WEB мастера. Вот ссылочка на проблемную страничку Сцылко. В опере и мозиле отображается неплохо, но вот в IE6 проблемы с прозрачностью png и почему-то вылазит за границы то что находится под меню. Если можете, то направьте меня на решение проблемы прозрачности png, если лень то я сам загуглю не надо пожалуйста тыкать носом в поиск. Но вот что касается второго вопроса, то тут я ума не приложу, где собака зарыта. Пожалуйста подскажите. P.S.: вот на всякий случай скрин того как отображает IE6
0 votes3 answers -
Равномерное растягивание ячеек
Верстаю горизонтальное меню табличкой. Проценты и фиксированные размеры указывать нельзя. Нужно, чтобы все ячейки равномерное растягивались, вот так: На деле, растяжение происходит так: Видно, что чем шире текст в ячейке, тем шире сама ячейка. Можно ли сделать, чтобы растяжение происходило равномернее?
0 votes3 answers -
Firefox 3.0.15 и Opera 10 неправильно отображают меню
Здравствуйте. Проблема - Firefox 3.0.15 и Opera 10 неправильно отображают меню, в то время, как IE7 и Opera 9.50 отображают так, как задумывалось. Менюшка на js - выпадающая. Сами посмотрите на скрине, как это выглядит в Opera 10: Менюшка такая же установлена еще на паре сайтов, там проблем с отображением нет, видимо, все дело в верстке, но понять не могу, в каком моменте. Адрес сайта scrubs-mtv.ru. Ребят, очень нужна ваша помощь. Спасибо за внимание.
0 votes3 answers -
Корзина как!
Есть сайт, к нему надо прикрутить корзну. Где можно найти уже готовые решения? Готовый код?
0 votes3 answers -
Помогите плиз! Неправильное отображение таблицы...
Помогите пожалуйста разобраться, не понимаю в чем проблема! Есть таблица с закругленными уголками, сделанными при помощи изображений по углам. Код таблицы правильный, Валидатор не обнаруживает ни одной ошибки. Если я ставлю !Доктайп XHTML 1.0 Transitional, то все в порядке, во всех браузерах отображение нормальное. А если ставлю !Доктайп XHTML 1.0 Strict(в котором как раз я и хочу работать), то во всех браузерах кроме IE6 таблица снизу неправильно отображается. Валидатор же показывает, что код правильный. Не пойму в чем дело, помогите плиз... XHTML 1.0 Transitional XHTML 1.0 Strict Вот сам код: <h3>Создание скругленных уголков:</h3> <table style="width: …
0 votes3 answers -
min и max width одновременно...
Пробовал экспрешены и вынесеные в js скрипты... когда сужаю браузер до min-width он зависает... не зависимо от того что использовать.. экспрешен в css или вынесенные в JS..... чем ВЫ лечите такую проблеммуу?
0 votes3 answers -
Проблема с IE 6
Помогите пожалуйста решить проблему с IE 5.5 - 6. Контент съезжает вниз... Вот так выглядит: А вот верстка: <!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> <div id="wrapper"> <div id="minHeight"></div> <div id="outer"> <div id="logo">.</div> <div id="inner"> <div id="left"> <div id="left-inner"> <div id="sidebar"> <div id="mainmenu">.</div> <div id="search">.</div> <div id="news">.</d…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-