Versio

Dubbele span-kleur

Overzicht Reageren

Steff   an

Steff an

07/06/2006 20:35:00
Quote Anchor link
Hallo,

Ik ben bezig met een nieuw script, daarin gebruik ik <span class='span1'></span>, soms zit er binnen die tags nog een <span>

vb:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<span class='span11'>tekt<span class='span22'>andere tekst</span>tekst</span>


Het probleem is nu, dat de span11 oranje als kleur heeft een span22 blauw. Nu wil ik graag, dat als er een dubbele span is de eerst gedefineerde kleur gebruikt wordt, dus in dit geval oranje.

Steffan
ps. Ik werk nu even met Javascript, geen PHP.

Voorbeeld -> http://informatica.easy-tray.nl/Untitled.php
Gewijzigd op 01/01/1970 01:00:00 door Steff an
 
PHP hulp

PHP hulp

24/05/2012 10:50:14
Gesponsorde koppelingen:
BHosted Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  
 
Steff   an

Steff an

07/06/2006 20:48:00
Quote Anchor link
Ps. Is dit weer eens zo'n vraag waar niemand het antwoord op weet?

Volgens mij stel ik die vaker :(
 
Willem Jan Z

Willem Jan Z

07/06/2006 20:59:00
Quote Anchor link
Volgens mij heb je gewoon geen geduld :s
Wel 13 hele minuten gewacht.

Maar ik snap niet helemaal wat je bedoelt, je wilt wel een 2e span, maar je wilt de CSS die er aan gekoppelt zit niet gebruiken :s
Ik zou zeggen: Haal die 2e span gewoon weg.
 
Steff   an

Steff an

07/06/2006 21:03:00
Quote Anchor link
Het is willekeurig, er kunnen veel span-en in elkaar zitten, weghalen is géén optie.
En ik wil graag dat de tekst de kleur krijgt, van de buitenste span.

Geen geduld?? Zit al weken, misschien wel maanden met dit probleem.
Gewijzigd op 01/01/1970 01:00:00 door Steff an
 
Willem Jan Z

Willem Jan Z

07/06/2006 21:10:00
Quote Anchor link
Dan had je dat eerder moeten posten :D

Maar ik snap nog niet helemaal wat je bedoelt, maar misschien heb je hier wat aan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
.span1 {
color:#F00;
}

.span2 {
color:#00F;
}

.span1 .span2 {
color:#F00;
}


Nu wordt span1 rood. span2 geel. En als span2 in span1 zit wordt hij rood.

Maar misschien heb je hier niet zoveel aan :s

Misschien wel in combinatie met:
<span class="span1 span3">Tekst hier</a>

Nu heeft de span 2 classes toegewezen gekregen.
En kan je een 'standaard' span gebruiken zodat je CSS kort blijft (je maar 1 keer .span1 .span2 {etc} hoeft te hebben).

Hopelijk heb je hier wat aan, wat verder heb ik geen ideeën :)
 
Jelmer rrrr

Jelmer rrrr

07/06/2006 21:18:00
Quote Anchor link
Je kan ook stapelen in css he:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
.span1 {
   color: green;
}

.span2 {
   color: red;
}

.span1 span {
   color: blue;
}


Bij een regeltje als:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<span class="span1">Hello <span class="span2>WOrld</span></span>

zal WOrld als het goed is blauw worden.
 
Steff   an

Steff an

07/06/2006 21:27:00
Quote Anchor link
Kijk dit moest ik hebben, bedankt.
 
Willem Jan Z

Willem Jan Z

07/06/2006 22:09:00
Quote Anchor link
Inderdaad Jelmer, stom dat ik met de class in de span ging werken :s Is nogal een omweg.
In ieder geval is het nu opgelost :)
 
Jan Koehoorn

Jan Koehoorn

07/06/2006 22:58:00
Quote Anchor link
Ja, of simpeler:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
    span.span1 {
        color: #f90; /* oranje */
    }
    span.span1 span {
        color: #00f; /* blauw */
    }

Nu zijn alle spans met class 'span1' oranje en alle spans binnen de spans met class 'span1' blauw.
 
Willem Jan Z

Willem Jan Z

07/06/2006 23:33:00
Quote Anchor link
Deed Jelmer niet precies hetzelfde?
 



Overzicht Reageren