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
-
Выравнивание в grid
Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…
0 votes0 answers -
Делаем меняющуюся кнопку
При создании кнопок пользовался перекатыванием, как тут: http://lifeandsex.ru/files/lalala.html Но встречал сайты, где изменение цвета ячейки+изменение цвета текста было сделано полностью на коде (без картинок). Жаль тогда я не сохранил тот код. Ищу примеры как такое можно сделать. В ячейках таблиц и в div-е
0 votes7 answers -
Какая это кодирока?
Так кодируются пароли на Юкозе! $1$AXg4$94E0N5KLBbXRVqNBBdABM1 - это какая кодировка?! Заранее спасибо
0 votes15 answers -
закругление углов с помощью графики в IE 6
Здравствуйте! Хочу закруглить углы с помощью графики, но IE 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…
0 votes4 answers -
Использую фильтр для png и перестают работать кнопки
Использую в CSS фильтр для IE для отображения прозрачного png: #cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;} Также на этот фон помещаю кнопки: <div id="cont"> <div class="fon"> <a href="/">Декоративные краски</a> </div> </div> В мазиле все Ок, а в IE эти кнопки перестают работать. Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none; все работает, но прозрачности нет. Подскажите советом как обойти баг?
0 votes5 answers -
Подвал страницы
Здравствуйте! Вроде не сложный макет, но не могу понять в чем загвоздка. Нужно чтобы подвал страницы всегда был прижат к низу. Следовала найденным рекомендациям... А в итоге, после текста и до подвала образовалась пустота. http://test.bredova.ru/index_inn_2.html Почему??? Смотрела в FF /* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} /* common */ html, body, img, form {margin: 0px; padding: 0px; border: none;} html, body {height:100%;} body {background-color:#fff;} body, td {font: 14px Arial, sans-serif; color: #000;} a {color: #000; text-decoration: underline;} a:hover {text-decoration: none;} table {b…
0 votes5 answers -
ВЛИЯНИЕ PADDING НА ШИРИНУ
ЧИТАЮ СТАТЬЮ http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket! ПОЧЕМУ padding влияет на ширину БЛОКА В %?КТО ПОМОЖЕТ РАЗОБРАТСЯ БУДУ РАД div { /* padding влияет на ширину */ float: left; width: 50%; padding: 10px; } вСЕМ ПАСИБА !
0 votes6 answers -
Блок заполняющий оставшееся пространство
Доброго времени суток, уважаемые форумчане. Положение: Есть div A с определенной шириной, в нём расположены 3 div'а. 1-й div(определенной ширины) float'ом прижат к левому краю. 3-й div(определенной ширины) float'ом прижат к правому краю. а второй div расположен между 1 и 3. Вопрос: Как сделать так чтобы 2-й div заполнял оставшееся свободное пространство по ширине?
0 votes4 answers -
Портфолио.Что и как?
Доброе время суток! Около 3 месяцев занимаюсь изучением HTML,CSS,JS,в скором времени будет PHP,MySQL.В основном пока интересует деятельности верстальщика.Практикуюсь как могу,получается понемногу) Но с недавних пор начал встречать понятие "портфолио".В общих чертах знаю что это такое. Вопрос банальный,точно задавался уже на форуме,но поиск не работает( Как должно выглядеть портфолио верстальщика,ну или "веб-мастера"?То есть свой сайт,блог,просто набор работ и т.д? Смотрел шаблоны сайтов,далеко не все можно вкладывать в портфолио.Какие тогда можно и нужно вкладывать? И есть ли сайт где можно взять шаблоны. Портфолио нужно и для постоянного трудоустройства,и как для фриланс…
0 votes3 answers -
Что с yandex картами? Как установить на сайт?
вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался
0 votes4 answers -
Яндекс БЭМ
Использовать ли всегда яндекс Б.Э.М?
0 votes15 answers -
Кнопка копирования <div>
У меня есть блок, ограниченный тегом <DIV> с определенным классом. Можно ли создать кнопку, которая бы копировала текст внутри этого блока в буфер? Желательно готовый код, или ссылку где его взять. Не сочтите за наглость.
0 votes7 answers -
Вопрос о getElementById('').style.backgroundPosition
Как сдвинуть background у другого слоя? Подскажите по синтаксису: <style type="text/css"> #blok {width: 100px; height: 100px; background: url(background.gif);} #pimpa {width: 100px; height: 100px; background: #222222;} </style> <body> <div id="blok"></div> <div id="pimpa" onmouseover="document.getElementById('blok').style.backgroundPosition = '???';"></div> </body> Мне нужно сдвинуть background на -21 пиксель вверх типа: #blok {background-position: 0 -21px;} Помогите, спасите!
0 votes4 answers -
Навигация по сайту
Здрасте! Помогите пожалуйста чайнику со сложившиейся ситуацией! Вот пытаюсь научится верстать сайты. Но пока только пытаюсь. Все бы хорошо, но вот хорошего учителя под рукой не хватает. Начну с начала: Есть сайт с тремя как бы главными страницами - Главная - Литература - Видео - У каждой страници есть свои подстраници. Например: -Литература -> Художественная литература - Научная литература - Познавательная литература - И у каждой подстраници есть свои категории. Например: - Научная лература -> Философия - Психология - И Т.Д. - Теперь сам вопрос: Как сделать меню навигации такого типа: Под шапкой сайта находится горизонтальное статическое меню категорий - Главная -…
0 votes8 answers -
Фон списка внутри абзаца отличается от фона абзаца
Привет! ul, ol, li { margin: 10px; padding: auto; } #right #content p { text-align: justify; margin-top: 15px; padding: 15px 100px 15px 15px; line-height: 1.5; background: #eee; } #right #content p:hover { background-color: #cce; color: #444; } #right #content p:first-letter { font-size: 160%; font-weight: bold; color: #c11; } Абзацы выходят нужного фона, но фон у списков в абзацах белый. В чем дело?
0 votes9 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
FlexBox и адаптив
У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?
0 votes4 answers -
OWL Carousel 2, как сверстать слайдер?
Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.
0 votes1 answer -
3-ех колоночный макет. Текс уходит вниз.
Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9
0 votes3 answers -
Div & Table
это тема не про споры между видами версткой, а не тему того, что у меня почему-то не получается внести тэг table в div так, чтобы border div'a обрамлял таблицу, как и весь остальной контент... прошу помощи, ибо div'ную верстку начал изучать сравнительно недавно...
0 votes2 answers -
Табличная верстка и формы
Есть вот такой код <table id="text" cellpadding="0" cellspacing="3" border="0" width="100%"> <tr> <td> с последней | <a href="index.php?r=1&cou=15">с первой</a> | <a href="index.php?r=2&cou=15">по рейтингу</a> | Категория <form action="index.php" method="get" name="chcateg"> <input type="hidden" name="qwerty" value="1"> <select name="chcateg" class="form" onchange="submit();" > <option value="all">Все</option> <option value="0">Фото</option><option value="1">Ужас</option><option value="2">Смех</option><option value="3">Прочее</option> </s…
0 votes3 answers -
Див по середине страницы!
Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо
0 votes3 answers -
Стили
такой вопрос о стилях вот как задаеться стиль H1 { color: red; font-size: 18pt} а мне нужно чтоб все стили хранились в отедльном файле чтоб со всех файлов я мог к нему обратиться как это сделать как прописать сылку на стили ????
0 votes6 answers -
0 votes4 answers
-
Движение объекта
Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.
0 votes10 answers