CSS Problem

Question

weleh 0 Newbie Poster

18 Years Ago

Here are my css kode can u check it cause i'm a newbie in this case.

/*KODE INI NGIKUT DR OM KANAL AMA OM CUPU*/

.commonbox, .commonbox_noborder {
margin-bottom:0px !important;
}

/* PROFILE BACKGROUND */
body { background-image:url(GANTI URLNYAH); background-attachment:fixed; background-position:center; background-repeat:repeat; background-color:#000000; }

/* GLOBAL FONTS */
.usercontent { font-family:Arial, Geneva, Helvetica, sans-serif; color:#ff0033; text-transform:capitalize; }

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#666666; }
.data a, a.more, .commonbox .viewall { font-family:Comic Sans MS, Geneva, Helvetica, sans-serif; color:#666666; text-transform:capitalize; } 
.usercontent a:hover { text-decoration:overline; color:#ff0033; }

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Arial, Geneva, Helvetica, sans-serif; color:#ff0033; text-transform:capitalize; background-color:transparent; }

/* GLOBAL BOXES */
.commonbox { border-width:4px; border-color:#666666; border-style:double; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:#666666; border-style:double; }

/* DATA / LABELS */
.data, .controlpanel .q { color:#ffffff; text-transform:capitalize; }

/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Arial, Geneva, Helvetica, sans-serif; color:#666666; border-color:#666666; border-style:double; background-color:transparent; }
#controlPanelButtons a:hover { border-color:#666666; background-color:#ff0033; }

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:4px; border-color:#666666; border-style:double; background-color:transparent; }

/* BAGIAN MEMPERCANTIK MAIN MENU */
#marketing_bg, #marketing, #search, #search form, #subnav, #ads, #googleAdPlacement, #googleAdFactory, #banneradrow {display: none !important; height: 0px !important;background:transparent !important;}
#mainnav{background:none;height:0px;}
#mainnav ul li ul li a {
background-color:#FF0000;
color:#FCFCFC;
}
#mainnav ul li {
text-align:center;
  background: url() no-repeat center left;
  padding: 0 0 0 25px;
}
#mainnav ul li ul {
   background-color:#444;
   -moz-border-radius:10px;
   border-top: px #666666 solid;
   border-left: px #666666 solid;
   border-right: px #222222 solid;
   border-bottom: px #222222 solid;

}
#mainnav ul li ul li{
  background: none;
  padding: 0 0 0 0;
}
#f_logo, #logo {display: none;}

#navigation {height:22px !important}
#navbar{
  background:#FF0000;
  height:22px;
  -moz-border-radius:10px;
   border-top: px #666666 solid;
   border-left: px #666666 solid;
   border-right: px #222222 solid;
   border-bottom: px #222222 solid;
  }
.secondary_links{display:none;} 
.primary_links{width:700px}
#navBg {height:30px;position:relative;}
#navdivider {display:none;background:transparent;}
#navlang{display:none;}
#subnav {display:none;}
#mainnav ul li a {
color:#CCC;
background:transparent !important;
}

#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#homelink, #profilelink, #sublink_top, #connectionslink, #sublink_top {background:#000000;color:#808080;}


/* transparantmain */

#mainnav{
background-color:transparent;
background-image:url('');
background-repeat:repeat;
background-position:bottom center;
}
#mainnav ul li ul{
left: 0;
position: absolute;
top: 20;
display: block;
visibility: hidden;
padding: 5px 0 5px 0 !important;
background-color: transparent;
background-image:url('');
background-repeat:repeat;
background-position:center;
text-decoration: none !important;
width: 150px !important;
}
#mainnav ul li ul li a{
display: block !important;
color: #FFFFFF;
padding: 1px 0 1px 5px !important;
background-color: transparent;
background-image:url('');
background-repeat:repeat;
background-position:center center;
text-decoration: none !important;
}
#mainnav ul li ul li a:hover{
color: #AA0000;
background-color: transparent;
background-image:url();
background-repeat:repeat;
background-position:center;
text-decoration: none !important;
}

/* BAGIAN EDIT MINIVIEWER+BOX */

.bawahfoto{
height: 50px;
width: 400px;
border: none;
}

/* FriendsterMagic - personalize logo */

#navigation {
background-color: transparent;
border: px solid #;
margin:0px 0 0px 0;
padding:450px 0 0 0;
background-image: url(kodok2/logo.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }

/* ILANGIN IKLAN */
#content_14 {
  display: none;
}

/* bagian box randomize friends */

#fcontainer * { 
padding: 0px;
margin: 0px;
font-size: 9px
}

.thumbnaildelete {
display: none
}

#fcontainer {
text-align: center;
height: 300px
}
#fcontainer .flogriditem {
width: 85px;
overflow: hidden;
margin: 4px;
height: 150px
}

.inlinelt {
position: relative;
left: -2px;
top: 1px
}

.flo50 .ic .imgblock a img {
height: 80px
}

.flo50 .ic .imgblock {
height: 80px;
width: 80px;
overflow: hidden;
background: #FFFFFF;
border: 2px #97B6CA solid;
text-align: center;
}

/* MORE ABOUT BULLET */
.usercontent .q{
background: url(http://i244.photobucket.com/albums/gg18/unoisiwan/emoticon/045.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* MAIN BULLET */
.controlpanel .q {
background: url(http://i244.photobucket.com/albums/gg18/unoisiwan/emoticon/clap.gif) no-repeat center left; 
padding: 0 0 0 16px;}

 body { direction: rtl; } 
 .controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook { direction: ltr; } 
 #meettrail, .friends, .myfans, .fanof, .groups { direction: ltr; } 
 #navigation { direction: ltr !important; }

/* Ilangin logo Friendster */
#logo {display:none;background:transparent;}

/* Hidden MediaBox */
.scrapbook {display:none;background:transparent;}

/* FriendsterMagic - hide the connection box */
.meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#content_14 {display:none!important;}

/* FriendsterMagic - hide report abuse */
#reportabuse{display:none;}

/* FriendsterMagic remove search form */
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}

/* Ilangin Footer */
#footer_container {
   display: none;
}

#footer {
   display: none;
}

/* BERURUTAN DARI ATAS KE BAWAH Hilangin Bagian Atas : SUBNAV, SEARCH, SURFER, LANGUAGE DAN LOGO */ 

#logo {display :none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#NavLang {display:none;}

/* bersihin mainnav */
#marketing_bg {display:none;}
#mainnav {height:0px; width:700px;}

/* FriendsterMagic - removed white bground */
.flogridp .flogriditem {background:none;}

/* Ilangin ReCent Update */
.user_tracker {
  display:none;
}

/* BUAT CENTERIN PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}

/*--Hide the Home | My Profile | My Connections--*/
#mainnav {height:0px; width:10px;}

/* Hide the about me link above recent updates */
#content_controlpanel_1_1 a.more {display:none!important;}

/* Edit Bagian Shoutout */
.controlpanel .sol, .minicontrolpanel .sol { position: absolute;border-color: #FFffFF; 
border-style: inset; left: -5px; top: 8px; width: 6px; height: 10px; background:url() repeat-repeat; } 
.controlpanel .sob, .minicontrolpanel 
.sob { width: 257px;border-color: #FFffFF; 
border-style: inset; height: 2px; background:url(http://i244.photobucket.com/albums/gg10/gondang/dsaaa.jpg) repeat-repeat; line-height: 0; font-size: 0; } 
.controlpanel .so, .minicontrolpanel 
.so { margin: 0 -20px 10px 0;border-color: #FFffFF; 
border-style: inset; width: 257px; position: relative; 
background:url() repeat-repeat top center; 
color: #FFFFFF; font-weight: bold; }



.controlpanel .so a, .minicontrolpanel .so a { color: #ffffff !important; }
.somsg { background-image:url('none') !important; color:#ffffff ; background-color:transparent ! Important; }
.so {background-image:url('none') !important; background-color:transparent ! Important ; }
.soc { background-image:url('none') !important; background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; }
.divider { background-image:url('none') !important; background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; }
.sol {background-image:url('none') !important; background-color:transparent ! Important ; }
.sob { background-image:url('none') !important; background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important }
.ir { background-image:url('none') !important; background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important }
.dr { background-image:url('none') !important; border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }

div.imgblock200 {
background:url(http://th167.photobucket.com/albums/u151/iris600tiger/Animation/th_dragon_87.gif);
background-position: center center;
background-repeat: no-repeat;
height:150px;
width:150px;
}
div.imgblock200 img {display:none !important}


/* Hide Your blogs*/
#blogs_1_3 {display:none!important;}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: papyrus;
  color: #ffffff;
  text-transform:uppercase;
  background-image: url();
  background-attachment: scroll;
  background-position: CENTER CENTER;
  background-repeat: NO-REPEAT;
  border-bottom: #transparent #px SOLID DASHED INSET OUTSET GROOVE DOUBLE;
  height:30px;
}

/* CUSTOM SCROLLBARS */
body { 
  scrollbar-face-color: #000000; 
  scrollbar-highlight-color: #000000; 
  scrollbar-shadow-color: #000000; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #000000; 
  scrollbar-darkshadow-color: #000000; 
}


/*                         MAIN NAVIGATION LINKS Beserta Yg Biru² diatasnya */

.primary_links a{background-color: transparent; font-color: #ff0000;}
#mainnav {border: transparent; background:transparent;}
#mainnav span, #mainnav_left, #mainnav_right {display:none}
#navdivider {display:none;}
#navigation div {background-color: transparent !important;}
#subnav {display:none;}
#search{display:none;}
#content_14 {
  display: none;
}


/* SCROLLING GROUPS BOX */
#content_8 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 90%;
  height: 250px;
}
 
/* FriendsterMagic - remove more about me link */
.controlpanel a.more {display:none;}

/* Buat Cursor Di FF */

body {
cursor: url(http://th202.photobucket.com/albums/aa90/boschman123/th_hi.gif),default;
}
a,a:link,a:visited,a:active,a:hover {
cursor: url(http://th120.photobucket.com/albums/o192/spaziodisilvia/Emoticon/th_funny.gif),default;
}
/*on mouse hover*/
A:hover IMG {
FILTER: Alpha(Opacity=90, FinishOpacity=40, Style=2, StartX=10, StartY=20, FinishX=0, FinishY=0)}
overflow: visible
}

/*************controlbuttons************/

#controlPanelButtons li { display: -moz-inline-box; }
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
border: none;
background: url(http://i179.photobucket.com/albums/w291/ade08/cpbotton1.png) 0 0;
background-repeat: no-repeat; display: block; color: #ffffff;
  font-family:Papyrus; font-size:10px; }
#controlPanelButtons a:hover {
    color: #999;
    border: none;
    background-position: -100px 0; }

/*comenttoltipsver2*/

.publiccomments div div .dtd ul {
  color:#CCC;
  overflow: hidden;
  width: 440px;
  -moz-opacity: 0.5;
  opacity: 0.5;
  border: 2px solid #FFF;
  -moz-border-radius: 10px;
  padding: 10px;
}
.publiccomments div div .dtd ul:hover{
  -moz-opacity: 1;
  border: 2px solid #FFF;
}
.publiccomments .title{
  width:420px;
  background:#444;
  -moz-border-radius: 10px;
  padding:10px;
}
.title a {
  color:#CCCCCC !important;
  background: url(http://h1.ripway.com/nopathz/theme1/mur2.gif) no-repeat center left; 
  padding: 0 0 0 25px;
}
.title a:hover {
  color:#FFFF00 !important;
}
.shakeimage{
position:relative;
}

/*CEK FS*/

#outputcekfs * {background:none !important;}
#cekx8, #cekx18 {text-align:left}
.tombol{
   border-top: 1px #888888 solid;
   border-left: 1px #666666 solid;
   border-right: 1px #222222 solid;
   border-bottom: 1px #000000 solid;

   background-color: #444444;
   color: #CCCCCC;
   font-weight: bold;
   margin: 3px;
   padding: 0px 3px;
}
.tombol:hover{
   background-color: #666666;
} 

/* PERCOBAAN MERUBAH BOX PROFILE */
/* MASTER BOXES */
/* BOX SEBELAH KIRI (MAINBAR) */
.ltd .commonbox {
  border:none;
  background-image: url(URL GAMBAR WELEH);
  background-repeat: repeat-y;
  color: #FFFFFF;
}

.ltd .commonbox .evenrow {
  border:none;
  background:transparent;
  color: #002200;
}

/* BOX SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox {
  border:none;
  background-image: url(URL GAMBAR WELEH);
  background-repeat: repeat-y;
  color: #FFFFFF;
}

.rtd .commonbox .evenrow {
  border:none;
  background:transparent;
  color: #002200;
}

/* MASTER HEADERS */
/* CONTROLPANEL BOXHEADER */
.commonbox h1 {
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  color: #FFFFFF; !important;
  text-transform: uppercase;
  background:transparent;
  background-image: url(URL GAMBAR WELEH YG ATU LAGE);
  text-align: center;
  padding-top:10px;
  height:36px;
}

/* BOXHEADER SEBELAH KIRI (MAINBAR) */
.ltd .commonbox h2 {
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  color: #FFFFFF !important;
  text-transform: uppercase;
  background:transparent;
  background-image: url(URL GAMBAR WELEH);
  text-align: center;
  padding-top:10px;
  height:36px;
}

/* BOXHEADER SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox h2 {
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  color: #FFFFFF !important;
  text-transform: uppercase;
  background:transparent;
  background-image: url(URL GAMBAR WELEH YG 1 LGE);
  text-align: center;
  padding-top:10px;
  height:36px;
}















table#flo_wrapper{  margin:30px auto 30px auto;   
border-style:ridge;   
border-top-color:#8d8987;   
border-bottom-color:#8d8987;   
border-left-color:#2c2c2c;   
border-right-color:#2c2c2c;   
border-top-width:15px;   
border-bottom-width:15px;   
border-left-width:15px;   
border-right-width:15px;   background-image:url(http://i237.photobucket.com/albums/ff68/kanalitnuk/master2.jpg);  background-attachment:fixed;  
background-position:center center;  
background-repeat:repeat}

.usercontent{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active{ color:#000}
.usercontent a:hover{ text-decoration:none;  color:#000}

.commonbox{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}
.commonbox .evenrow{ background-color:transparent}

.commonbox h1, .commonbox h2{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  text-align:center;  color:#000;  text-transform:uppercase;  background-color:#9B9A9A;  background-position:center center;  border-bottom:#000 4px ridge}

.controlpanel{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.controlpanel .imgblock200{ border-color:transparent;  border-style:none}

.controlpanel .q{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}
.controlpanel .data{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}
.data a{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}

a.more{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}



/*KONTROL PANEL*/

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited{ font-family:Arial,Sans-serif;  color:#000;  font-size:11px;  border-width:1px;  border-color:#000;  border-style:solid;  background-color:transparent;  text-align:center}
#controlPanelButtons a:hover{ font-family:Arial,Sans-serif;  color:#FFFFFE;  font-size:11px;  border-width:1px;  border-color:#000;  border-style:solid;  background-color:#000;  text-align:center}


/*MORE EBOUT ME WEDEW*/
.moreabout{ text-align:center;  border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}


/*POTO UEWK*/
.photos{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}


/*TEMEN*/
.friends{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

/*VIDEO*/
.videos{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

/*GRUP*/
.groups{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

/*COMMEN*/
.testimonials{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.testimonialscomments{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}


/*YG KEBAWAH INI G TAU GW*/

.scrapbook{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.fanof{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.myfans{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.reviews{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.blogs{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.blogsreviews{ border-width:4px;  border-color:#000;  border-style:ridge;  background-color:transparent}

.data{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}

.commonbox .viewall{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}

.commonbox .imgblock75, .ir{ border:0px #000 ridge;  background-color:transparent}

.commonbox .dr{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000;  background-color:transparent}
p{ font-family:Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;  color:#000}


.somsg{background-image:url('none') !important;  color:#000; background-color:transparent ! Important}
.so{background-image:url('none') !important;  background-color:transparent ! Important}
.soc{background-image:url('none') !important;  background-color:transparent ! Important}
#delShoutoutForm{background-image:url('none') !important;  background-color:transparent ! Important}
#cpShoutoutBox{background-image:url('none') !important;  background-color:transparent ! Important}
#shoutoutForm{background-image:url('none') !important;  background-color:transparent ! Important}
.disabled normal{background-image:url('none') !important;  background-color:transparent ! Important}
.divider{background-image:url('none') !important;  background-color:transparent ! Important}
.fakeLink{background-image:url('none') !important;  background-color:transparent ! Important}
.sol{background-image:url('none') !important;  background-color:transparent ! Important}
.sob{background-image:url('none') !important;  background-color:transparent ! Important}
.commonbox .imgblock75{background-image:url('none') !important;  background-color:transparent ! Important}
.ir{background-image:url('none') !important;  background-color:transparent ! Important}
.flogridp .flogriditem{background-image:url('none') !important;  background-color:transparent ! Important}
.dr{background-image:url('none') !important;  border:none ! Important}
.fitem1wrapper{background-image:url('none') !important; background-color:transparent ! Important}
.controlpanel .so a, .minicontrolpanel .so a{color:#000 !important}

#mainnav{margin:0 0px; background:transparent! important}
#mainnav{border:transparent; background:transparent}
#mainnav _left{display:none}
#mainnav ul li ul li{display:list-item; float:none; border-bottom:0px none transparent}
#mainnav ul li ul li.sublink_top{border-top:0px none transparent}
.secondary_links{display:none}


#mainnav span, #mainnav_left, #mainnav_right{display:none}
#mainnav a{border:2 outset:#F8F8FF; margin:0 2 0 2;  font:10; text-decoration:none! important; color:#000! important; background:transparent!important}
#mainnav a:hover{border:2 inset:#F8F8FF; background:#000; color:#F8F8FF! important}


.flogridp .flogriditem{background:transparent url() no-repeat}
.user_tracker{display:none}
.content_0 a.more{display:none}
.controlpanel p{display:none!important}
.scrapbook{display:none!important}
#navLang{visibility:hidden!important}
#search form{display:none !important}
#subnav{display:none!important}
#logo{display:none!important}
#ads_2_3{display:none}
#content_14{display:none!important}
#content_15{display:none!important}
#content_ads_2_3{display:none}
#footer a{display:none}
#googleAdFactory.fullwidth{position:absolute; top:-5500px}
.reportabuse{display:none}
#marketing{display:none}
#marketing_bg{display:none; background:transparent}
}
#spawnpic{ border-width:0px;  border-color:#000;  border-style:ridge}
#spawnpic img{ height:100px;  width:100px;  border:2px #000 ridge;  filter:alpha(opacity=100);  -moz-opacity:1.0;  -khtml-opacity:1.0;  opacity:1.0}
#spawnpic a:hover img{ filter:alpha(opacity=70);   -moz-opacity:0.7;  -khtml-opacity:0.7;  opacity:0.7}
#viewerpic{ border-width:0px;  border-color:#000;  border-style:ridge}
#viewerpic img{ height:100px;  width:100px;  border:2px #000 ridge;  filter:alpha(opacity=100);  -moz-opacity:1.0;  -khtml-opacity:1.0;  opacity:1.0}

#viewerpic a:hover img{ filter:alpha(opacity=70);   -moz-opacity:0.7;  -khtml-opacity:0.7;   opacity:0.7}
.publiccomments div div .dtd ul{ color:#000;  overflow:hidden;  width:450px;  height:50px;  border:1px solid #000;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  -moz-opacity:0.5; opacity:0.5; border:1px solid #000; -moz-border-radius:10px;  padding:10px}

.publiccomments div div .dtd ul:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  -moz-opacity:1; height:100%; min-height:100px}
 border:1px solid #000}

.data li{color:#000}
.publiccomments .title{ width:430px;  background:#E6E6FA;  padding:10px}
#fcontainer *{ padding:0px; margin:0px; font-size:9px}

.thumbnaildelete{display:none}

#fcontainer{text-align:center; height:300px}
#fcontainer .flogriditem{width:80px; overflow:hidden; margin:5px; height:150px}

.inlinelt{position:relative; left:-2px; top:1px}

.flo50 .ic .imgblock a img{height:80px}

.flo50 .ic .imgblock{height:80px; width:80px; overflow:hidden; background:transparent; border:0px #000 ridge; text-align:center}




/* PHOTO PRIMARY */
div.imgblock200 {
background:url(PHOTO_GW_YG_MANA?);
background-position: center center;
background-repeat: no-repeat;
height:300px;
width:200px;
border: 2px #00FF00 solid;
}
div.imgblock200 img {display:none !important}

html-css web-design

4 Contributors
3 Replies
110 Views
2 Days Discussion Span
Latest Post 18 Years Ago Latest Post by peter_budo

Dani AI

Generated 9 Months Ago

As , and observed, that stylesheet is too large to meaningfully review line‑by‑line. A practical, repeatable debug plan will find the real problems faster than scanning the whole file: run automated checks, isolate sections, and inspect computed styles in the browser.

Common problems to look for in a long, hand‑edited stylesheet

Syntax mistakes (missing semicolons, unmatched braces, length values missing units).
Invalid property values or placeholder tokens left in place (these break parsing for that rule).
Conflicting or duplicate selectors scattered through the file; later rules may silently override earlier ones.
Overbroad global rules (e.g., targeting many element types together) that unintentionally change layout.
Excessive use of !important and display:none that hide or lock down elements.
Legacy, browser‑specific properties that do nothing in modern engines.

A focused troubleshooting checklist

Validate the CSS with the W3C validator to catch syntax and token errors: W3C CSS Validator.
Use browser DevTools to inspect an affected element and see the computed rule and source line (this shows which declaration wins). See MDN guidance on debugging: Debugging CSS.
Isolate the problem by binary search: temporarily disable (or move) half the stylesheet; if the issue disappears, repeat on the remaining half until the culprit block is found.
Consolidate duplicate selectors, remove unnecessary !important rules, and narrow global selectors so only intended containers are affected.
Replace hotlinked or placeholder image URLs and provide fallbacks; dead background images can cause unexpected layout differences.

These steps will expose syntax and cascade issues quickly and make the stylesheet maintainable. If the CSS was produced by a WYSIWYG (as suggested), run a cleanup pass and reformat into smaller, documented modules so future debugging is straightforward.

All 3 Replies

Dani 5,664 The Queen of DaniWeb

18 Years Ago

That's a LOT of code. Is there anything specific that isn't working the way you expect it to?

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

lio04 17 Junior Poster in Training · Answer 1 · 2008-03-31T04:23:39+00:00

This code is generated with any WYSIWYG editor or not ? Because it is very big.

peter_budo 2,532 Code tags enforcer Team Colleague Featured Poster · Answer 2 · 2008-04-01T16:36:08+00:00

As dani said already, please be more specific and tell us what sort of problems you experiencing. Do not expect that we will be going through that lot of searching for an error

CSS Problem

Dani AI

Recommended Answers Collapse Answers

All 3 Replies

Recommended Answers