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
-
Проблемы с div'ами при изменении масштаба браузера
Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…
0 votes4 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Проблемы с dreamweaver
Помогите решить проблемку. В последнее время у меня после перезахода в dreamweaver, коментарии в листе стилей отображаются в неверной кодировке. http://img18.imageshack.us/my.php?image=dwerrori.jpg
0 votes2 answers -
Проблемы с fancybox
Здравствуйте уважаемые форумчане! Помогите, пожалуйста, на сайте есть галерея/карусель с кликабельными картинками (fancybox). Все работает только при нажатии на картинку перикидывает в самое начало страницы и там открывает модальное окно. Скажите что не так? Вот сайт - http://www.web-verstka.com.ua/portfolio/smart/
0 votes2 answers -
Проблемы с FF
не могу понять но в чем дело но в разных браузерах отображение резко отличается для ниже приведенного кода <table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr> </table> Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками, …
0 votes13 answers -
Проблемы с flex в Safari
Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title>…
0 votes16 answers -
Проблемы с float
Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php
0 votes5 answers -
Проблемы с FONT
Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.
0 votes2 answers -
Проблемы с footer и menu
В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах
0 votes84 answers -
проблемы с footer, помогите найти глюк в стиле
проблема решена удалите тему, спасибо
0 votes2 answers -
Проблемы с footer'ом
Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?
0 votes0 answers -
Проблемы с hover
Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.
0 votes5 answers -
проблемы с hover и vertical-align
Помогите решить проблему - есть код label:hover img { background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить. } </style> <div style="text-align:left; width:60px; height:32px; float:left;"> <img align="top" src="img.png" width="10" height="10" /> </div> <div style="height:100%; margin-bottom:0; text-align:left; height:45px;"> <textarea id="text_id" name='text' cols='20' rows='4'></textarea> <label for="text_id"> <img src="im/img2.gif" style="vertical-align: top;" /> </label> </div> Хочется выровнять img2 по верхней границе textarea, но при таком выравниван…
0 votes2 answers -
Проблемы с htaccess
Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access…
0 votes5 answers -
проблемы с ie
привет. помогите плз 2 вопроса. 1. в таблице бэкграунд прижимается тэгом background-position: right bottom. в опере все нормально, а в ie есть отступ снизу на один пиксель. как исправить? 2. в ie таблица растягивается на 100% в высоту, хотя это нигде не указао. от этого очень большие отступы между строками. как исправить? и для всех браузеров. почему так теряется качество рисунка? обрезаю в ps закладку, ставлю ее в страницу - выгядит намного тусклее чем в макете. почему?
0 votes3 answers -
Проблемы с IE
Есть 2 css, которые отлично работают в Опире и Мозиле последних версий. вот сами CSS img.shadow { background: url(img/stq.gif) no-repeat right bottom; padding: 5px 10px 10px 5px} div.special2 {font-size: 140%; color: #3399FF; text-shadow: 5px -4px 1px #bad3ed; font-weight: bold;} Первый делает эффект к изображению в виде тени. А другой делает эфиект к тексту в виде тени, цвета и размера. Почему то только IE 8 в упор не хочет эти CSS принимать, помогите советом, в чем ошибка, или подскажите чем можно заменить?
0 votes4 answers -
Проблемы с IE
Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.
0 votes3 answers -
Проблемы с IE
Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.
0 votes6 answers -
проблемы с ie
Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…
0 votes7 answers -
Проблемы с IE
Здравствуйте, сверстал дизайн(сразу оговорюсь - я в этом деле не профи) , в адекватных браузерах все нормально отображается, но вот в ie правый блок разваливается на части( подскажите где что можно поправить что бы решить эту проблему. урл сайта - http://test11.16mb.com/
0 votes7 answers -
Проблемы с IE 7 - 8
Добрый день. Вероятно решается просто. Не знал как сформулировать, чтобы загуглить. <a href="#"><div class="icon-share-shadow-17x13"></div></a> .icon-share-shadow-17x13 { background: url("/content/images/i/icon/icon-action-with-shadow.png") no-repeat -20px 0; width: 17px; height: 13px; display: inline-block; zoom: 1; *display: inline; } Не отображает иконки в IE - 7 - 8 Идею взял с http://fortawesome.github.com/Font-Awesome/ Про в хаке для IE 7 такой код: .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
0 votes4 answers -
Проблемы с IE 7 и IE 6
Добрый день! Помогите, пожалуйста, со следующей проблемой: Сайт www.delpos.ru нормально открывается во всех браузерах, кроме IE7 и IE6. Вернее он начинает открываться и после пары секунд загрузки (прияем сайт сам появляется в окне) выдает сообщение об ошибке: не удается открыть узел delpos.ru Операция прервана. Сначала я думал, что это из-за корявых яваскриптов, которые я отключал, но ошибка оставалась. Пробовал менять тип документа в теге !DOCTYPE - не помогает. Может ли это быть из-за CSS? Подскажите что делать, или в каком направлении хотябы искать решение проблемы. Заранее благодарен.
0 votes1 answer -
Проблемы с IE 8
Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…
0 votes4 answers -
Проблемы с IE div верстка
Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…
0 votes2 answers -
Проблемы с IE iframe style
<iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-