meerdere tekst styles in een stylesheet - Softwareontwikkeling

woensdag 3 juli 2002 10:12

Acties:

Verwijderd

Topicstarter

Ben dus bezig met een stylesheet maar nu wil ik meerdere tekststyles maken

Maar het probleem is dat het telkens de tekststyle gebruikt die als laatste in mijn stylesheet staat

Iemand een id hoe dit is op te lossen
Hoop ook dat het een beetje duidelijk is

woensdag 3 juli 2002 10:14

Acties:

Verwijderd

Dit volg ik even niet

.stijl1{font:icon;}
.stijl1{font-family:Tahoma;)

Dit doe je?

woensdag 3 juli 2002 10:14

Acties:

Dr_Frickin_Evil

je geeft toch wel elke style een eigen naam mee hoop ik? en je opent en sluit netjes met { }? post eens een stukje van je stylesheet.

woensdag 3 juli 2002 10:15

Acties:

Hangloozz

{ @$%&# }

typisch geval van: post ff wat code...

www.jurgroessen.nl

woensdag 3 juli 2002 10:17

Acties:

Verwijderd

Topicstarter

Op woensdag 03 juli 2002 10:14 schreef Gordijnstok het volgende:
Dit volg ik even niet

nou ik begin mijn stylesheet met een tekst style die er zo uit ziet
.tekst {font-family: Arial; font-size: 7pt; font-weight: bold;color: #003366 } enz enz

en daarna heb ik in mijn stylesheet

.tekst2 {font-family: Arial; font-size: 8pt; font-weight: bold;color: #007766 } enz enz

maar als ie doe CLASS="tekst"
dan pakt hij later de mouseover van tekst2

woensdag 3 juli 2002 10:18

Acties:

Verwijderd

Dan zit er denk ik wat fout in je A style

Post is ff je volledige stijlscheet dan..

woensdag 3 juli 2002 10:18

Acties:

Bosmonster

*zucht*

Op woensdag 03 juli 2002 10:17 schreef Mastersteen het volgende:

[..]

nou ik begin mijn stylesheet met een tekst style die er zo uit ziet
.tekst {font-family: Arial; font-size: 7pt; font-weight: bold;color: #003366 } enz enz

en daarna heb ik in mijn stylesheet

.tekst2 {font-family: Arial; font-size: 8pt; font-weight: bold;color: #007766 } enz enz

maar als ie doe CLASS="tekst"
dan pakt hij later de mouseover van tekst2

Dat lijkt me errug sterk.. Ik neem dus maar aan dat je je code niet zelf schrijft, maar Frontpage of Dreamweaver deze laat genereren ofzo?

woensdag 3 juli 2002 10:19

Acties:

Verwijderd

Topicstarter

.tekst {font-family: Arial; font-size: 7pt; font-weight: bold;color: #003366 }
A {text-decoration:none;color: #ffffff }
A:visited {text-decoration:none;color: #ffffff }
A:active {text-decoration:none;color: #000000 }
A:hover {text-decoration:none;color: #00ff00 }
A.wit {text-decoration:underline;color: #003366 }
A.wit:visited {text-decoration:underline;color: #003366 }
A.wit:active {text-decoration:underline;color: #003366 }
A.wit:hover {text-decoration:none;color: #00ff00 }

img.rand {border: 1px solid #3F7EA0;}

.tekst2 {font-family: Arial; font-size: 7pt; font-weight: bold;color: #003366 }
A {text-decoration:none;color: #ffffff }
A:visited {text-decoration:none;color: #ffffff }
A:active {text-decoration:none;color: #000000 }
A:hover {text-decoration:none;color: #054215 }
A.wit {text-decoration:underline;color: #003366 }
A.wit:visited {text-decoration:underline;color: #003366 }
A.wit:active {text-decoration:underline;color: #003366 }
A.wit:hover {text-decoration:none;color: #451014 }

woensdag 3 juli 2002 10:20

Acties:

Bosmonster

*zucht*

Er staat toch 2x hetzelfde in je stylesheet.. niet zo gek dus dat dat overschreven wordt..

code:

a {font-family: Arial; font-size: 7pt; font-weight: bold;color: #003366 }

a.tekst {text-decoration:none;color: #ffffff }
a.tekst:visited {text-decoration:none;color: #ffffff }
a.tekst:active {text-decoration:none;color: #000000 }
a.tekst:hover {text-decoration:none;color: #00ff00 } 
a.tekst.wit {text-decoration:underline;color: #003366 }
a.tekstwit:visited {text-decoration:underline;color: #003366 }
a.tekstwit:active {text-decoration:underline;color: #003366 }
a.tekstwit:hover {text-decoration:none;color: #00ff00 }
img.rand {border: 1px solid #3F7EA0;}

a.tekst2 {text-decoration:none;color: #ffffff }
a.tekst2:visited {text-decoration:none;color: #ffffff }
a.tekst2:active {text-decoration:none;color: #000000 }
a.tekst2:hover {text-decoration:none;color: #054215 } 
a.tekst2wit {text-decoration:underline;color: #003366 }
a.tekst2wit:visited {text-decoration:underline;color: #003366 }
a.tekst2wit:active {text-decoration:underline;color: #003366 }
a.tekst2wit:hover {text-decoration:none;color: #451014 }

woensdag 3 juli 2002 10:24

Acties:

Dr_Frickin_Evil

Foei, dit soort onbenulligheden mag je hier niet posten, dit is onder het niveau van Webdesign & Graphics

Niet mijn idee helaas.... (zie mn sig)

woensdag 3 juli 2002 10:30

Acties:

André

Analytics dude

Op woensdag 03 juli 2002 10:24 schreef Dr_Frickin_Evil het volgende:
Foei, dit soort onbenulligheden mag je hier niet posten, dit is onder het niveau van Webdesign & Graphics Niet mijn idee helaas.... (zie mn sig)

_{Ga es ophouden met zeuren...}

En voor de topictstarter is www.w3schools.com misschien iets.

woensdag 3 juli 2002 10:32

Acties:

Dr_Frickin_Evil

Op woensdag 03 juli 2002 10:30 schreef Yogho het volgende:

[..]

_{Ga es ophouden met zeuren...}

En voor de topictstarter is www.w3schools.com misschien iets.

ik ben het er dus ook absoluut niet mee eens hoor...
handige site trouwens!

woensdag 3 juli 2002 11:24

Acties:

Verwijderd

Topicstarter

Op woensdag 03 juli 2002 10:24 schreef Dr_Frickin_Evil het volgende:
Foei, dit soort onbenulligheden mag je hier niet posten, dit is onder het niveau van Webdesign & Graphics Niet mijn idee helaas.... (zie mn sig)

Als je dit allemaal onder je niveau vind moet je er ook niet op reageren
Het wilde gewoon niet lukken en ben er zo'n tijd mee aan het kloten geweest dus ik denk vraag het hier eens

woensdag 3 juli 2002 11:48

Acties:

Verwijderd

Ik heb zo'n hekel aan dat gezeik over te laag niveau he. Jij bent zeker direct als prof gestart ofnie !? Wist ook direct alles van PHP, Servers, Linux, CMS enz...

woensdag 3 juli 2002 11:51

Acties:

Verwijderd

Topicstarter

Op woensdag 03 juli 2002 11:48 schreef Tizzwat het volgende:
Ik heb zo'n hekel aan dat gezeik over te laag niveau he. Jij bent zeker direct als prof gestart ofnie !? Wist ook direct alles van PHP, Servers, Linux, CMS enz...

gewoon mensen die geen zin hebben om te helpen maar wel willen posten

woensdag 3 juli 2002 11:55

Acties:

Verwijderd

Op woensdag 03 juli 2002 11:51 schreef Mastersteen het volgende:
gewoon mensen die geen zin hebben om te helpen maar wel willen posten

Bedoel je mij ?!

woensdag 3 juli 2002 11:58

Acties:

Verwijderd

een tip: download "Topstyle" , een hele goede WYSIWYG stylesheet-editor.

klik

woensdag 3 juli 2002 12:07

Acties:

Verwijderd

Op woensdag 03 juli 2002 10:24 schreef Dr_Frickin_Evil het volgende:
Foei, dit soort onbenulligheden mag je hier niet posten, dit is onder het niveau van Webdesign & Graphics Niet mijn idee helaas.... (zie mn sig)

Als je kinderachtig gaat doen, dan moeten we misschien maar een hele kinderachtige oplossing gaan bedenken als je voortaan zo gaat reageren, denk je ook niet?

Dit soort posts wordt niet gewaardeerd.

woensdag 3 juli 2002 13:20

Acties:

Dr_Frickin_Evil

Op woensdag 03 juli 2002 12:07 schreef Cheatah het volgende:

[..]

Als je kinderachtig gaat doen, dan moeten we misschien maar een hele kinderachtige oplossing gaan bedenken als je voortaan zo gaat reageren, denk je ook niet?

Dit soort posts wordt niet gewaardeerd.

Oke, oke, het was idd flauw...
De meeste begrijpen mij hierover alleen niet. Ik ben er dus TEGEN dat een post wordt gesloten, omdat het niveau te laag zou zijn. Zoals je in mijn sig kunt zien. En nu hou ik er dan maar over op

Op woensdag 03 juli 2002 11:48 schreef Tizzwat het volgende:
Ik heb zo'n hekel aan dat gezeik over te laag niveau he. Jij bent zeker direct als prof gestart ofnie !? Wist ook direct alles van PHP, Servers, Linux, CMS enz...

integendeel dus

woensdag 3 juli 2002 15:07

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

hartelijk dank aan * Dr_Frickin_Evil voor de lame poging tot vernieling van andermans vraag, als je zoiets nog een maal herhaald, zal ik niet aarzelen je kinderachtig gezanik te melden in [forum=26] en waarachtig hopen op repressailles voor je negatieve offtopic gedrag in andermans topic

Hierdoor loopt de topicstarter de mogelijkheid om over de behulpzame post van Bosmonster heen te lezen;
wat deze aangaf is zeer juist

het probleem ligt in CSS-selectors, je .tekst2 is een class-selector (andere mogelijkheden zijn id- ( # ) en tag- (zonder character) selectors, en de speudo-classes ( : ) )
de waardes die binnen de curly brackets ( {} ) achter de selector staan gelden voor content dat met deze selector is ge-markeerd.
Na de afsluitende bracket ( } ) eindigt de definitie en definieringen die daarna komen gelden voor de gehele pagina

voor tekst2 sluit je deze af, waarna je opnieuw properties voor de A-tag definieert.

wil je specifiek selectors gebruiken kun je deze combineren:

code:

1	A.tekst2 { foo: bar; }

definieert propertie foo met de waarde bar voor A-elementen met de class="tekst2"

wil je A elementen binnen een class waardes geven doe je dat door:

code:

1	.tekst A { foo: bar; }

hierover kun je alles leren op de eerder genoemde link http://www.w3schools.com/CSS/
of natuurlijk door de specs op http://www.w3.org/TR/REC-CSS1 en http://www.w3.org/TR/REC-CSS2

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

woensdag 3 juli 2002 15:12

Acties:

Dr_Frickin_Evil

Kalm maar hoor, i'm with you guys. Mijn post was cynisch bedoelt (maar overbodig idd)

dit is ook een goeie site btw: http://www.dto.tudelft.nl/mirhtml/

woensdag 3 juli 2002 16:17

Acties:

Verwijderd

Topicstarter

Op woensdag 03 juli 2002 15:12 schreef Dr_Frickin_Evil het volgende:
Kalm maar hoor, i'm with you guys. Mijn post was cynisch bedoelt (maar overbodig idd)

dit is ook een goeie site btw: http://www.dto.tudelft.nl/mirhtml/

hehe maakt niet uit, die site ken ik al .. trouwens wel handig