darewangog
-
Posts
20 -
Joined
-
Last visited
darewangog's Achievements
Explorer (1/14)
0
Reputation
-
Идея такая. Три div или td или li. Стоят в 1 строку, будут создавать верхнюю часть для сайта. Необходимо сделать следующие. Первая часть(самая левая) будет задана ширина, если быть точнее то 49px. Вторая (центральная часть) должна становиться шири или уже зависимо от текста. Третья должна регулироваться зависимо от второй. При этом у каждой будет свой backgound. Вот эти три картинки.
-
А на div-ах такое ведь реально реализовать но так чтоб нижная картинка всегда прижималась к низу сайта независи от того сколько видно !
-
Минус этой методики в том что если страница пустая то все сежает вверх !
-
СПС ! Выручил ! Низкий поклон ВАМ !
-
css html {background: url('img/HeaderBg2.jpg') bottom center no-repeat;height: 100%;} body {background: url('img/HeaderBg1.jpg') top center no-repeat;min-height: 100%;} html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body>2132131 </body> </html>
-
Непомогло !
-
Если делать как Вы говорите то тогда нижная картинка ставиться в низ браузера окна видимой части . а не все странице ! Вот что выходит
-
Пробую реализовать но не получается ! Идея заключается в том чтоб на сайте сверху шла одна картинка в низу совсем другая ! Вот мой код ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <div class='wrap'> <div class='sheader'> <div class='sfooter'> </div> </div> </div> </body> </html> /* CSS Document */ body, html { margin:0; padding:0; background: url('img/HeaderBg.jpg') no-repeat #000000; color:#000; } .sheader {background: url('img/HeaderBg1.jpg') top center no-repeat; position: relative;} .sfooter {background: url('img/HeaderBg.jpg') bottom center no-repeat; position: relative;} .wrap {height:auto !important;height:100%;min-height:100%;} Но сделать так чтоб фоновые картинки были независимы от самого сайта ! Верхная в любом варианте прижималась к верху и нижная к низу !
-
Есть ЕВРИКА ! Спасиба psywalker ! Тему в топку !
-
Честно руки уже опускаються ! Так меня это замучила тыкни пальцом на решение очен прошу !
-
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;background: #FFFFFF;} #left {float:left;width:200px;background: #FFFFFF;} #right {margin-left:200px;width:760px;} --> </style> </head> <body> <div id="page"> <div id='container'> <div id='left'>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br></div> <div id='right'>1<br>1<br>1<br>1<br>1<br></div> </div> </div> </body> </html> Выше код проблема в том что в FF,Opera под левый блок left ставиться фон на все высоту нужно чтоб и под right тоже ставилась фон под всю высоту зависимо от левого края ! Короче нада так чтоб высота у них получалась одинакавая !
-
Тему в топку !!! Спасиба как всегда Ваш форум мне ставить мозг на место !
-
Проблемка ! Есть диз все браузера показывает его как нада , но как всегда в IE всё портит ! Вот кодик HTMl <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <title></title> </head> <body> <!-- wrapper --> <div class="wrapper"> <!-- <header> --> <div id="header"> <!-- header_logo --> <div id="header_logo"> <a id="logo" href="*">AllAbouSex.Ru<span class="description">Секс это еще не всё ...</span></a> </div> <!-- /header_logo --> <!-- menu --> <div id="menu"> <!-- header_search --> <div id="header_search"> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="/search/" > <fieldset> <input onblur="if (value == '') {value = 'Поиск'}" onfocus="if (value == 'Поиск') {value =''}" value="Поиск" name="q" id="main_search_val" class="queryField" type="text"> <input src="/template/images/button_search.gif" alt="search" id="main_search_sub" type="image"> </fieldset> </form> </div> <!-- /header_search --> <!-- mainmenu --> <div id="mainmenu"> <ul> <li class="first current_page_item"><a title="" linkindex="1" href="$HOME_PAGE_LINK$">Home</a></li> <li class=""><a linkindex="2" href="/publ/" title="">Каталог статей</a></li> <li class=""><a linkindex="3" href="/forum" title="">Форум</a></li> <li class=""><a linkindex="4" href="" title="">Links</a> </ul> </div> <!-- /mainmenu --> </div> <!-- /menu --> </div> <!-- </header> --> <div id="body"> <!-- body_top --> <div id="body_top"> $GLOBAL_BLOCK$ <div id="body_end"> <div id="content" class="narrowcolumn"> [BODY]</div> <!-- sidebar --> <div id="sidebar"> <!-- sidebar_widgets --> <div class="sidebar_widgets"> <ul> <!-- <container> --> <!-- <block> --> <li class="widget_comments"> <h2 class="widgettitle">TITLE</h2> <ul>CONTENT</ul> </li> <!-- </block> --> <!-- </container> --> </ul> </div> <!-- /sidebar_widgets --> <!-- sidebar_ads --> <div class="sidebar_ads"> <div class="sidebar_ads_google"> </div> </div> <!-- /sidebar_ads --> </div> <!-- /sidebar --> </div> <!-- /body_end --> </div> <!-- /body_top --> </div> </div> <!-- footer_block --> <div id="footer_block"> $GLOBAL_FBLOCK$ </div> <!-- /footer_block --> </div> <!-- /wrapper --> <!-- <footer> --> <div id="footer_wrapper"> <div id="footer"> <ul> <li class="first"><a href="$HOME_PAGE_LINK$">Главная страница</a></li> <li><a href="/publ/">Каталог статей</a></li> <li><a href="/forum/">Форум</a></a></li> </ul> <p class="copyrights"> AllAbouSex.Ru © 2007-$YEAR$. Администрация проекта использовала обратные ссылки при использовании материалов из других источников. Материалы, которые не имеют обратной ссылки, либо являются нашими, или их источник не был известен\утерян, если вы владеете информацией авторства, каких либо материалов, просим связаться с нами. $POWERED_BY$ Использование материалов сайта на сторонних ресурсах без прямой обратной ссылки запрещено. <br />Дизайн создан : <a target="_blank" href="http://www.templateworld.com">TemplateWorld</a> , Адаптировал и приукрасил <a target="_blank" href="http://wangog.ru">WanGog(DareWangog)</a>. </p> </div> </div> <!-- </footer> --> </body> </html> <!-- <popup> --><!-- </popup> --> Вот CSS ! html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb r,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike ,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } ol,ul{ list-style:none; } blockquote,q{ quotes:none; } blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; } :focus{ outline:0; } ins{ text-decoration:none; } del{ text-decoration:line-through; } table{ border-collapse:collapse; border-spacing:0; } /*header_search*/ #header_search{ width:100%; overflow:hidden; padding:18px 0 0 0; height:65px; } #header_search fieldset{ float:right; background:url(images/bgr_header_search.png) no-repeat; padding:5px 33px 20px 55px; } #main_search_val{ float:left; border:0; background:#89a800; border:0; color:#526400; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; padding:2px; margin:6px 18px 0 0; width:220px; } #main_search_sub{ float:left; margin:10px 0 0 0; } /* General Styles */ .skiplink{ display:none; } label{ cursor:pointer; } a{ color:#8a8a8a; text-decoration:none; } a:focus,a:hover{ text-decoration:underline; } html{ background:#4e4e4e url(/template/images/bgr_html.png) repeat; } body{ background:url(/template/images/bgr_main.png) repeat-x; color:#8a8a8a; font:62.5%/1 "Trebuchet MS", Arial, Helvetica, sans-serif; } .wrapper{ margin:0 auto; width:925px;} /* menu */ #menu{ width:540px; float:right; } /* mainmenu */ #mainmenu{ width:100%; } #mainmenu ul{ float:right; padding:0 33px 0 0; } /*Top level list items*/ #mainmenu ul li{ position: relative; display: inline; float: left; color:#ceea00; padding:0 0 0 42px; font-size:1.5em; line-height:1.1em; background:url(/template/images/bgr_menu_li.gif) no-repeat center left; } #mainmenu ul li.first{ padding:0; background:none; } /*Top level menu link items style*/ #mainmenu ul li a{ display:block; color:#ceea00; } * html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; float:left; } * html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ float:none; } #mainmenu ul li a:link, #mainmenucat ul li a:visited{ text-decoration:none; } #mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{ text-decoration:none; color:#fff; } /*1st sub level menu*/ #mainmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; margin:0 0 0 42px; padding:0; background:#89a800; } /*Sub level menu list items (undo style from Top level List Items)*/ #mainmenu ul li ul li{ display: list-item; float: none; font-size:1.0em; background:none; padding:0; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ #mainmenu ul li ul li ul{ top: 0; margin:0; } /* Sub level menu links style */ #mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{ width: 160px; height:auto; padding: 7px 10px 7px 10px; margin: 0; border-bottom: 1px solid #91af0d; background:#89a800; text-align:left; text-decoration:none; font-weight:normal; font-size:0.9em; color:#fff; } #mainmenu ul li ul li a:hover{ /*sub menus hover style*/ text-decoration:none; background:#92b301; color:#fff; } /*header_search*/ #header_search{ width:100%; overflow:hidden; padding:18px 0 0 0; height:65px; } #header_search fieldset{ float:right; background:url(/template/images/bgr_header_search.png) no-repeat; padding:5px 33px 20px 55px; } #main_search_val{ float:left; border:0; background:#89a800; border:0; color:#526400; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; padding:2px; margin:6px 18px 0 0; width:220px; } #main_search_sub{ float:left; margin:10px 0 0 0; } /* header */ #header{ width:100%; height:172px; background:url(/template/images/bgr_header.png) no-repeat; } /*header_logo*/ #header_logo{ width:365px; float:left; padding:34px 0 0 20px; } #logo{ color:#fff; font-size:4.1em; letter-spacing:-4px; float:left; } #logo:hover{ text-decoration:none; } #header_logo .description{ color:#4b5b08; font-size:13px; display:block; letter-spacing:0; line-height:1.3em; } /*header_rss*/ #header_rss{ padding:33px 0 0 23px; } #header_rss a{ background:url(/template/images/button_rss.gif) no-repeat left center; font-size:1.5em; color:#6b6b6b; font-family:Arial, Helvetica, sans-serif; padding:16px 0 16px 61px; } /*body*/ #body{ width:100%; background:url(/template/images/bgr_body.png) repeat-y; } #body_top{ width:906px; background:url(/template/images/bgr_body_top.png) repeat-x; margin:0 0 0 9px; } #body_end{ width:100%; background:url(/template/images/bgr_body_end.gif) repeat-y right; overflow:hidden; } #content{ float:left; width:509px; padding:0 0 0 25px; } #sidebar{ float:right; width:298px; padding:0 25px 0 0; } /*block_quote*/ #block_quote{ width:818px; margin:0 0 26px 26px; background:#1f1f1f url(/template/images/bgr_block_quote.png) repeat-x; padding:20px; } #block_quote h1{ color:#b0b0b0; font-size:1.5em; line-height:1.5em; margin:0 0 5px 0; } #block_quote p{ color:#b0b0b0; font-size:1.3em; line-height:1.5em; font-style:italic; } /*post*/ .post{ width:100%; margin:0 0 35px 0; } .post .title{ color:#718d00; font-size:2.2em; line-height:1.3em; font-weight:normal; margin:0 0 10px 0; padding:0 0 6px 0; border-bottom:1px dashed #dbdbdb; } .post .title a{ color:#718d00; } .post .entry{ font-size:1.3em; line-height:1.5em; padding:0 0 5px 0; } .post .entry a{ text-decoration:underline; } .post .entry a:hover{ text-decoration:none; } .post .entry p{ margin:0 0 15px 0; } .post .entry p img{ border:3px solid #dbdbdb; padding:0; } .post .entry ul { margin:0 0 15px 15px; } .post .entry ul li{ margin: 0; padding:6px 0 6px 35px; border-bottom:1px dashed #efefef; background:url(/template/images/ico_list.png) no-repeat left 3px; } .post .entry ol { padding: 0 0 0 35px; margin:0 0 15px 0; list-style:decimal; } .post .entry ol li { margin: 0; padding:6px 0 6px 0; border-bottom:1px dashed #efefef; } .postmetadata{ width:100%; overflow:hidden; background:#f5f5f5; font-size:1.2em; line-height:1.5em; color:#cb1615; padding:5px 0 5px 0; } .postmetadata a{ color:#cb1615; } .postmetadata .alignleft{ padding:0 0 0 5px; } .postmetadata .alignright{ padding:0 5px 0 0; font-weight:bold; } .postmetadata .post_author{ background:url(/template/images/ico_author.gif) no-repeat left center; padding:3px 0 3px 20px; margin:0 20px 0 0; float:left; } .postmetadata .post_comment{ background:url(/template/images/ico_comm.gif) no-repeat left center; padding:3px 0 3px 20px; color:#6d6d6d; float:left; } .postmetadata .post_comment a{ color:#6d6d6d; } .postmetadata .post_comment a span, .postmetadata .post_comment span{ color:#cb1615; } /*sidebar*/ .sidebar_widgets{ width:100%; overflow:hidden; font-size:1.2em; line-height:1.4em; color:#9e9e9e; } .sidebar_widgets a{ color:#6d6d6d; } .sidebar_widgets .widgettitle{ font-size:2.2em; color:#718d00; font-weight:normal; background:url(/template/images/ico_sidebar_cat.png) no-repeat; margin:0 0 5px 0; padding:16px 0 16px 60px; } .sidebar_widgets .widget_categories .widgettitle{ background:url(/template/images/ico_sidebar_cat2.png) no-repeat; } .sidebar_widgets .widget_categories a, .sidebar_widgets .widget_archive a, .sidebar_widgets .widget_links a, .sidebar_widgets .widget_meta a, .sidebar_widgets .widget_pages a, .sidebar_widgets .widget_meta a, .sidebar_widgets .widget_recent_entries a{ background:url(/template/images/ico_arrow.gif) no-repeat left 3px; padding:0 0 0 11px; display:block; } .sidebar_widgets .widget_categories a{ display:inline; background:url(/template/images/ico_arrow.gif) no-repeat left 2px; } .sidebar_widgets ul{ } .sidebar_widgets ul li{ padding:16px; background:url(/template/images/bgr_sidebar_widgets.gif) repeat-x; } .sidebar_widgets ul ul{ } .sidebar_widgets ul li ul li{ background:none; border-bottom:1px dashed #ededed; padding:5px 0 5px 0; margin:0; } .sidebar_widgets ul ul ul{ margin:0 0 0 11px; } .sidebar_widgets ul li ul li ul li{ border:0; } .widget_tag_cloud a, .widget_text .textwidget{ padding:5px 0 5px 0; line-height:1.3em; } /*sidebar_tabs*/ #sidebar_tabs{ margin:0 0 20px 0; } #sidebar_tabs_links{ width:100%; height:28px; overflow:hidden; background:url(/template/images/bgr_sidebar_tabs_links.gif) repeat-x bottom; } #sidebar_tabs_links li{ float:left; padding:0 4px 0 0; font-size:1.0em; text-transform:uppercase; } #sidebar_tabs_links li.last{ } #sidebar_tabs_links li a{ color:#000; text-align:center; float:left; display:block; padding:6px; background:#c2c2c2; border:1px solid #cfcfcf; } #sidebar_tabs_links li a.selected{ background:#fbfbfb; border:1px solid #dddddd; border-bottom:0; color:#000; text-decoration:none; padding:6px 6px 11px 6px; } .sidebar_tabs_item{ padding:10px 10px 10px 10px; background:#fbfbfb url(/template/images/bgr_sidebar_tabs_item.gif) repeat-x bottom; border:1px solid #dddddd; border-top:0; } .sidebar_tabs_item li{ color:#8a8a8a; font-size:1.2em; line-height:1.4em; padding:4px 0 4px 0; } .sidebar_tabs_item li a{ color:#000000; } /*sidebar_ads*/ .sidebar_ads{ margin:0 0 20px 0; } .sidebar_ads_google{ text-align:center; } /*footer_block*/ #footer_block{ width:905px; padding:40px 10px 20px 10px; margin:0 auto; overflow:hidden; background:url(/template/images/bgr_footer_block.png) no-repeat; } #footer_sidebar{ float:left; } /*footer_sidebar_widgets*/ .footer_sidebar_widgets{ width:200px; overflow:hidden; font-size:1.2em; line-height:1.4em; color:#a4a4a4; float:left; padding:0 0 0 22px; } .footer_sidebar_widgets a{ color:#a4a4a4; } .footer_sidebar_widgets .widgettitle{ font-size:1.8em; color:#fff; font-weight:normal; border-bottom:1px dashed #7f7f7f; padding:0 0 10px 0; margin:0 0 5px 0; } .footer_sidebar_widgets .widget_categories a, .footer_sidebar_widgets .widget_archive a, .footer_sidebar_widgets .widget_links a, .footer_sidebar_widgets .widget_meta a, .footer_sidebar_widgets .widget_pages a, .footer_sidebar_widgets .widget_meta a, .footer_sidebar_widgets .widget_recent_entries a{ background:url(/template/images/ico_footer_arrow.gif) no-repeat left 4px; padding:0 0 0 13px; display:block; } .footer_sidebar_widgets .widget_categories a{ display:inline; } .footer_sidebar_widgets ul{ } .footer_sidebar_widgets ul li{ margin:10px 0 10px 0; } .footer_sidebar_widgets ul ul{ } .footer_sidebar_widgets ul li ul li{ background:none; padding:5px 0 5px 5px; border-bottom:1px dashed #7f7f7f; margin:0; } .footer_sidebar_widgets ul ul ul{ margin:0 0 0 5px; } .footer_sidebar_widgets ul li ul li ul li{ border:0; } .widget_tag_cloud a, .widget_text .textwidget{ padding:5px 0 5px 0; line-height:1.3em; } /*footer_about*/ #footer_about{ float:right; width:425px; padding:10px 0 0 0; } #footer_about h2{ color:#fff; font-size:2.2em; font-weight:normal; border-bottom:1px dashed #7f7f7f; padding:0 0 5px 0; margin:0 0 15px 0; } #footer_about p{ color:#a4a4a4; font-size:1.2em; line-height:1.4em; padding:0 0 15px 0; } #footer_about p strong{ color:#fff; } #footer_about p.more a{ color:#fff; font-weight:bold; } #footer_about img{ float:left; border:8px solid #d9d9d9; margin:0 12px 0 0; } /*footer*/ #footer_wrapper{ width:100%; height:150px; overflow:hidden; text-align:center; font-family:Verdana, Geneva, sans-serif; background:url(/template/images/bgr_footer.gif) repeat-x;} #footer{ width:925px; margin:0 auto; overflow:hidden; } #footer ul{ padding:15px 0 0 0; } #footer li{ display:inline; font-size:1.1em; line-height:1.3em; color:#6b6b6b; padding:0 0 0 15px; } #footer li.first{ background:none; padding:0; } #footer li a{ color:#6b6b6b; } #footer .copyrights{ color:#6b6b6b; padding:10px 0 0 0; line-height:1.4em;} #footer .copyrights a{ color:#6b6b6b; } /* Module Part Menu */ .catsTd {padding: 0 0 0 11px; background:url(/template/images/ico_arrow.gif) no-repeat left 3px;} .catName {font-family:Tahoma,Arial,Sans-Serif;font-size:110%;} .catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:110%;} .catNumData {font-size:80%;} .catDescr {font-size:80%; padding-left:10px;} a.catName:link,a.catName:visited {text-decoration:none; } a.catName:hover,a.catName:active,a.catNameActive:link,a.catNameActive:visited,a.catNameActive:hover,a.catNameActive:active {text-decoration:underline;} } /* —————-- */ Кто может чем помочь !
-
Парни у меня не ПХП ! К сожелению ! Если нетрудно можеш пример показать ! Что то недогоняю о чем ты !
-
Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь