css ruler

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Viktor

Viktor

21/03/2006 17:24:00
Quote Anchor link
Netzoals bij border heb je border-style, met css.
Kan je zoiets ook bij een <hr> toepassen dat je hij solid wordt?

Ter verduidelijking:
Met een border, heb je als code border-style, hiermee kan je de dikte, kleur, style bepalen.
Bestaat dit ook voor een <hr> dat je bij zo'n lijn ook dikte, kleur en style kan bepalen?

a.b.
 
PHP hulp

PHP hulp

25/04/2024 14:56:16
 
Jelmer -

Jelmer -

21/03/2006 17:32:00
Quote Anchor link
hr{
border: 0;
border-bottom: 3px dotted red;
}

En dan zou je die laatste helemaal naar eigen wens in moeten kunnen vullen.
 
Viktor

Viktor

21/03/2006 22:03:00
Quote Anchor link
En hoe moet ik die code dan invoeren?
 
Kalle P

Kalle P

21/03/2006 22:03:00
Quote Anchor link
In je stylesheet of tussen de head tags.
 
Gert-Jan

Gert-Jan

22/03/2006 09:52:00
Quote Anchor link
Jelmer:
hr{
border: 0;
border-bottom: 3px dotted red;
}

En dan zou je die laatste helemaal naar eigen wens in moeten kunnen vullen.


Moet die "border: 0;" ook? Volgens mij kun je volstaan met:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
hr{
  border: 1px solid #565656;
}
 
B a s
Beheerder

B a s

22/03/2006 09:55:00
Quote Anchor link
of je doet het zo (zoals ik het altijd gebruik)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
hr {
   border: 0 0 1px 0;
}


Noord Oost Zuid West
 
Jan Koehoorn

Jan Koehoorn

22/03/2006 10:54:00
Quote Anchor link
Het probleem hiermee is: het moet in alle browsers werken. De enige manier die ik ken om dat te regelen is deze:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
hr {
    color: #fff; /* voor IE */
    background-color: #fff;
    border: 0;
    height: 1px;
}
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.