Archief - css: background

f

fromalk

Legacy Member

• 30 aug 2004

• #1

Op: http://www.microsoft.com/windowsxp/expertzone/communities/tablet.mspx heeft mn vanboven rechts in de hoek, 2 erg coole links vind ik persoonlijk, deze laten (volgens mij) het hele tabel veld verkleuren... (<td>), wel nu hoe kan je eigenlijk een td hoveren? a:hover gaat perfect, maar td:hover geeft dat geen fouten in andeere browsers?

P

PolefõX

Legacy Member

• 30 aug 2004

• #2

ge schrijft gewoon u css voor die links (dus met a:hover,...) en dan zet ge daar "padding : 8px" of een andere waarde bij.

voorbeeld:

Code:

a:link{ padding: 8px }
a:hover{ color:#0000ff }

P

PieterJ

Legacy Member

• 30 aug 2004

• #3

Dan heb je nog atlijd het randje niet...

Z

Zero Grav

Legacy Member

• 31 aug 2004

• #4

is da ni te doen met display: block en dan borders & bgcolor?

P

PieterJ

Legacy Member

• 31 aug 2004

• #5

iets concreter...

L

LunchBox

Legacy Member

• 31 aug 2004

• #6

via javascript vrij simpel te doen:
-----
BINNEN JE HEAD
<style type="text/css"><!--
body{background-color:#fff;font-family:tahoma;font-size:12px;background-color:#DDD;}
td{border:1px #DDD solid;padding:3px;}
--></style>
<script type="text/javascript"><!--
function highlight(oCell,oState){
if(oState=="on"){
oCell.style.backgroundColor="#EEE";
oCell.style.border="1px white solid";
}else{ oCell.style.backgroundColor="#DDD";}
}
--></script>

BINNEN JE BODY
<table><tr><td onmouseover="highlight(this,'on')" onmouseout="highlight(this)">inhoud</td></tr></table>

P

PolefõX

Legacy Member

• 31 aug 2004

• #7

gewoon zoals ek eerder al gezegd heb (btw, sorry voor de foute in de code toen, was wa te snel geweest)
hier het resultaat met rand enal, vrij eenvoudig:

Code:

 a{ padding-left: 8px;
    padding-right: 8px;
    color: #006699
}

 a:hover{ border: 1px solid #006633;
          background: #66cc66
}

ps: heb da overlaatst nog nodig gehad, vandaar da het nog vrij fris in men geheuge lag