Toon posts:

[css] stuk html buiten css laten

Pagina: 1

Acties:

38 views sinds 30-01-2008
Reageer

woensdag 3 juli 2002 14:25

Acties:

Verwijderd

Topicstarter

ik heb een pagina met in de head een paar css elementen
hierin staan ook de kleuren van standaard links gedefinieerd dus:

A:link, A:visited, A:active {COLOR: #000000; }

nu wil ik echter midden in de pagina een stuk buiten deze css laten omdat die links een andere kleur moeten hebben.

nu weet ik dat je kan doen bij elke link <a style="color:blaat etc.

maar is er niet iets van

<css blaat paar eisen>
alle code die erbuiten moet (dus waarop de css uit de hea niet op moet worden losgelaten)
</css blaat paar eisen>

alvast bedankt!!

en ja ik heb al heel lang gezocht samen met iemand anders maar ik ken het echt niet vinden

woensdag 3 juli 2002 14:26

Acties:

Limhes

Ik zou een aparte class aanmaken voor het stuk dat er buiten moet.
a.naampie a.naampie:hover {css meuk}

<a class="naampie">dit staat er buiten</a>

.edit: dit is eiglijk W&G

woensdag 3 juli 2002 14:27

Acties:

Janoz

Moderator Devschuur®

!litemod

wel een beetje opletten he

deze hoort bij de buren..

PW -> WG

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

woensdag 3 juli 2002 14:29

Acties:

tomato

Bijvoorbeeld:

code:

.apart a:link {
   color: #0000;
}

////

hoi hier HTML

<span class="apart">
   hier links in het zwart en HTML
</span>

hoi hier HTML

Je bedoelt dit

woensdag 3 juli 2002 14:33

Acties:

Verwijderd

Topicstarter

ja dat had ik ook al verzonnen maar dat gaat neit zo handig

woensdag 3 juli 2002 14:35

Acties:

André

Analytics dude

Op woensdag 03 juli 2002 14:33 schreef willempiet het volgende:
ja dat had ik ook al verzonnen maar dat gaat neit zo handig

Hoe bedoel je

Dat is de meest handigste oplossing.

woensdag 3 juli 2002 14:35

Acties:

Verwijderd

Er bestaat (nog) niets zoiets alle 'alle ... behalve ...' in CSS, dus je moet vanuit de basis opbouwen, en condities opgeven waaraan iets wél moet voldoen.

code:

1
2
3

div.melp a:link {
  /* styles */
}

Dit heeft alleen betrekking op a tags binnen een div waaraan de CSS klasse 'melp' is toegekend.

Meer daarover vind je hier, maar niet alle selectors zijn al door alle browsers geïmplementeerd.

Maar 'negatieve' selectors bestaan nog niet.

Wat tomato laat zien is één van de beste oplossingen die er op dit moment beschikbaar zijn, dus die zou ik je aanraden

woensdag 3 juli 2002 14:38

Acties:

Verwijderd

Topicstarter

ja ik weet dat het zo kan alleen het vervelende is dat de links buitenaf in een php bestand aangemaakt worden en als je ze daar al moet implementeren dan gaan die links raar doen

woensdag 3 juli 2002 15:16

Acties:

Dr_Frickin_Evil

Mensen, de topicstarter komt zelf al met de oplossing die jullie allemaal noemen

woensdag 3 juli 2002 15:18

Acties:

tomato

willempiet: ja ik weet dat het zo kan alleen het vervelende is dat de links buitenaf in een php bestand aangemaakt worden en als je ze daar al moet implementeren dan gaan die links raar doen

Tsja... je begrijpt toch zelf ook wel dat we hier niet zo veel mee kunnen

woensdag 3 juli 2002 15:55

Acties:

disjfa

Op woensdag 03 juli 2002 14:38 schreef willempiet het volgende:
ja ik weet dat het zo kan alleen het vervelende is dat de links buitenaf in een php bestand aangemaakt worden en als je ze daar al moet implementeren dan gaan die links raar doen

dan moet je iets beter scripten en is de css niet de schuldige

neem classes aan en als je door een loop rent zet gewoon elke keer die klasse er dan neer

disjfa - disj·fa (meneer)
disjfa.nl

woensdag 3 juli 2002 21:08

Acties:

Verwijderd

Misschien is dit handig?

code:

<style type="text/css" id="normaal">
a { color: red }
</style>

<style type="text/css" id="speciaal" disabled>
a { color: green }
</style>

<script language="javascript">
function doeSpeciaal()
{
  document.getElementById('normaal').disabled=true;
  document.getElementById('speciaal').disabled=false;
}
...

Dit is ook niet super-netjes. Het is een interessant probleem. Eigenlijk zou je de attributen van een class moeten kunnen wijzigen, zoals (maar dit werkt helaas niet):

code:

<script language="javascript">
function doeSpeciaal()
{
  document.getStyleElement('A').color='Red';
}

En dan moeten alle anchors van kleur verschieten. Maar dat werkt niet

Ik moet zoiets 's aan w3c voorstellen.

woensdag 3 juli 2002 21:16

Acties:

Verwijderd

Ik bedenk me nog iets. Het volgende:

code:

<style type="text/css">
a { color: red }
.speciaal a {color: green }
</style>

...

<body>
  <p> Hallo, klik <a href="bla.url">hier</a></p>
  <div class="speciaal">
    <a href="die.url">Deze</a> link heeft een andere kleur.
  </div>

Op bovenstaande manier heb ik een paar oude html pagina's binnen mijn nieuwe css-structuur geplaatst. De css .speciaal a betekent in alle anchors die een voorvader hebben van de class speciaal. Happy?

woensdag 3 juli 2002 22:27

Acties:

Verwijderd

[topic=541011/1/25]

Vooral RM-rf's stuk is leerzaam en zal je helpen. Antwoord staat daar ook in

Pagina: 1

Reageer