mapi Geplaatst: 7 november 2005 Auteur Geplaatst: 7 november 2005 /***********************************************/ /* emx_nav_left.css */ /* Use with template Halo_leftNav.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; background: #cccccc url(bg_grad.jpg) fixed; } /******* hyperlink and anchor tag styles *******/ a:link, a:visited{ color: #005FA9; text-decoration: none; } a:hover{ text-decoration: underline; } /************** header tag styles **************/ h1{ font: bold 120% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px; } h2{ font: bold 114% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px; } h3{ font: bold 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px; } h4{ font: 100% Arial,sans-serif; color: #333333; margin: 0px; padding: 0px; } h5{ font: 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px; } /*************** list tag styles ***************/ ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } /********* form and related tag styles *********/ form { margin: 0; padding: 0; } label{ font: bold 1em Arial,sans-serif; color: #334d55; } input{ font-family: Arial,sans-serif; } /***********************************************/ /* Layout Divs */ /***********************************************/ #pagecell1{ position:absolute; top: 87px; left: 26px; right: 2%; width:95.6%; background-color: #ffffff; visibility: visible; height: 1113px; } #tl { position:absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 100; visibility: visible; } #tr { position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100; visibility: visible; } #masthead{ position: absolute; top: 3px; left: 2%; right: 2%; width:95.6%; visibility: visible; } #pageNav{ float: left; width:178px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; } #content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #ccd2d2; } /***********************************************/ /* Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 16px 0px 8px 0px; color: #ffffff; font-weight: normal; } /************** utility styles *****************/ #utility{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999; } #utility a{ color: #ffffff; } #utility a:hover{ text-decoration: underline; } /************** pageName styles ****************/ #pageName{ padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #ccd2d2; } #pageName h2{ font: bold 175% Arial,sans-serif; color: #0033CC; margin:0px; padding: 0px; } #pageName img{ position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px; } /************* globalNav styles ****************/ #globalNav{ position: relative; width: 95,6; min-width: 400px; height: 32px; color: #003399; padding: 0px; margin: 0px; background-image: url(glbnav_background.gif); } #globalNav img{ margin-bottom: -4px; } #gnl { position: absolute; top: -1px; left:1px; visibility: visible; } #gnr { position: absolute; top: 0px; right:0px; visibility: visible; } #globalLink{ position: absolute; top: 6px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 10px; z-index: 100; } a.glink, a.glink:visited{ font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; } a.glink:hover{ background-image: url(glblnav_selected.gif); text-decoration: none; } .skipLinks {display: none;} /************ subglobalNav styles **************/ .subglobalNav{ position: absolute; top: 84px; left: 0px; /*width: 100%;*/ min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #ffffff; } .subglobalNav a:link, .subglobalNav a:visited { font-size: 80%; color: #ffffff; } .subglobalNav a:hover{ color: #cccccc; } /*************** search styles *****************/ #search{ position: absolute; top: 5px; right: 10px; z-index: 101; } #search input{ font-size: 70%; margin: 0px 0px 0px 10px; } #search a:link, #search a:visited { font-size: 80%; font-weight: bold; } #search a:hover{ margin: 0px; } /************* breadCrumb styles ***************/ #breadCrumb{ padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA; } #breadCrumb a{ color: #AAAAAA; } #breadCrumb a:hover{ color: #005FA9; text-decoration: underline; } /************** feature styles *****************/ .feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 0px; border: red; visibility: visible; border-color: #FF0000; } html>body .feature { height: 10.188in; width: 805px; position: fixed; background-repeat:no-repeat; background-attachment:fixed; } .feature h3{ font: bold 100% Arial,sans-serif; color: #0000FF; padding: 30px 0px 5px 0px; } .feature img{ padding: 0px 10px 0px 0px; background-attachment:fixed; background-repeat:repeat; } /*************** story styles ******************/ .story { padding: 10px 0px 0px 10px; font-size: 100%; } .story h3{ font: bold 100% Arial,sans-serif; color: #0066CC; } .story p { padding: 0px 0px 10px 0px; } .story a.capsule{ font: bold 1em Arial,sans-serif; color: #005FA9; display:block; padding-bottom: 5px; } .story a.capsule:hover{ text-decoration: underline; } td.storyLeft{ padding-right: 12px; } /************** siteInfo styles ****************/ #siteInfo{ clear: both; border-top: 1px solid #cccccc; font-size: small; color: #3399FF; padding: 10px 10px 10px 10px; margin-top: 0px; } #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; } /************ sectionLinks styles **************/ #sectionLinks{ margin: 0px; padding: 0px; } #sectionLinks h3{ padding: 10px 0px 2px 10px; border-bottom: 1px solid #cccccc; } #sectionLinks a:link, #sectionLinks a:visited { display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; background-image: url(bg_nav.jpg); font-weight: bold; padding: 3px 0px 3px 10px; color: #21536A; } #sectionLinks a:hover{ border-top: 1px solid #cccccc; background-color: #DDEEFF; background-image: none; font-weight: bold; text-decoration: none; } /************* relatedLinks styles **************/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #cccccc; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .relatedLinks a{ display: block; } /**************** advert styles *****************/ #advert{ padding: 10px; } #advert img{ display: block; } /********************* end **********************/ Op naar de 2000 .....duurt nog even :-)
mapi Geplaatst: 7 november 2005 Auteur Geplaatst: 7 november 2005 .feature img{ padding: 0px 10px 0px 0px; background-attachment:fixed; background-repeat:repeat; dit betreft de foto die ook blijft staan Op naar de 2000 .....duurt nog even :-)
Gast Geplaatst: 7 november 2005 Geplaatst: 7 november 2005 Citaat: /************** feature styles *****************/ .feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 0px; border: red; visibility: visible; border-color: #FF0000; } html>body .feature { [color:"red"] ??? html>body ??? Wat is dit ??? [/color] height: 10.188in; width: 805px; position: fixed; background-repeat:no-repeat; background-attachment:fixed; } Ik neem aan dat je cut&paste hebt gedaan. Dus is er dus iets fout in je stylesheet. Pas dat eens aan. Dat zou nog wel eens voldoende kunnen zijn voor sommige versies/browsers om ze raar te laten reageren.
mapi Geplaatst: 7 november 2005 Auteur Geplaatst: 7 november 2005 hebbes : in externe css sheet : } html>body .feature { height: 10.188in; width: 805px; position: absolute; ------------stond op fixed !!!!!!!!!! background-repeat:no-repeat; background-attachment:fixed; <img src="/forums/images/graemlins/xyxthumbs.gif" alt="" /> Op naar de 2000 .....duurt nog even :-)
Aanbevolen berichten