PDA

View Full Version : Help with CSS

Aredhel
05-06-2003, 06:10 AM
here is my CSS so, how do I make the links to flip horizontally? I know that I should put this >>> filter: fliph; <<< in the hover part. but somehow when tried it, the link won't flip, it just change colour. help

<style>
body {margin: 0; background-color: #BF896F; font-family: verdana, arial, tahoma, sans-serif; font-size: 8pt;
scrollbar-highlight-color: #BF896F; scrollbar-3dlight-color: #ECD2C6; scrollbar-shadow-color: #BF896F; scrollbar-darkshadow-color: #ECD2C6; scrollbar-arrow-color: #ECD2C6; scrollbar-face-color: #BF896F; scrollbar-track-color: #BF896F;}
.content { font-family: verdana, arial, tahoma, sans-serif; font-size: 8pt; line-height: 12pt;}
a {cursor: crosshair;}
a:link {color:#A66F54; text-decoration: none; font-weight: bold;}
a:visited {color:#A66F54; text-decoration: none; font-weight: bold;}
a:hover {color:#DDC0B2; text-decoration: none; font-weight: bold;}
a:active {color:#A66F54; text-decoration: none; font-weight: bold;}
.head { color: #000000; background-color: #BF896F; border: solid 1px #000000; font-size: 10pt; }
img {border: 0;}
td {background-color: #BF896F; font-color:#000000; font-size:8pt}
</style>
Xiphias
05-06-2003, 11:35 AM
download the file link.htc from this sitepage: http://www.``````````````/transtutorial.shtml

then put that file in your folder and reupload your stuff... as long as you have filter: flipH; in your CSS code, it should work now!
MaGiCSuN
05-06-2003, 01:01 PM
it's not nessecary to download the file. YOu can just insert the code into the html one and save it as .css if you want (or just add the code between your <head> and </head>

a:hover {color:#DDC0B2; text-decoration: none; font-weight: bold;}

that part should be changed to:

a:hover {color:#DDC0B2; text-decoration: none; font-weight: bold; filter: flipH;}

Love,
Mirna