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! :)