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
-
2 картинки в одном диве
как это можно сделать? чтобы одна была в одном углу , а другая - в другом. Как это прописать в CSS ? и ещё поскажите, пожалуйста, вот эта запись верная? : почему-то у меня перед li ничего не появляется.
0 votes4 answers -
Помогите на сайте убрать большой промежуток
Ребят вот сайт http://new-site.16mb.com/ в правой колонке можно увидеть большой отступ как от него избавиться?
0 votes14 answers -
Мелкие вопросы (долгосрочный раздел)
Здравствуйте. Вопросы: 1) сразу HTML5 или можно сначала напрактиковаться с HTML4.01 и потом быстро переучиться? как на реальных заказах - doctype html4.01 используют еще или это первый признак, что верстальщик не справиться с заказом нормально? Без знаний html5 можно сейчас верстать или уже ничтожный процент заказов? 2) после reset.css что потом для тега <body> прописывать касательно font-size? в зависимости от чего? например, если так font-size: 67.5%; тогда 1em - 10px (да?) и дальше работаем с em - это универсально? Там же куча тонкостей с этим относительными и абсолютными величинами. Везде все по-разному. Принципы какие?. Хотелось бы ссылку на статью или книгу +…
0 votes6 answers -
Порядок и приоритетность документов CSS
Видимо это азы, которые упущены... Вопрос: есть два документа <HEAD> <LINK href = "mystyle.css" rel = "stylesheet" type = "text/css"> <LINK href = "mystyle_ex.css" rel = "stylesheet" type = "text/css"> <HEAD> Последний из них переназначил цвета, шрифты и не только. Т есть прямо противоречит первому документу. Можно ли считать это, если вообще возможно, хорошим способом "перекрасить" странички? Все ли броз. применят свойства именно из последнего по списку документа? Сила селекторов не затронута при этом, изменены только свойства.
0 votes1 answer -
растяжение
Всем привет, делал по этому макету: http://divhack.com/downloads/study/8/html/ как я понимаю тут резиновая верстка, я вот сделал так: http://createside.com.preview.ihc.ru/ но как видно при растяжении-получается все очень фигово...как это лучше исправить?
0 votes2 answers -
Интересно ваше мнение, как реализовать данный макет
https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись ав…
0 votes5 answers -
Резиновая верстка
Доброе время суток! Подскажи пжл ,где подробней можно прочитать об резиновой верстке и с чем её кушать?
0 votes2 answers -
Проблемы с hover
Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.
0 votes5 answers -
Один и тот же шрифт в разных браузерах-
Заранее извиняюсь, т.к. скорее всего вопрос д.б. не в эту ветку, но она самая подходящая все же. Есть такая трабла: шрифт EuropeExt отображается в разных браузерах по разному. Точнее так: в chome, opera, ie, yandexbrowser все ок (есть отличия, но тем не менее прилично), а в firefox и safari прямо жестко "пикселизируется". Вот посмотрите сами http://stickerb.ru/ngeo/ - шрифт в меню (в т.ч. выпадающем) и "Изображение дня" тоже этим шрифтом написано. Причем создается такое ощущение, что это только у меня. Потому что другие пользователи, которым я по аське, допустим, сбрасываю посмотреть, говорят, что все красивенько и приличненько. Уточняю браузер... firefox. И такой не …
0 votes5 answers -
Текст для определенного размера экрана
Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.
0 votes5 answers -
HELP
Помогите новенькой в CSS разобраться с раскрывающимся меню, второй день бьюсь как "рыба об лёд" подменю второго уровня не закрывается, вот картина: Помогите: тут на поверхности проблема, всеми поджилками чувствую, но найти не могу!
0 votes1 answer -
Обход ограничения
Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…
0 votes2 answers -
Проблема с всплывающим меню. Координаты.
Код: <html> <head> <style> .submenu{ visibility: hidden} </style> <script> function showmenu(elmnt) {document.getElementById(elmnt).style.visibility="visible"} function hidemenu(elmnt) {document.getElementById(elmnt).style.visibility="hidden"} </script> </head> <body> <div class=menupos> <a href="" onMouseOver="showmenu('sm1')" onMouseOut="hidemenu('sm1')">Меню0_1</a> <a href="" onMouseOver="showmenu('sm2')" onMouseOut="hidemenu('sm2')">Меню0_2</a> </div> <div id=sm1 class=submenu style="left:5"> <a href="">Бла1</a><br> <a href="">Бла1</a><…
0 votes1 answer -
Помогите решить проблему отображения img в IE6
Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…
0 votes1 answer -
как оптимизировать большие изображения?
Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?
0 votes5 answers -
Блоки
Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…
0 votes2 answers -
Отдача файлов скриптом
Пытаюсь отдавать файлы скриптом.. $rar = $_POST['rar']; $rar1 = ("$rar.rar"); $file = ("/aaaa/aaaaa.rar"); header("Content-type: application/octet-stream"); header ("Content-Length: ".filesize($file)); header ("Content-Disposition: attachment; filename=".$rar1); readfile($file); exit(0); Редирект и скачивание происходит успешно, но при открытие архива архива выдает: "Архив повреждён или имеет неизвестный формат". Если нажать в архиваторе исправить - то все нормельно.. А еще когда исправляю в архиваторе - пишет "поврежден заголовок архива, считать архив непрерывным"? В чем проблема и где выход?
0 votes5 answers -
Картинка с атрибутом float
Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…
0 votes7 answers -
Секция head попадает в body
Сайт вот такой http://www.nwfbroker.com/community/twitter Наблюдаю в фаер баге вот такую картину http://clip2net.com/s/1dYD5 Смотрю код там всё хорошо Почему секция HEAD попадает в body ?? Чем тестить и как искать глюк в данном случае??
0 votes1 answer -
подскажите
уважаемые форумчане прошу подсказать как сделать интернет магазин если ктото даст исходники буду премного благодарен
0 votes3 answers -
Не растягивается по высоте
Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.
0 votes1 answer -
Спецификации технологий
Приветствую. Вопрос такой. Решил освежить в памяти знания технологий: html, xhtml, css, xml, dom. Решил зайти на http://www.w3.org/ и полистать спецификации. ИМХО, адекватной навигации я там не увидел, поэтому прошу помощи: —-1. Кто может точно указать ссылки на официальные документы последних версий: ——--1.1. html ——--1.2. xhtml ——--1.3. css ——--1.4. xml ——--1.5. dom —-2. Ну и хотелось бы узнать, какие версии нынче актуальны для использования Что нашел: —-1. Последняя версия html4 - html 4.01 - http://www.w3.org/TR/html401/ - ? —-2. Последняя версия xhtml - xhtml 1.1 - http://www.w3.org/TR/xhtml11/ - ? ——--2.1. - но вроде как используют xhtml 1.0 - http://www.w3.org/TR/x…
0 votes2 answers -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
Изменнение цвета текста в Input type=text
Есть следующий тег: <input class="text" type="text" placeholder="введите e-mail"> и свойсто CSS .text{font:italic 10px 'Trebuchet MS',verdana,sans-serif; color:#260b01;} Как сделать так что-бы свойство цвета подхватывалось не только вводимым текстом но и placeholder-ом?
0 votes2 answers -
Не работает vertical align в ИЕ 9
Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td><…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-