big problem with my text not showing

Discussion in 'CSS' started by jminscoe, Apr 27, 2007.

  1. #1
    I have a big problem with my text not showing check out these pages
    http://www.ahealthylifestyle4u.com/index.php?list=latestarticles
    http://www.ahealthylifestyle4u.com/contact.php
    http://www.ahealthylifestyle4u.com/submit.php
    http://www.ahealthylifestyle4u.com/

    if you hold down left mouse key and go like your doing a copy and paste you will see what I mean
    here is my css file
    body {
    	margin: 0; padding: 0;
    	background-color: #fff;
    	font-family: Verdana;
    	font-size: 11px;
    	color: #fff;
    }
    a {
    	font-size: 10px;
    	color: #000;
    	font-weight: bold;
    	text-decoration: none;
    }
    #page {
    	width: 100%;
    }
    #header {
    	padding: 0 50px 0 0;
    	background: repeat-x url(../images/bckheader.gif);
    	height: 85px;
    }
    #header img {
    	margin: 0 25px 0 0;
    	float: left;
    	border: none;
    }
    #header h3 {
    	margin: 0; padding: 20px 0 10px 0;
    	font-size: 11px;
    	color: #000;
    	border: none;
    }
    #header form {
    	margin: 0; padding: 0;
    }
    #header form * {
    	vertical-align: middle;
    }
    .searchtext {
    	margin: 0 15px 0 0; padding: 0;
    	width: 175px;
    	height: 18px;
    	border: none;
    }
    #menu {
    	height: 45px;
    	line-height: 45px;
    	background: repeat-x url(../images/bckmenu.gif);
    	color: #f5f4f4;
    	font-weight: bold;
    }
    #menu img {
    	margin: 0 50px 0 0;
    	float: left;
    }
    #menu a {
    	margin: 0 5px;
    	color: #f5f4f4;
    	text-decoration: none;
    	font-size: 11px;
    }
    #container {
    	width: 100%;
    }
    .sidebar {
    	width: 200px;
    	background-color: #87CEEB;
    	padding: 0 10px 10px 10px;
    	line-height: 1.5em;
    }
    .sidebar h3 {
    	margin: 0 -10px 10px -10px; padding: 0;
    	font-size: 11px;
    	color: #fefefe;
    	text-align: center;
    	height: 32px;
    	line-height: 32px;
    	background: repeat-x url(../images/bcksidebarh3.gif);
    	border: none;
    }
    .sidebar a {
    	color: #ffb504;
    	text-decoration: none;
    }
    #content {
    	margin: 10px 20px;
    }
    #path {
    	margin: 0 0 15px 0;
    	color: #fff;
    }
    #path a {
    	color: #fff;
    	text-decoration: none;
    	font-weight: normal;
    	font-size: 11px;
    }
    #footer {
    	margin: 2px 0 0 0;
    	height: 62px;
    	line-height: 62px;
    	text-align: center;
    	font-size: 10px;
    	color: #000;
    	background: repeat-x url(../images/bckfooter.gif);
    }
    #footer a {
    	color: #000;
    	text-decoration: none;
    	font-weight: normal;
    	font-size: 10px;
    }
    .c {
    	float: left;
    }
    .cr {
    	clear: left;
    }
    
    td {
    	vertical-align: top;
    }
    
    h1 {
    	font-size: 14pt;
    	margin: 5px 0 5px 0;
    }
    
    h2 {
    	margin: 0 0 2px 0; padding: 0;
    	font-size: 11px;
    	width: 250px;
    	height: 29px;
    	line-height: 29px;
    	text-align: center;
    	background: center top no-repeat url(../images/bckcats.gif);
    }
    h2.inner {
    	margin: 0 0 5px 0; padding: 0;
    	background: none;
    	text-align: left;
    	width: auto;	
    	height: auto;
    	line-height: normal;
    }
    h2.inner a {
    	font-size: 11px;
    }
    h2 a {
    	color: #000;
    	text-decoration: none;
    	font-size: 11px;
    }
    
    h3 {
    	color: #ffb504;
    	font-size: 12px;
    	margin: 20px 0;
    	padding: 0;
    	border-bottom: #5c5c5c 1px dashed;
    }
    
    #descr {
    	padding: 0px;
    	margin: 0 0 5px 0;
    }
    
    table.formPage {
    	border: 1px solid #5c5c5c;
    	width: 100%;
    }
    td.err {
    	padding: 3px;
    	color: #FF0000;
    	background: #FFEDED;
    	border: 1px solid #A0A0A0;
    	text-align: left;
    }
    td.msg {
    	padding: 3px;
    	color: #0000FF;
    	background: #EDF3FF;
    	border: 1px solid #A0A0A0;
    	text-align: left;
    }
    .label {
    	text-align: right;
    }
    .buttons {
    	border-top: 1px solid #5c5c5c;
    	text-align: center;
    }
    .count {
    	color: #000;
    	font-size: 9px;
    	font-weight: normal;
    }
    #featlinks a, #links a, .smallDesc a {
    	font-size: 11px;
    	color: #000;
    	font-weight: bold;
    	text-decoration: none;
    }
    #featlinks p, #links p {
    	margin: 0 0 7px 0;
    	font-size: 10px;
    }
    .url {
    	color: #fcfcfc;
    	font-size: 10px;
    }
    
    .submit {
    	float: right;
    	vertical-align: bottom;
    }
    #user-bar {
       clear:both;
       width:20%;
       margin:0 0 0 auto;
       padding:3px;
       background:#D9E8F9;
       line-height:19px;
       text-align:right;
    }
    
    .text, .btn {
    	font-size: 8pt;
    	font-family: Verdana, Tahoma, Arial, sans-serif;
    }
    input.text {
    	color: #000000;
    	border: 1px solid #5c5c5c;
    }
    textarea.text {
    	font-size: 8pt;
    	border: 1px solid #5c5c5c;
    }
    select {
    	font-size: 8pt;
    	border: 1px solid #5c5c5c;
    }
    
    .captcha {
    	border: 1px solid #5c5c5c;
    	margin-top: 10px;
    }
    
    form {
    	display: inline;
    	margin: 0;
    	padding: 0;
    }
    .btn {
    	font-size: 8pt;
    	font-weight: bold;
    	border: 1px solid #222222;
    	background-color: #3b3b3b;
    	color: #fff;
    	cursor: pointer;
    	height: 17px;
    }
    span.req {
    	margin-left: 3px;
    	color: #FF0000;
    	font-weight: bold;
    }
    
    div.errForm, span.errForm {
    	margin: 0px 0 0px 5px;
    	padding: 2px 3px 2px 3px;
    	color: #FF0000;
    	background: #FFFFF3;
    	border: 1px solid #cccccc;
    	text-align: left;
    	clear: right;
    }
    .small, .small a {
    	padding: 0px;
    	margin: 0px;
    	color: #bbb;
    	font-size: 7pt;
    	text-decoration: none;
    }
    .sort {
    	color: #eee;
    }
    p.subcats {
    	margin: 0px 0px 10px 0px;
    	padding: 5px 0;
    	width: 250px;
    	background: #292929 repeat-x url(../images/bcksubcats.gif);
    	font-weight: bold;
    	font-size: 10px;
    	line-height: 1.5em;
    }
    p.subcats a {
    	margin: 0 0 0 20px;
    	padding: 0 0 0 15px;
    	color: #fefefe;
    	text-decoration: none;
    	background: left center no-repeat url(../images/subcats.gif);
    }
    div.pr {
    	font-size: 6pt;
    	color: #ffd87c;
    	float: left;
    	height: 30px;
    	margin-right: 5px;
    }
    div.prg {
    	width: 40px;
    	border: 1px solid #5c5c5c;
    	height: 3px;
    	font-size: 1px;
    }
    div.prb {
    	background: #ffb504;
    	height: 3px;
    	font-size: 1px;
    }
    
    .price {
    	border: 1px solid #5c5c5c;
    }
    .price table td{
    	margin: 0;
    	padding: 2px;
    	vertical-align: bottom;
    }
    
    .paging-links,
    .paging-info {
       text-align:right;
    }
    
    .paging-info {
       font-style: italic;
    }
    
    .limit_field {
       border: 0 solid transparent;
       border-width:0;
    }
    
    #toggleCategTree {
       display:block;
       cursor:pointer;
       cursor:hand;
       color:#6A8AD4;
    }
    
    #categtree {
       margin:3px 0;
       height:200px;
       width:300px;
       overflow:auto;
       border:1px dotted #9EC2F3;
       border-width:0 1px 1px;
    }
    
    #catTitle { background:#000; } /* Important for Konqueror */
    
    #categtree h2 {
       margin:0 0 5px;
       padding:2px;
       text-align:center;
       color:#5e74b3;
       background:#DDE5F3;
       vertical-align:middle;
    }
    
    #categtree #close_tree {
       right:0;
       padding:1px;
       text-align:center;
       white-space:nowrap;
       cursor:pointer;
       cursor:hand;
    }
    
    #categtree .categ-item {
       clear:both;
       margin:3px 5px;
       padding:2px 5px;
       display:block;
       border:1px dotted #CBE2EC;
       border-width:1px 0;
       cursor:pointer;
       cursor:hand;
    }
    
    #categtree .categ-item img {
       margin-right:1em;
    }
    
    #categtree .odd {
       background:#F8F8FC;
    }
    
    #categtree .even {
       background:#000;
    }
    
    #categtree .categ-item:hover {
       background:#eee;
    }
    
    Code (markup):
     
    jminscoe, Apr 27, 2007 IP
  2. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #2
    I don't think there is a problem. I see all the text and do so in Fx 2 and IE 6.
     
    semantic7, Apr 27, 2007 IP
  3. bobby9101

    bobby9101 Peon

    Messages:
    3,292
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Looks fine to me
     
    bobby9101, Apr 27, 2007 IP
  4. jminscoe

    jminscoe Peon

    Messages:
    1,223
    Likes Received:
    119
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Solved someone from phplinkdirectory forum help me to get it to show I had to change some colors fff to 000
     
    jminscoe, Apr 27, 2007 IP
  5. lighe

    lighe Active Member

    Messages:
    150
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #5
    that's because before of changing the color you probably had #fff on #fff -> same color -> you don't see the text :)
     
    lighe, Apr 28, 2007 IP