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
-
Помогите прижать "сайтбары" к подвалу....
Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…
0 votes3 answers -
Верстка текста или списков в три колонки
Здрасте. Интересует верстка текста в три колонки на css. И возможно ли на css? И потребуется ли JS? Есть динамическая страница в которую периодически добавляются данные. Данные берутся из бд и вставляются в теги списков ul li. Можно ли сделать верстку как на картинке, чтобы при добавлении новых списков все сдвигалось по стрелкам? Понимаю, что требуется определенная высота блока в котором находятся эти списки, понимаю что для каждого списка нужно назначать float, но ес-но до конца добить не могу Пример можно глянуть здесь: ib-gallery.ru (по нажатию на "производители"). Один большой список возможен, но не желателен. Спасибо
0 votes2 answers -
нижнее закругление навигации немного обрезано
не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/j…
0 votes1 answer -
Нестандартные кнопки социальных сетей
Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).
0 votes1 answer -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Не работают тени и заокругления
Не работают тени и заокругления в ИЕ 8 и ниже и в Опере 9 и ниже. Вот используемый код ксс: .siteborder { box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } Помогите поправить код под старые версии ИЕ и Оперы.
0 votes4 answers -
полоска сверху
люди подскажите как сделать полоску (не изображение) как у вас сверху, там где кнопки Статьи,Блог,Практикум итд.
0 votes3 answers -
резиновые изображения
помогите пожалуйста вставить в блок резиновое изображение 100%-ой длины с бордером в 2px так чтобы оно не выходило за границу блока например на этой странице я попробовал реализовать сказанное для картинок блока .photo_stock . в результате у меня появился бордер для блока .img_outer (хотя для блока никаких правил не прописывал) должно получиться так
0 votes5 answers -
Горизонтальное меню в firefox выглядит криво
Есть вот такое меню ul.down { width: 80%; margin-right: 35%; margin-left: 25%; font-size: 21px; /* размер шрифта */ } ul.down li { background: none!important; display: inline-block; margin-right: 15px; margin-top: 8px; moz-margin-top: 0; list-style-type: none; } ul.down a { background: none; color:#fff; height: 36px; /* высота кнопки*/ overflow: hidden; /* запрещаем обтекание */ font: 13pt/20pt Arial Black; text-decoration:none; /* убираем…
0 votes2 answers -
Подскажите новичку
Ребята, всю голову сломал, как добиться такого эффекта?Может кто урок подскажет или советом поможет? http://tripict.com/0037/compact/l.html Сразу под музыкальном плеером Что это?Выдвигающаяся кнопка или что?
0 votes2 answers -
Использование тега <nav>.
Прибудьте во здравии! "Мастер глупых вопросов" снова в эфире. Подскажите, пожалуйста, правильно ли я понимаю: Тег <nav> просто тыкает носом браузер и гуглоботов в то, что тут, внутри, важная/основная (по мнению… кого, кстати?) для всего сайта менюшка навигации. И ему (тегу) без разницы что там – хоть <menu> с <command>, хоть списки, хоть просто <a>? При этом, сам <nav> можно закинуть еще в другие "секционные элементы" типа <article> или <aside>, а вот внутрь <nav> уже можно помещать только "привычные" элементы (вроде этого же <menu>, а также <div>, <a>, <h…>(?)) без дополнительных семантических излише…
0 votes0 answers -
Как убрать непонятную рамку?
Для тех, у кого Гугл Хром. http://anti.chashniki.net/uncategorized/название-предмета-12/ Покликайте на слайдер (4 изображения внизу) и закройте его. Появится под изображением непонятная рамка: https://www.dropbox.com/s/xfyadkigytit98c/21-02-2013_181908.jpg Подскажите, пожалуйста, как её убрать?
0 votes3 answers -
Вопрос о поиске элемента(кода) CSS и HTML
Доброе время суток!Вопрос такой как найти этот код,нужно поменять но не могу найти http://i57.fastpic.ru/big/2013/1031/88/8ddced59787dc435bf9fb6298cbf1288.jpg вот код html и css http://jsfiddle.net/rfNw6/
0 votes2 answers -
Различное отображение шрифтов
Добрый вечер. Суть проблемы: в разных браузерах текст в одном и том же блоке смотрится по-разному. На примере firefox(верхний) и opera: Firefox и ie отображают Arial Narrow корректно, а вот с chrome и opera проблемы. В чем может быть проблема? в firebuge и оперовском редакторе в выделенном блоке отображается используемый шрифт Arial narrow, но в визуальном плане все иначе. ссылка на сайт
0 votes2 answers -
overflow проблема
http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?
0 votes8 answers -
Помогите, страница уезжает вбок(
Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…
0 votes2 answers -
Не переноситься текст
Добрый день. Есть список, блок <li> имеет фиксированную ширину. Проблема в том, что если текст по ширине больше, он не переноситься на следующую строчку. сейчас css .list-of-items li{ border-bottom: 1px solid #8c8c8c !important; margin-left: 5px !important; min-height: 35px !important; width: 210px !important;}.list-of-items li a { -moz-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-wrap: break-word !important;}Но надпись на новую строку не переноситься.
0 votes4 answers -
Проблемы позиционирования
Из-за логотипа, box которого занимает всю строку, не получается в шапке разместить номер телефона и изображение с ссылкой на поиск. Подскажите пожалуйста - как исправить? Огромное спасибо!
0 votes3 answers -
Инлайн блок галерея, по левой стороне
Подскажите пожалуйста. Если галерея выполнена с помощью инлайн блоков с выравниванием по центру, как сделать так, что бы не до конца заполненные строки выравнивались по левой стороне. https://jsfiddle.net/uok82thz/
0 votes3 answers -
Плагин по навигации
Люди, помогите найти плагин навигации на сайте, может кто-то сталкивался в работе с таким. У меня есть скрытая навигация (скрин http://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!
0 votes0 answers -
Эффект видимости только на определенном элементе
Как сделать так, чтобы один блок (абсолютно спозиционированный) был виден только в границах другого блока?
0 votes1 answer -
помогите сверстать таблицу
Есть таблица вида: <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="3">4|5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="2">4|5</td> <td>6</td> </tr>…
0 votes1 answer -
Боковые картинки под углом
Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.
0 votes3 answers -
баг с col в Opera
Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.
0 votes5 answers -
Фиксированный блок
Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…
0 votes3 answers