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
-
Доставка шрифтов
Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?
0 votes2 answers -
Какую иконку рекомендуете для упорядочиваниия по дате?
Какую иконку рекомендуете для упорядочиваниия по дате?
0 votes3 answers -
два div'а одинаковой высоты
Понимаю что тема уже избита, но всё же. У меня есть два div'а, у одного "float:left", другой просто обтекает + они завернуты в общий блок div. Цвета фонов разные, причем у левого есть ещё рамка. Не получается сделать высоту одинаковым. Ставил обоим div'ам "display:table-cell", но и тут без проблем, если например сделать у одного из div'ов "padding:20px", то и у второго тоже "padding" становится 20px, а мне не надо так. Помогите люди добрые)
0 votes3 answers -
Не могу открыть сайт
Добрый вечер Уважаемые! Подскажите пожалуйста в одном вопросе, установил битрикс,работал после выключения компьютера не могу открыть сайт, работал на локалхост, что может быть?
0 votes5 answers -
Псеводэлементы :after и ::after
Не могу понять практическую разницу между типами с одним и двумя двоеточиями. Естественно, вопрос не по версиям CSS и не по поддержке в браузера. Спасибо
0 votes5 answers -
web сервер отдаёт поврежденные картинки.
Привет, есть сайт на xampp: new.sandart.in.ua как Вы можете видеть картинки на нем повреждены, в них вставляется текст: /* * Sizzle CSS Selector Engine - v0.9.3 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ в исходниках сайта картинки внорме. Ктото видел такое раньше?
0 votes0 answers -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers -
Рушится верстка
Есть такой не сложный код - http://jsfiddle.net/VNkNk/ На сайте обычно это выглядит вот так - http://awesomescreenshot.com/088lzyqa6 Но если название ссылки очень большое, то получается уже такое безобразие - http://awesomescreenshot.com/07flzysc7 Текст переносится на другую строку под время. Мне это не надо. Как сделать, чтобы если текст переносится на следующую строчку, то он начинался не с начала, а примерно вот так - http://awesomescreenshot.com/040lzz140 ?
0 votes2 answers -
Проблема с тегом <hr>
Всем привет! У меня проблема, которую не могу решить целый день! В верстке в общем пробем нету! Короче у меня есть страница с новостями, они подгружаються с БД. Когда новости отпрограмировал, поставил что бы после каждой новости была линия, что бы чем-то разделять, ну и для красоты, использовал в этом случаи тег <hr> подошол на ура... но вот проблема, как мне убрать после последней новости последнюю линию, в гугли ничего не нашел. Сначало подумал, что проблем не будет, что уберу last-chil'ом, но это не css. Короче посоветуйте что-то. Буду благодарен.
0 votes3 answers -
Как вы думаете, так не стоит делать?
Смотрю примеры верстки на одном обучающем сайте. Автор там применяет часто следующий ход. Добавляет классы через пробел. Например, у него есть классы .left { float: left; } .overflow { overflow: hidden } И он через пробел добавляет в классы нужных тегов. Но по-моему это аналогично тому, как в самом хтмл коде написать style="float:left". Ведь если мы захотим, чтобы этот блок был справа - нам придеться лезть в хтмл, а не таблицы стилей, и править код там, что нарушает основной принцип верстки - разделения логической разметки от стилей.
0 votes3 answers -
Кривая верстка в IE 8 лишь на движке
Сверстал макет, в IE8 отображается вполне сносно. Вот пример верхнего меню http://jsfiddle.net/aTWq5/1/ Натянул на движок, вроде как код не поменялся, или я слепой... но выпадающего меню как не бывало... отображается он бог знает как.(в режиме совместимости ещё более-менее) а так, лишь первый элемент меню отображается нормально... Кто что может подсказать? Пациент: _libraryshop.ru p.s. на картинки с товарами внимания можно не обращать, это пока лишь небольшой косяк.
0 votes2 answers -
Позиционирование
День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…
0 votes4 answers -
Фиксированный фон. Как это сделано?
Здравствуйте! Имеется сайт с большой фоновой картинкой. Сначала я ее сделала масштабируемой с помощью свойства background-size: cover; Но оказалось, что при очень больших размерах картинка масштабируется некрасиво - получается размытой. Нашла пример сайта, как можно было было бы решить эту проблему здесь: http://themeforest.net/item/vierra-responsive-hotel-wordpress-theme/full_screen_preview/5992155 Подскажите, пожалуйста, как это сделано. Видимо, работа какого-то скрипта.
0 votes6 answers -
Фон градиентами
Сделал вот такой вот фон градиентами: http://jsfiddle.net/3bp7m/ Всё было бы отлично, если бы жутко не тормозило (видимо долго прорисовывается градиент), да, в примере всё ок, т.к. там 300х300px размер, а если сделать, например, 1000 в ширину или в высоту - начинаются лаги. Подскажите, пожалуйста, как это побороть. Либо чем это можно сделать (без картинок)?
0 votes3 answers -
Высота div'a
Здравсвуйте, столкнулся со следующей проблемой: Есть несколько наполненых div'ов. идущих подряд. Как уставновить этим блокам фиксированную высоту, которая соотвесттвует высоте окна браузера? Пробовал max-height:100% так не вышло(
0 votes1 answer -
Отступы у текста
Подскажите, а почему у текста отступы? http://jsfiddle.net/oleg126/4b6Up/ http://savepic.net/5800248.htm
0 votes4 answers -
Помогите, страница уезжает вбок(
Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…
0 votes2 answers -
IE9, border-radius и слайдер
Сайт. В IE9 Не работает слайдер и border-radius(подключал разные вещи типа pie.htc, но почему то не работает все равно).
0 votes2 answers -
Разное отображение при одинаковом разрешении
Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …
0 votes1 answer -
Проблемы с вертикальным меню и с текстом п в главном окне
доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="top"> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Регистрация</a></li> <li><a href="#">Файлы</…
0 votes1 answer -
Проблема с вертикальным выпадающим меню.
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…
0 votes2 answers -
Проблема отображения сайта в IE
Проблема отображения сайта в IE (любом) , в остальных брозерах ок. Кавыряю уже дня два не могу понять где загвоздка ? http://site.novosibirsk.ru/ А вот еще только сегодня заметил http://www.sfera-trade.com/наша-продукция.html на IE превьюшек нет ?
0 votes4 answers -
z-index
помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно
0 votes3 answers -
Как создать gif анимацию
Добрый день всем! Не знаю в какой проге создать анимацию из нескольких фото, переходящих из одного в другое с эффектами в переходах. По типу видеопереходов в КиберЛинке или др. программах. Нужно просто создать главное фото на сайте с несколькими изображениями товара, переходящих из одного в другое. Спасибо! Жду помощи.
0 votes3 answers -
Правильно расположить кнопки
Подскажите, пожалуйста. Есть такая навигация: http://savepic.su/2353483.htm Вопрос касается только этих кнопочек. Как мне их правильно расположить? Через ul lu a:after {content: ...} ?
0 votes2 answers