param
-
Posts
119 -
Joined
-
Last visited
param's Achievements
Explorer (1/14)
1
Reputation
-
Проблема оказалась в доктайпе, спасибо за ответы!
-
Опера последняя 12+
-
Здравствуйте. Есть обычная форма, всем полям заданы одинаковый стиль, но поле у которого type=email длинее чем другие, все остальные браузеры работают нормально. Глюк только в Опере, кто-то сталкивался?
-
Здравствуйте. Подскажите пожалуйста, может кто-то работал с плагином Datepicker. В нём предусмотрено несколько цветовых схем, все они указаны в одном css файле, подскажите как подключить другую цветовую схему (спрайт)?
-
Хм... У меня плоса прокрутки полностью перекрывает верхнею стрелочку. На офсайте, тоже на эту тему не нашёл, все примеры без стрелочек...
-
Здравствуйте. Собственной вёрстка http://param.16mb.com/, внизу есть блок комментариев к нему прикручен скролл-бар, всё хорошо, только в нём изначально не были реализованы стрелочки вверху и внизу (плагин Tiny Scrollbar, взял отсюда - http://www.xiper.net/collect/js-plugins/ui/tinyscrollbar.html), пришлось их как-то самому прикрутить, получилось естественно криво. То есть нижняя стрелочка видна нормально, а вот верхнею перекрывает полоса прокрутки, нужно как-то видимо допилить плагин, что-бы полоса начинала отсчитываться не с самого верха, а чуть пониже, чтобы не перекрывалась верхняя стрелочка...
-
Здравствуйте. Подскажите пожалуйста как сверстать скроллбар справа? С помощью CSS, я нашёл правила только для ИЕ. Или тут нужно использовать яваскрипт?
-
Резиновый макет как застваить сжиматься-разжиматься
param replied to param's question in HTML Coding
Блоки должны растягиваться по ширине в зависимости от разрешения. Наверху такой блок называется #upbuttons. Внизу такой блок называется #rightfooter. -
Резиновый макет как застваить сжиматься-разжиматься
param replied to param's question in HTML Coding
Это вообще ничего не меняет т.к. полоса прокрутки гораздо шире. Неужели некто не подскажет, как заставить определённые блоки самим сжиматься или наоборот, в зависимости от разрешения?? -
Резиновый макет как застваить сжиматься-разжиматься
param replied to param's question in HTML Coding
Так у меня и так вроде все блоки в процентах, кроме левой колонки, но она там не причём. И ещё одна странность, когда смотрю на сайтв разрешении 1024х758 на сайте, есть горизонтальная полоса прокрутки. когда просматриваю на компьютере, при то же разрешении и в том же браузере, горизонтальная прокрутка появляется... -
Резиновый макет как застваить сжиматься-разжиматься
param replied to param's question in HTML Coding
Вот собственно: http://param.16mb.com/ Проблема в том. что я не знаю как заставить блоки с пунктирным бордером вверху и внизу, "сжиматься и разжиматься" в зависимости от разрешения и заполнять пустое пространство. -
Резиновый макет как застваить сжиматься-разжиматься
param replied to param's question in HTML Coding
Так что некто не помнит, как с тем макетом поступать? -
Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете, ведь потом надо будет заставить содержание контента как то коррелировать с элементами шапки... <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title></title> <link rel="stylesheet" href="style.css" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"></div> <div id="logotext"> <span id="phonecode">(499)</span> <span id="logophone">234-56-78</span> </div> <div id="woman"></div> <div id="onlinebancking"> <span>online банкинг</span> <a href="#">Твой банк всегда на связи</a> </div> <div id="upbuttons"> <div id="buttons"><img src="images/buttons.jpg" width="48" height="28"></div> </div> <div id="languages"> <div id="upline"> <span><a href="#">rus</a> <a href="#">eng</a> <a href="#">deu</a></span> </div> </div> </header> <section id="middle"> <div id="container"> <div id="content"> <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. </div> </div> <aside id="sideLeft"> </aside> </section> </div><!-- #wrapper --> <footer id="footer"> </footer> </body> </html> * { margin: 0; padding: 0; } html { height: 100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } p { margin: 0 0 18px } img { border: none; } #wrapper { min-width: 1000px; max-width: 1960px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header —————————————————————————--*/ #header { width:100%; height: 230px; background: #fff; } #logo { background: url(images/logo.jpg) no-repeat; width: 50px; height:67px; margin-left:3%; position:relative; float:left; } #logotext { background: url(images/logotext.jpg) no-repeat; width: 197px; height:100px; float:left; margin-top:40px; padding-top:80px; margin-left:30px; } #logophone { color:#ee4428; font: 1.6em Tahoma, Verdana, sans-serif; } #phonecode { color:#ee4428; font: 1.2em Tahoma, Verdana, sans-serif; vertical-align:top; } #woman { width:257px; height:104px; background:url(images/woman.jpg) no-repeat; margin-left:10%; float:left; } #onlinebancking { width:12%; height:87px; float:left; border-bottom:2px solid #d8af32; } #onlinebancking span{ display:block; font: 1.1em Tahoma, Verdana, sans-serif; color:#ee4428; padding-top:20px; } #onlinebancking a{ font: 1.3em Tahoma, Verdana, sans-serif; color:#d8af32; text-decoration: none; border-bottom: 1px dashed #d8af32; } #upbuttons { width:15%; float:left; height:87px; border-bottom:2px dotted #d8af32; } #buttons { margin:0 auto; width:48px; } #languages { float:left; height:87px; border-bottom:2px solid #aeaeae; } #upline { width:145px; height:25px; background:url(images/topline.jpg) no-repeat; padding-left:25px; } #upline span a{ font: 1.2em Tahoma, Verdana, sans-serif; color:#aeaeae; display:block; float:left; width:25px; height:20px; padding-left:10px; padding-right:10px; } #upline span a:hover { background:#ee4428; color:#fff; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 250px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 0 0 270px; } /* Sidebar Left —————————————————————————--*/ #sideLeft { float: left; width: 250px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer —————————————————————————--*/ #footer { margin: -250px auto 0; min-width: 1000px; max-width: 1960px; height: 250px; background: #BFF08E; position: relative; }
-
Если всё таки с шапкой, не получается сделать её нормальной резиновой, как заставить "сжиматься-разжиматься" какой-то слой в зависимости от разрешения? П.С. один из первых моих опытов резиновой вёрстки.
-
Здравствуйте. Подскажите пожалуйста в этом макете должен быть header или только две колонки с футером?