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
-
помогите понять ,как работает слайдер на css3
Здравствуйте. нашел на английском сайте слайдер на css3 без js. Вот здесь : http://csscience.com/responsiveslidercss3/ так вот там написано ,что ловится клик на радио кнопках с id: slide1 , slide2. и в зависимости от выбранной радио кнопки, контейтеру со слайдами (с классом .inner) присваивается соответствующий margin-left. #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:100%; } #slide3:checked ~ #slides .inner { margin-left:200%; } #slide4:checked ~ #slides .inner { margin-left:300%; } #slide5:checked ~ #slides .inner { margin-left:400%; }Впервые встречаю такой прием в css3 ,где можно о таком способе динамического …
0 votes3 answers -
Задать правильную структуру html
Прохожу онлайн курс от htmlacademy в одном из испытаний было задание сделать сетку по приложенному примеру. Для этого я использовал много блоков с классом .wrap структура вышла не очень привлекательной и не логичной. Можете написать лучшую html структуру (с классами) для этой задачи, где фон некоторых разделов на всю ширину экрана, а контент центрируется или подскажите статью в которой это описано.
0 votes6 answers -
Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?
.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…
0 votes5 answers -
vertical alignment in bootstrap column
Здравствуйте! Имеется вёрстка > http://bigma.xyz/dev/pex/ Задача: Разместить контент в колонке по центру независимо от объёма (скриншот: https://screencloud.net/v/mT69) Пожалуйста прошу помочь в решении проблемы или тыкнуть носом в ответ (в гугле не забанили...либо не хватает мозгов, либо руки кривые). Заранее - огромное спасибо!
0 votes4 answers -
проблемка с вложенной таблицей
есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…
0 votes2 answers -
Как убрать панел ie со страницы? (см. на Nic.ru)
Зайдя по этому адресу https://www.nic.ru/cgi/na.cgi и нажав "whois" попал на страницу на которой отсутствует панель ie. Как это сделать?
0 votes4 answers -
Вертикальная резина
Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!
0 votes7 answers -
Подключение шрифтов к сайту. Кириллица.
Покопался в интернете, научился подключать шрифты. Но возникло несколько вопросов. Во-первых, нужно подключать два файла шрифта (один для мазилы, другой для оперы, к примеру) - это обязательно? Потому что встретил сервис от Гугла по подключению внешних шрифтов, там указывается только путь загрузки шрифта с сервера Гугл. На гугле тоже подразумевается два файла? Отсюда вытекает вопрос о времени загрузки. Так как тот шрифт, который я хочу весит 150 килобайт, а два файла соответственно 300 килобайт - много. Можно ли как то ужать вес шрифта? Хотел бы услышать разные советы по шрифтоподключению. Заранее благодарен.
0 votes1 answer -
Верстка - правильное наложение слоев
Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.
0 votes14 answers -
В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px
Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…
0 votes2 answers -
Проблема при установке DLE на Denwer
Проблема следующая - устанавливаю dle на денвер, на самом последнем этапе после ввода имени базы данных, пароля, имя пользователя и т.д. нажимаю продолжить, грузится долго, а потом выдает ошибку - Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\test1.ru\www\engine\classes\mysqli.class.php on line 76 и так уже несколько раз, насколько я понимаю проблема в длительности загрузки, но как ее решить? Помогите, пожалуйста, кто сталкивался...
0 votes7 answers -
Помощь гуру CSS !
не могу понять ничего... Есть страница сайта http://roza.org.ua/sovetyi-i-rekomendatsii/ По непонятной мне причине некоторые миниатюры отображаются сверху анонса, хотя должны быть сбоку. код через firebug проверил 5 раз, он одинаковый... Буду очень рад советам или помощи, тк сам не знаю, что с этим сделать.
0 votes1 answer -
Как сдвинуть голосование в сторону?
Я создала голосование, но не знаю, как его сдвинуть вправо, так чтобы не появился горизонтальный бегунок. И может ещ? поможете как уменьшить голосование в размере?
0 votes3 answers -
Привязка меню к футеру (IE6+)
Нужно привязать меню к низу страницы, независимо от состояния полос прокрутки. Как здесь: http://www.artlebedev.ru/tools/technogrett...ml/fixed_in_ie/ и здесь: http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/, только к НИЗУ. Не подскажите, какие изменения нужно внести в код? Решение должно работать в IE6 и выше.
0 votes2 answers -
"Проваливается" блок
Привет! Сразу к делу Страница (пример) http://rubasket.com/novosti/nba/94--mario-...om-sostave.html . На сайте пытаюсь реализовать скругление углов(путём наращивания блока ещё одним блоком с уголками по бокам.. Снизу под див блоком right есть блок bloko2d ,в нём- фишка скругления -блоки lb_cor2 (слева) ,c_bar2 (по центру) ,rb_cor2 (справа). так вот,весь блок bloko2d (который ниже right и содержит 3 подблока) почему-то проваливается вниз. Можете поcмотреть,почему(это в правой нижней части сайта)?
0 votes3 answers -
Что Надо Изменить Чтобы Исправить?
помогите!! написал страницу в adobe dreamweaver там в просмотре всё было нормально а когда сохранил и посмотрел в хроме и иешке там такой глюк как исправить вот скрин и код страницы <html> <head> <title>Без имени-1</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="961" height="901" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="4" rowspan="2" background="images/index_01.png" width="367" height="151"> </td> <td colspan="8" bac…
0 votes10 answers -
Про сети вообще
Доброго времени суток. // ЛИРИКА // Я неплохо понимаю в программировании, но только на локальной машине. Давно понял, что без сетей жизни нет, однако боялся браться за тему. // Теперь понял, что пора. Итак. Если не жалко, дайте ссылки на ресурсы или - ещё лучше - ответы на следующие вопросы: 1. Что такое сервер (в программном смысле, как Apache)? Что входит в его задачи? Каким образом можно его использовать для передачи: а) Данных в браузер; б) Данных на клиент, так, чтобы данные могли быть принятыми сторонним приложением. 2. Каким образом происходит общение между клиентом и сервером? (тут я говорю не только про браузер)? Как могут общаться друг с другом два п…
0 votes8 answers -
css
скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …
0 votes9 answers -
верстка галереи с пагинацией
скажите пожалуйста каким способом верстаются подобные галереи? вопрос вызывает пагинация. здесь лучше искать/писать плагин, в котором будет реализована пагинация или делать несколько html-страниц, на каждой из которых будет встроен плагин, не имеющий механизма пагинации
0 votes6 answers -
Проблема с версткой
Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…
0 votes8 answers -
Создание интерактивного справочника
Цель: разработать оффлайн справочник, который бы открывался с флешки или CD-диска. Будут добавляться слова например машина, интернет, дом... по тематике. При помоши поиска находятся слова - по клику к слову - отображается видео - значение слова на жестовом языке. Такая вот задача. Как можно реализовать? Может быть есть CMS движок который работает с txt базой даных? или инструменты для создания такового? Где то я уже видел такое - офлайн справочник с видео уроками, т.е. есть заголовки - кликаешь и смотришь видео. я так думаю что эти заголовки содержать будут в себе слово которое потом при открытии будет видео с жестом. сейчас набросаю макет. очень надеюсь что кто то под…
0 votes2 answers -
Всплывающий текст
Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header …
0 votes7 answers -
Как убрать лишний отступ
Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.
0 votes6 answers -
IE 8 не читает шрифты
В общем проблема описана в названии. ИЕ 8 не поддерживает шрифты подключил вверху ксс @font-face { font-family: Oswald-Regular; src: url(../fonts/Oswald-Regular.ttf); } вывожу таким образомh2 {font-family: Oswald-Regular; color: #7e7e7e;font-size:12px;}
0 votes9 answers -
Адаптивность хлебных крошек
Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !
0 votes3 answers