/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS en knap
Fra : Leonard


Dato : 04-10-02 16:53

Jeg vil gerne lave en knap, så jeg har denne i mit stylesheet:

a.box
   {color: #002B48; background-color: #85ACC9;
    font-family: Arial, sans-serif; font-size: 0.9em
    border: 2px solid white; text-decoration: none;
    text-align: center; vertical-align: center;
    width: 120px; height: 30px;
    padding-top: 4px; font-weight: bold;
   }

og denne i HTML:

<a class="box" href="/tilmeld"'>Tilmeld</a>

I IE5.5 får jeg en fin bred og høj knap, men i Netscape og Opera får
jeg kun en knap der lige fylder rundt om teksten.

Hvad mangler jeg?
--
mvh Leonard - http://leonard.dk/


 
 
Claus Sørensen (04-10-2002)
Kommentar
Fra : Claus Sørensen


Dato : 04-10-02 16:43

Leonard wrote:

> Jeg vil gerne lave en knap, så jeg har denne i mit stylesheet:
>
> a.box
> {color: #002B48; background-color: #85ACC9;
> font-family: Arial, sans-serif; font-size: 0.9em
> border: 2px solid white; text-decoration: none;
> text-align: center; vertical-align: center;
> width: 120px; height: 30px;
> padding-top: 4px; font-weight: bold;
> }
>
> og denne i HTML:
>
> <a class="box" href="/tilmeld"'>Tilmeld</a>
>
> I IE5.5 får jeg en fin bred og høj knap, men i Netscape og Opera får
> jeg kun en knap der lige fylder rundt om teksten.
>
> Hvad mangler jeg?

display:block;

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

Jørn Andersen (04-10-2002)
Kommentar
Fra : Jørn Andersen


Dato : 04-10-02 17:40

On Fri, 04 Oct 2002 15:52:43 GMT,
dennemailerikketilspam@tdc-broadband.dk (Leonard) wrote:

Tilføjelse til Claus's:
>   {color: #002B48; background-color: #85ACC9;
>    font-family: Arial, sans-serif; font-size: 0.9em
>    border: 2px solid white;

Husk ; efter font-size: 0.9em

Derudover er det nemmere at læse, hvis du skriver det således:
a.box   {
color: #002B48;
background-color: #85ACC9;
font-family: Arial, sans-serif;
font-size: 0.9em;
border: 2px solid white;
text-decoration: none;
text-align: center;
vertical-align: center;
width: 120px;
height: 30px;
padding-top: 4px;
font-weight: bold;
display:block;
}
- altså kun 1 egenskab pr. linie.
(Det er også nemmere at kopiere en egenskab fra klasse til klasse.)

Good luck!

--
Jørn Andersen,
Brønshøj

Søg
Reklame
Statistik
Spørgsmål : 177556
Tips : 31968
Nyheder : 719565
Indlæg : 6408866
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste