Phillip
01-03-2006, 03:39 AM
Ok I've just done my css. And the links when you hover over them highlight
and the table borders are all thick :l
and the table borders are all thick :l
|
View Full Version : Why has this happened? Phillip 01-03-2006, 03:39 AM Ok I've just done my css. And the links when you hover over them highlight and the table borders are all thick :l salomeyasobko 01-03-2006, 03:44 AM You can change your border thickness like this: border: 1px solid #FFFFFF; The bold part determines how thick the borders are What do you want to happen to the links when you hover over them? A link to your page would be nice, too. :) Phillip 01-03-2006, 04:11 AM Hey on the tables they say border="0" also I would like for my links to be like when you hover over like your name on the forum it changes, but dosen't give a hilighted thing? Phillip 01-03-2006, 04:31 AM Ok this is the code for my css the problems are: (When I click on a link, a heighlight comes up how do I remove that?) (When I put it up the border thickness goes up, and when I take the css off. it geis back to normal! Any ideas?) <style type="text/css"> A:link { text-decoration: none; color:#000000; } A:visited { text-decoration: none; color:#000000; } A:active { text-decoration: none; color:#000000; } A:hover { text-decoration: Underline; color:#FFFFFF; background-image:none; background-color: #000000; cursor: Hand; } h1 {font-family: Arial; color: #000000; } h2 {font-family: Times new roman; Color: #000000;} h3 {font-family: Arial; Color:#000000; } h4 {font-family: Times new roman; Color: #000000;} h5 {font-family: Arial; Color: #000000; } p {font-family: Verdan; color: Color: #000000; } body { background: #FFFFFF; background-image:none; background-repeat: no-repeat; background-position: top center; background-attachment: Scroll; font-family: Times new roman; color: #000000 ; letter-spacing: 3pt; font-weight: Normal; font-size: Medium; scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } td { font-family: Times new roman; color: #000000; padding-left: 2cm; padding-right: 2cm; padding-top: 2cm; padding-bottom: 2cm; padding: 2cm; padding: value 2cm; } input, textarea { background: #000000; font-family: Arial; color: #000000; border-style: Solid; border-color: #000000; border-width: 5px; } </style> <a href="">redgdg</a> salomeyasobko 01-03-2006, 05:16 AM change it to this: A:hover { text-decoration: Underline; color:#FFFFFF; cursor: Hand; } and add this: table {border: 0px;} where specifically is the border too big? because if you want no border everywhere in the table, add this: table, tr, td {border: 0px;} you can change the 0px to something small like 1px, if you want if you still have problems with it, post a link to your site! :) |