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
-
line-height одинаков в css, а визуально нет
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…
0 votes2 answers -
Проблема с float
привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…
0 votes4 answers -
Белые квадраты вместо флеш-плеера.
Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <div align=center> <script type="text/javascript" src="swfobject.js"></script> <div id="player_4">Ошибка: плеер не загрузился. Возможно, у Вас не включен flash в браузере. </div> <script type="text/javascript"> var so = new SWFObject('player1.swf','mpl','800','200','9'); so.addParam('allowfullscreen','false'); so.addParam('flashvars','file=plist/plist_1.xml&playlist=bottom&autostart=false&repeat=list&backcolor=#ccccdd'); so.write('player_4'); </script> </div> …
0 votes1 answer -
Строчной внутри блочного
Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …
0 votes3 answers -
Модальное окно
Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать
0 votes2 answers -
наложение изображений
задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…
0 votes1 answer -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
"Сохранить пароль" при авторизации
Почему-то на моём сайте при авторизации не появлется предложение "Сохранить пароль". Хотя в этом же браузере на других сайтах такое сообщение появляется (Речь идёт о Гугл Хроме). В списке сайтов, для которых пароли не сохраняются, мой сайт не входит. Как думаете, в чём может быть дело?
0 votes1 answer -
несколько версий сайта
хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)
0 votes6 answers -
Как расположить 3 div блок по центру
Делаю трёхколончатый сайт с фиксированной шириной нужно чтобы три блока находились по центру.
0 votes3 answers -
3 колонки резиновые по высоте
Привет ребята Подскажите пожалуйста, как сделать 3 колонки, которые одинаково растягиваются по высоте, ширина макета 1000px. Никак не могу найти, на ум приходит только таблицей, а можно ли дивами?
0 votes1 answer -
Проблема с меню
В шаблоне меню было в одну строчку. Ввиду того, что все необходимые пункты меню не помещались, они автоматически перенеслись на следующую строку. Не пойму, почему нижние пункты меню не отображаются как верхние, их свойства в css не работают. В чем проблема? Сслыка на проблему: http://npa-proekt.by/ Я,конечно, добавил бэкграунд всем <li> в этом меню, но это не вариант. Прошу помощи знающих людей
0 votes5 answers -
Расположение фото с текстом в ряд
Всем привет. Подскажите, пожалуйста, как расположить фотографии с текстом в ряд? Как на этом скриншоте: https://dl.dropboxus.../33084185/1.png У меня получается вот так: https://dl.dropboxus.../33084185/3.png Я знаю, что нужно что-то прописать в css, но вот что прописать, что бы поменялось расположение и отступы не знаю. <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width="179" height="109"/> Bolshoy sport 25.06.2013</a> | 19:46 <s1>:</s1> <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width…
0 votes2 answers -
Ширина блока по содержимому
Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…
0 votes3 answers -
Своя страница ошибки 404 для Ucoz
Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.
0 votes2 answers -
Плавающие блоки
Нужно сделать так что бы блок main был резиновым но при этом обтекал справа. код ниже http://jsfiddle.net/PMJqZ/ очередность блоков не должна меняться.
0 votes5 answers -
Изменение изображения при наведении на другое изображение
Вопрос в следующем: Во многих местах описано как сделать скриптами или средствами CSS изменение изображения при наведении на него курсора. Я столкнулся с необходимостью изменения одного изображения при наведении курсора на другие изображения. Может кто сталкивался, а то сам не соображу. заранее спасибо за ответы
0 votes6 answers -
Ячейки в таблице
Добрый день. Почему ячейки в таблице не совпадают? <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> TABLE,TD{ border:1px solid black; border-collapse: collapse; }</style></head><body><table> <tr> <td>100000</td> <td colspan="3">2000000</td> </tr> <tr> <td colspan="2">3000000</td> <td>4000000</td> <td>5000000</td> </tr></table></body></html>
0 votes2 answers -
Назначение отступов у ссылок
Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…
0 votes5 answers -
Как вставить Flash игру на сайт?
<object z-index="7"> <embed width="760px" height="560px" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="Buhf" quality="high" src="ts.swf"> </object> Файл игры скачан и называется "ts". Находится в папке с сайтом. Но вместо игры или просьбы включить flash плеер просто белый квадрат. Flash плеер обновлен. Заранее благодарю!
0 votes0 answers -
Error: Bad value 100% for attribute width
В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/
0 votes1 answer -
Прозрачность в IE
<!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"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.
0 votes1 answer -
ИЕ не понимает сокращенную запись CSS
Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS
0 votes2 answers -
Проблема с позиционированием
Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…
0 votes3 answers -
Оптекание DIV
Конструкция страницы: <div id="main"> <div class="left-block"> Текст </div> <div class="right-block"> Текст </div> </div> <div id="base-right-block"> Текст </div> Теперь стили: #main { float: laft; } .left-block { float: left; } .right-block { float: left; } #base-right-block { float: left; } С вышеописанного можно сделать вывод, что base-right-block будет обтекать main слева, но он размещается снизу под main. Я поступил по-другому: <div id="base-right-block"> ... </div> <div id="main"> ... </div> поменял местами. Стиль: #main { } /*оставил без обтекания*/ ... #base-right-block { flo…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-