suzie Posted January 22, 2010 Share Posted January 22, 2010 i have a div(relative) that contains many Divs(with default and absolute position), and i want the footer to go under the longest div(which varies from page to page).any help, pleasethank you Link to comment Share on other sites More sharing options...
Synook Posted January 22, 2010 Share Posted January 22, 2010 A bit hard with absolute positioning (one of the reasons why it's not recommended for layouts). Do you have a link or some code? Link to comment Share on other sites More sharing options...
suzie Posted January 22, 2010 Author Share Posted January 22, 2010 thanks a lot...here is the html+css <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-6" /><title>Untitled Document</title><link href="css-all.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #EBEBEB; height:100%; background-image: url(background-page.gif); background-repeat: repeat-x;}.style2 {color: #999999}.style4 { color: #AA0000; font-size: 12px;}a:hover { color: #AA0000;}--></style><script type="text/javascript" src="imageGallery.js"></script><script type="text/javascript" src="mootools/mootools.svn.js" ></script><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="jquery-ui.min.js" ></script><script type="text/javascript" src="fadeslideshow.js"></script> <script type="text/javascript"><!--var mygallery2=new fadeSlideShow({ wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow dimensions: [300, 240], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."], ["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"], ["http://i30.tinypic.com/531q3n.jpg"], ["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element! ], displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "fadeshow2toggler"})//--></script> <script type="text/javascript"><!--function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script></head><body onload="MM_preloadImages('images/minus-red.gif')"><div class="top"> <div class="header"> <div class="header-building"> <p>نقسم بالله العظيم<br /> مسلمين ومسيحيين<br /> ان نبقى موحدين<br /> الى ابد الآبدين <br /> دفاعاً عن لبنان العظيم<br /> عشتم وعاش لبنان<br /> جبران تويني<br /> <br /> </p></div> <div class="header-center"> <div align="center"><img src="images/animation.gif" width="370" height="66" /></div> </div> <div class="header-logo"></div></div> <div class="date-top">الثلثاء 12 كانون الثاني 2010 السنة77 - العدد 23927 </div> <div class="search"> <input style="TEXT-ALIGN: right; FONT-FAMILY: arial; COLOR: #666666; FONT-SIZE: 9pt; background-image:url(text-field.gif); border:#0000FF; border:" dir="ltr" id="textbox_id" onclick="cleandata()" value="ابحث في هذا العدد" size="16" name="input" /> ارشيف النهار <img src="images/archive-nahar.gif" width="24" height="16" style="vertical-align:bottom" /></div> <div class="nahar">AN-NAHAR</div> <div class="menu"><ul><li><a href="http://www.dynamicdrive.com/forums/" title="علم وعالم">حول العلم والعالم</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="رياضة">رياضة</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="وفيات">وفيات</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="بيئة">بيئة وتراث </a></li><li><a href="http://www.dynamicdrive.com/forums/" title="مذاهب">مذاهب وأديان </a></li><li><a href="http://www.dynamicdrive.com/forums/" title="ثقافية">ثقافية</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="مفكرة">مفكرة</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="مدنيات">مدنيات</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="تربية">تربية وشباب </a></li><li><a href="http://www.dynamicdrive.com/forums/" title="تحقيق">تحقيق</a></li><li><a href="http://www.dynamicdrive.com/forums/" title="منبر">منبر</a></li><li><a href="http://www.dynamicdrive.com/style/" title="قضاء وقدر">قضاء وقدر </a></li><li><a href="http://www.dynamicdrive.com/style/" title="قضايا">قضايا</a></li><li><a href="http://www.dynamicdrive.com/style/" title="مناطق">مناطق</a></li><li><a href="http://www.dynamicdrive.com/style/" title="مقالات">مقالات</a></li><li><a href="http://tools.dynamicdrive.com" title="عرب وعالم">عرب وعالم</a></li> <li><a href="http://www.dynamicdrive.com/new.htm" title="اقتصاد">اقتصاد</a><li><a href="http://www.dynamicdrive.com/new.htm" title="محليات">محليات</a></li><li><a href="http://www.dynamicdrive.com" title="الصفحة اللاولى">الاولى</a></li></ul></div></div><div class="body1"> <div class="services-box" dir="rtl"> <div align="right"> <p><a href="#">ملاحق اسبوعية</a></p> <p><a href="#">النهار في اسبوع</a></p> <p><a href="#">وظائف شاغرة</a></p> <p><a href="#">اعلانات مبوبة</a></p> <p><a href="#">بريد النهار</a></p> <p><a href="#">ارشف النهار</a></p> <p><a href="#">تسلية</a></p> <p><a href="#">PODCAST</a></p> <p><a href="#">RSS</a></p> <p><a href="#">Listen to Nahar</a></p> <p><a href="#">FLASH</a></p> </div> </div> <div class="album-pict"> <div id="fadeshow2"></div><div id="fadeshow2toggler" style="width:300px; text-align:center; margin-top:5px;"><a href="#" class="next"><img src="images/slideshow-L.gif" width="27" height="24" style="border-width:0" /></a><span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="prev"><img src="images/slideshow-R.gif" width="27" height="24" style="border-width:0" /></a></div> </div> <div class="top-banner-internal"><img src="images/Bissell-Banner.gif" width="468" height="60" /></div> <div class="skyscrapper"> <p><img src="images/big-sky.gif" width="160" height="600" /></p> </div> <div class="square-banner-internal"><a href="#"><img src="images/300-250.gif" width="300" height="250" border="0" class="image1" /></a></div> <div class="body-internal-sub"> <div class="majorbox2-internal"> <div style="height:22px; bottom:0px" > <table width="491px" height="22px" border="0" align="center" cellpadding="0" cellspacing="2"> <tr class="font-author"> <td width="20"><a href="http://www.annahar.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/minus-red.gif',1)"><img src="images/minus.gif" name="Image18" width="20" height="20" border="0" id="Image18" /></a></td> <td width="20"><a href="http://www.annahar.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image181','','images/plus-red.gif',1)"><img src="images/plus.gif" name="Image181" width="20" height="20" border="0" id="Image181" /></a></td> <td > </td> <td width="150" bgcolor="#3399cc"><div align="center"><a href="#">بقلم: راجح الخوري </a></div></td> </tr> </table> </div> <div style="background-color:#ffffff; padding-left:10px; padding-bottom:20px; padding-top:20px; padding-right:10px; direction:rtl; font-family:tahoma; font-size:13px;color: #646464; overflow:auto; h "> <p align="center" class="font-title">كوشنير يستبعد اعتداءً إسرائيلياً <br /> ويحذّر من مواجهات يتسبب بها "هروب إيراني إلى الأمام"<br /> <strong>باريس تدعم الحريري في الصفحة الجديدة داخلياً ومع سوريا<br /> بري يتمسك بالهيئة و"خطوات قليلة" بين جنبلاط ودمشق </strong></p> <p class="font-entry"> </p> </div> <div style="height:22px; bottom:0px" > <table width="491px" height="22px" border="0" align="center" cellpadding="0" cellspacing="2"> <tr class="font-author"> <td width="40" bgcolor="#3399cc"><div align="center"><a href="#">حفظ</a></div></td> <td width="120" bgcolor="#3399cc"><div align="center"><a href="#">ارسل الى facebook </a></div></td> <td width="80" bgcolor="#3399cc"><div align="center"><a href="#">طباعة المقالة </a></div></td> <td width="80" bgcolor="#3399cc"><div align="center"><a href="#">ارسل المقالة </a></div></td> <td width="60" bgcolor="#3399cc"><div align="center"><a href="#">twitter</a></div></td> <td bgcolor="#3399cc"></td> </tr> </table> </div> </div> <div class="inline"></div> </div> <div class="body-internal-subA"> <div class="title-brkg"><img src="images/arrow-red.gif" width="8" height="8" />للمزيد من العناوين </div> <div class="subA"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item" ><a href="#fragment-1"><img src="bullet.gif" width="4" height="4" border="0" /> نتانياهو يلتقي مبارك وقررت اعلان الحداد الوطني </a><a href="#fragment-2"><img src="bullet.gif" width="4" height="4" border="0" /> ملفات شائكة مع تفجير وقررت اعلان الحداد الوطني </a></li> <li class="ui-tabs-nav-item"><a href="#fragment-4"><img src="bullet.gif" width="4" height="4" border="0" /> قاعدة اليمن تتوعد بالثأر </a></li> <li class="ui-tabs-nav-item"><a href="#fragment-1" class="style2"><img src="bullet.gif" width="4" height="4" border="0" /> نتانياهو يلتقي مبارك في القاهرة اليوم </a><a href="#fragment-3"><img src="bullet.gif" width="4" height="4" border="0" /> اعتقال معارضين وقررت اعلان الحداد الوطني على </a></li> <li class="ui-tabs-nav-item"><a href="#fragment-1" class="style2"><img src="bullet.gif" width="4" height="4" border="0" /> نتانياهو يلتقي مبارك في القاهرة اليوم </a><a href="#fragment-3"><img src="bullet.gif" width="4" height="4" border="0" /> اعتقال معارضين وقررت اعلان الحداد الوطني على </a></li> <li class="ui-tabs-nav-item"><a href="#fragment-1" class="style2"><img src="bullet.gif" width="4" height="4" border="0" /> نتانياهو يلتقي مبارك في القاهرة اليوم </a><a href="#fragment-3"><img src="bullet.gif" width="4" height="4" border="0" /> اعتقال معارضين وقررت اعلان الحداد الوطني على </a></li> </ul> </div> </div></div> <div class="transparent" stle></div> </div><div class="footer"><ul> <li><a href="http://www.dynamicdrive.com/forums/" >من نحن</a></li> <li><a href="http://www.dynamicdrive.com/forums/" >اتصل بنا</a></li> <li><a href="http://www.dynamicdrive.com/forums/" >اسعار الاعلانات</a></li></ul> <div class="footer-rights">جميع الحقوق محفوظة - © جريدة النهار 2010 </div></div></body></html> css @charset "iso-8859-1";/* CSS Document */<style type="text/css">body{height:100%;}.top{width:1000px;height:185px;position:relative;margin-left:auto;margin-right:auto;}.header{width:1000px;position:absolute;height:120px;top:0px;left:0px;background-color:#FFFFFF;}.header-building{width:180px;position:absolute;height:100%;background-color:#ffffff;background-image:url(images/building4.gif);background-position:left;background-repeat:no-repeat;top:0px;left:0px;font-family: tahoma;text-align:right;color:#6464646;font-size:11px;text-indent:3px;line-height:15px;}.header-center{width:460px;position:absolute;/*background-image:url(animation.gif);background-position:center;background-repeat:no-repeat;*/height:60px;top:30px;float:left;left:229px;}.header-logo{width:275px;position:absolute;height:100%;top:0px;right:0px;background-image:url(images/annahar-LOGO.gif);background-repeat:no-repeat;background-position:right;}.date-top{width:1000px;direction:rtl;position:absolute;height:19px;background-color:#999999;font-family: tahoma;color:#FFFFFF;font-size:10px;font-weight:bold;text-align:center;top:120px;clear:both;padding-top:4px;}.search{width:199px;direction:rtl;position:absolute;height:15px;top:120px;right:1px;font-family: tahoma;color:#ffffff;font-size:10px;font-weight:bold;padding-top:3px;}.nahar{width:100%;direction:rtl;position:absolute;height:22px;font:tahoma #646464;font-size:12px;font-weight:bold;letter-spacing:40px;text-align:center;clear:both;top:145px;}.menu{width:1000px;position:absolute;background-image:url(images/menu-backg.gif);background-repeat:repeat-x;top:165px;margin-left:auto;margin-right:auto;}.menu ul{direction:rtl;width:1000px;margin:0;list-style: none;}.menu li{display:inline;direction:rtl;}.menu a{float: left;display: block;font: 13px tahoma;color: white;text-decoration: none;padding: 3px 3.2pt 10px 4px;background-color:#3399CC;background-image:url(images/blue.gif);background-repeat:repeat-x;background-position:bottom;border-top:solid 2px #336699;border-top-style:solid;border-left-width:1px;border-left-style:dotted;border-left-color:#FFFFFF;}.menu a:hover{background:#AA0000;background-image:url(images/red-cross.png);background-repeat:no-repeat;background-position:right top;font-size:10pt tahoma;color:#FFFFFF;border-bottom-color:#D10000;}.body1{width:1000px;height:inherit;margin-left:auto;margin-right:auto;position:relative;border-color:#FF1FAA;top:45px;min-height:100%; height:auto !important; height:100%; }.services-box{border:0.03cm solid #999999;direction:rtl;width:138px;height:293px;background-image:url(images/services-shadow.gif);background-repeat: repeat-y;background-position: right;background-color:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:5px;margin-right:30px;line-height:2px;} .services-box a{font:14px tahoma;color: #3399cc;text-decoration: none;text-align:right;padding-right:15px;line-height:2px;}.services-box p{ background-image:url(images/arrow-blue.gif);background-repeat:no-repeat;background-position:right;border-bottom-style:dotted;border-bottom-color:#3399cc;border-bottom-width:1px;height:9px; }.services-box a:hover{font:14px tahoma;color: #AA0000;text-decoration: none;text-align:right;padding-right:15px;line-height:2px;}.services-box p:hover{ background-image:url(images/arrow-red.gif);background-repeat:no-repeat;background-position:right;border-bottom-style:dotted;border-bottom-color:#D10000;border-bottom-width:1px;height:9px; } .top-banner-internal{width:468px;position:absolute;top:0px;height:60px;right:0px;}.majorbox-mahaly{border:0.03cm solid #999999;direction:rtl;width:808px;height:298px;vertical-align:top;background-color:#FFFFFF;padding-top:0px;position:absolute;top:70px;right:0px;}.title-brkg{background-image:url(images/shadow-brkg.gif);background-repeat:repeat-x;direction:rtl;width:100%;height:25px;font-family: tahoma;font-size:14px;font-weight: bold;text-indent:10px;vertical-align:text-bottom;color: #206080;padding-top:3px;}.skyscrapper {width:160px;height:600px;margin-right:30px;margin-top:30px;vertical-align:top;left:0px;}.transparent {height:320px;width:160px;margin-right:30px;margin-top:30px;vertical-align:top;left:0px;}.square-banner-internal {width:300px;height:250px;background-color:#FF3F55;top:400px;position:absolute;float:left;left:190px;}.body-internal{width:493px;direction:rtl;vertical-align:top;background-color:#EBEBEB;top:400px;position:absolute;right:0px;}.body-internal-sub{width:493px;min-height:auto;height:auto;direction:rtl;vertical-align:top;background-color:#EBEBEB;top:90px;position:absolute;right:0px;}.body-internal-subA{border:0.03cm solid #999999;width:300px;direction:rtl;vertical-align:top;background-color:#ffffff;top:680px;position:absolute;left:190px;}.subA{ width:300px; top:50px;right:0px;direction:rtl;margin-top:20px;margin-bottom:20px;}.subA ul.ui-tabs-nav{top:0px;right:0;list-style:none;padding:0;margin:0;width:300px;height: 260;right:0;}.subA ul.ui-tabs-nav li span{ font-family: tahoma;font-size:10pt;font-weight:bold;color:#999999;line-height:18px;direction:rtl;}.subA ul.ui-tabs-nav li{ padding:1px 0;font-size:10pt; font-family: tahoma;} .subA li.ui-tabs-nav-item a{ display:block; height:30px; color:#646464;line-height:20px;padding-right:10px;text-decoration:none;} .subA li.ui-tabs-nav-item a:hover{ background:#f2f2f2;padding-right:10px;color:#AA0000;}.majorbox2-internal{ border:0.03cm solid #999999; direction:rtl; width:490px; vertical-align:top; background-color:#FFFFFF; padding-top:0px; float:left; top:0px;}.featured-major{ width:490px; top:50px;right:0px;direction:rtl;margin-top:20px;}.featured-major ul.ui-tabs-nav{top:0px;right:0;list-style:none;padding:0;margin:0;width:490px;height: 260;right:0;}.featured-major ul.ui-tabs-nav li{ padding:1px 0;font-size:10pt; font-family: tahoma;} .featured-major ul.ui-tabs-nav li span{ font-family: tahoma;font-size:10pt;font-weight:bold;color:#999999;line-height:18px;direction:rtl;}.featured-major li.ui-tabs-nav-item a{ display:block; height:30px; color:#646464;line-height:20px;padding-right:10px;text-decoration:none;} .featured-major li.ui-tabs-nav-item a:hover{ background:#f2f2f2;padding-right:10px;color:#AA0000;}.inline{width:100%;height:30px;clear:both;background-color:#EBEBEB;}.akhbar-kaseera{ border:0.03cm solid #999999; background-image:url(images/back-lines.gif); background-repeat:repeat; direction:rtl; width:490px; vertical-align:top; /*background-color:#B4B4B4;*/ padding-top:0px; float:left; } .authors-location{width:298px;top:25px;position:absolute;height: 210px;left: 0px;}.author-name{direction:rtl;font-family: tahoma;font-size:14px;font-weight: bold;text-indent:10px;vertical-align:text-bottom;color: #3399cc;line-height:5px;}.author-title a{direction:rtl;font-family: tahoma;text-decoration:none;font-size:13px;color: #646464;}.author-title a:hover{direction:rtl;font-family: tahoma;font-size:13px;color: #AA0000;}.author-title a{line-height:4px;}.author-box-internal {border:0.03cm solid #999999;direction:rtl;width:298px;height:249px;direction:rtl;vertical-align:top;top:680px;position:absolute;background-color:#FFFFFF;left:190px;background-image:url(images/shadow.gif);background-position:bottom;background-repeat:repeat-x;}.title-author{font-family: tahoma;color:#3399cc;font-size:14px;font-weight:bold;direction:rtl;text-indent:3px;}.articles a{font-family: tahoma;color:#666666;direction:rtl;text-indent:3px;}.articles a:hover{font-family: tahoma;color:#D10000;font-size:13px;direction:rtl;text-indent:3px;text-decoration:none;}.pdf-audio {width:180px;letter-spacing:0;position:absolute;direction:rtl;top:0px;left: 0px;height:15px;}.pdf-audio a{font-family: tahoma;font-size:11px;font-weight:bold;color:#AA0000;text-decoration:none;}.pdf-audio a:hover{font-family: tahoma;font-size:11px;color:#AA0000;font-weight:bold;text-decoration:underline;}.mazeed a:link{width:100%;padding-left:10px;letter-spacing:0;direction:ltr;bottom:0px;position:absolute;left: 0px;height:20px;font-family: tahoma;font-size:11px;font-weight:bold;color:#AA0000;text-decoration:none;}.mazeed a:hover{font-family: tahoma;font-size:11px;color:#AA0000;font-weight:bold;text-decoration:underline;}.title-limaza{ direction:rtl; width:100px; height:25px; position:absolute; left:0px; top: 0px;}.title-masoul{ direction:rtl; width:100px; height:25px; position:absolute; left:102px; visibility: visible; top: 0;}.title-aliha{ direction:rtl; width:80px; height:25px; position:absolute; right:0px; visibility:hidden; top: 0;}.title-aliha2{ direction:rtl; width:80px; height:25px; position:absolute; right:0px; visibility:visible; top: 0;}.layer-limaza{direction:rtl;width:286px;height:130px;padding-right:6px;padding-left:6px;position:absolute;right:0px;top:31px;visibility:hidden;overflow:auto;font-family: tahoma;text-align:right;color:#206080;font-size:12px;line-height:15px;text-align:justify;}.layer-masoul{direction:rtl;width:286px;padding-right:6px;padding-left:6px;height:130px;position:absolute;right:0px;top:31px;visibility:hidden;overflow:auto;font-family: tahoma;text-align:right;color:#206080;font-size:12px;line-height:15px;text-align:justify;}.layer-aliha{direction:rtl;width:286px;height:130px;padding-right:6px;padding-left:6px;position:absolute;right:0px;top:30px;visibility:visible;overflow:auto;font-family: tahoma;text-align:right;color:#206080;font-size:12px;line-height:15px;text-align:justify;}.asrar {border:0.03cm solid #999999;direction:rtl;width:298px;height:150px;direction:rtl;vertical-align:top;top:959px;position:absolute;background-color:#FFFFFF;float:left;left:190px;}.footer {width:1000px;height: 20px;color: #336699;bottom:0px;border:0.03cm solid #999999;background-color:#FFFFFF;position:relative;padding-top:3px;margin-left:auto;margin-right:auto;} .footer ul{font-family:tahoma;color:#666666;text-decoration:none;font-size:12px;font-weight:bold;display:inline;direction:rtl;padding-left:210px;}.footer li{padding:30px;display:inline;direction:rtl;}.footer a{font-family:tahoma;color:#666666;text-decoration:none;font-size:12px;font-weight:bold;direction:rtl;}.footer a:hover{font-family:tahoma;color:#AA0000;font-weight:bold;}.footer-rights{font:tahoma #AA0000;font-size:11px;font-weight:bold;direction:ltr;width:219px;height:15px;position:absolute;left: 5px;top:0px;padding-top:3px;}#featured{ width:798px; position:absolute; height:263px; top:25px; border:5px solid #C1C1C1; left: 0px;}#featured ul.ui-tabs-nav{ position:absolute; top:0px; left:0px; list-style:none; padding:0; margin:0; width:300px; height: 260; }#featured ul.ui-tabs-nav li{ padding:1px 0; font-size:10pt; font-family: tahoma; } #featured ul.ui-tabs-nav li img{ float:left; } #featured ul.ui-tabs-nav li span{ font-family: tahoma;font-size:10pt;font-weight:bold;color:#999999;line-height:18px;direction:rtl;}#featured li.ui-tabs-nav-item a{ display:block; height:64px; color:#646464; background-image:url(images/shadow-brkg3.gif); background-repeat:repeat-x; line-height:20px;padding-right:10px;text-decoration:none;font-family: tahoma;font-size:10pt;font-weight:bold;color:#999999;vertical-align:middle;}#featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; padding-right:10px; color:#AA0000; }#featured li.ui-tabs-selected{ background:#C1C1C1; font-weight:bold; }#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#999999; background:url(images/selected-item.gif) top left no-repeat; }#featured .ui-tabs-panel{ width:221px; height:254px; background:#999; position:absolute; direction:rtl; top:5px; right:5px; background-color: #FFFFFF;}.title-panel{ width:251px; height:212px; position:absolute; direction:rtl; top:10px; left:310px; background-color: #FFFFFF;} .title-panel a:link{font-family: tahoma;text-align:right;font-size:14px;font-weight:bold;color:#3399cc;line-height:15px;text-decoration:none;}.title-panel a:hover{color:#AA0000;text-decoration:none;}.sub-text{font-family: tahoma;text-align:right;color:#646464;font-size:13px;line-height:15px;text-align:justify;font-weight:normal;}#featured .ui-tabs-hide{ display:none; }.album-pict {border:0.03cm solid #999999;background-color:#FFFFFF;direction:rtl;width:298px;height:280px;direction:rtl;vertical-align:top;top:90px;position:absolute;float:left;left:190px;}.font-title{font-family:tahoma;font-size:14px;color: #206080;line-height:17px;text-align:right;padding-bottom:20px;}.font-entry{font-family:tahoma;font-size:13px;color: #646464;line-height:14px;text-align:justify;}.font-author a{font-family:tahoma;font-size:11px;text-decoration:none;font-weight:bold;color: #FFFFFF;text-align:center;}.font-author a:hover{font-family:tahoma;text-align:center;font-size:11px;font-weight:bold;text-decoration:underline;color: #FFFFFF;text-align:center;}</style> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.