Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hyperlinks verschillende kleuren / CSS

18 antwoorden
  • Ik maak gebruik van CSS en frames. Nu wil ik in ivm verschillende achtergrondkleuren van de diverse frames verschillende kleuren voor de hyperlinks hebben in de afzonderlijke frames. Ik wil gebruik maken van 1 css bestand en wil liefst geen CSS info in de header van de pagina's opnemen. Is dit mogelijk? En hoe?
  • Je kan gebruik maken van verschillende soorten selectors binnen CSS. Kijk maar welke het best bij de opbouw van je pagina's past. http://www.w3.org/TR/REC-CSS2/selector.html
  • Of je maakt voor je links aparte classes aan.
  • Thx voor de reacties. Aparte classes heb ik reeds geprobeerd maar dan is de link statisch. Ik wil graag "hover" en "active" indicaties. De link naar de website welke Annie geeft brengt me niet veel. Snap niet goed hoe het e.e.a. toe te passen. (Geen kwestie van te lui om te lezen...) Onderstaand de code welke ik gebruik. Hoe maak in nu een extra setje aan met afwijkende eigenschappen? [size=9:64ff794328]<!-- Hyperlinks --> A {text-decoration: none; color: ffffff; font-weight: none; font-size=10pt; background: none; font-family: "verdana", "arial", "serif";} A:hover {text-decoration: underline; color: a6ba84; font-weight: none; font-size=10pt; background-color: none; font family: "verdana", "arial", "serif";} A:active { text-decoration: none; color: ecff19; font-weight: none; font-size=10pt; background-color: none; font-family: "verdana", "arial", "serif";}[/size:64ff794328] Thx.
  • Statisch?[code:1:416015b272]a.blaat:hover{color:green;background:#fff url(nice) no-repeat center;}[/code:1:416015b272]
  • [code:1:2b4ed5d783]<div id="blaat1"><a href............ /></div>[/code:1:2b4ed5d783] [code:1:2b4ed5d783]#blaat1 a { ..... } #blaat1 a:hover { ...... } [/code:1:2b4ed5d783]
  • style.css: [code:1:e53be12da8] a.link1:link{color:#FFFFFF;background:#FF0000;} a.link1:visited{color:#FFFFFF;background:#FF0000;} a.link1:active{color:#DDDDDD;background:#FF0000;} a.link1:hover{color:#FFFFFF;background:#FF0000;} a.link2:link{color:#FF0000;background:#FFFFFF;} a.link2:visited{color:#FF0000;background:#FFFFFF;} a.link2:active{color:#800000;background:#FFFFFF;} a.link2:hover{color:#FF0000;background:#FFFFFF;} [/code:1:e53be12da8] end style.css <a href="#" class=link 1>link 1</a> <BR> <a href="#" class=link 2>link 2</a>
  • Met zoveel tips moet het toch wel lukken :lol:
  • Sterker nog, het is gelukt. Allemaal bedankt! p.s. Statisch leek mij logisch, leg ik nog wel eens uit....... :)
  • Als je nu de link die ik gaf nog een keer doorleest snap je dan iets meer van de informatie die daar gegeven wordt? De tips die hier gegeven zijn, zijn namelijk 'technieken' die daar staan genoemd. Als je het een beetje door hebt is het de volgende keer wat makkelijker zelf toe te passen.
  • Het attribute verhaal is me nu inderdaad wat duidelijker, voorbeeldje doet wonderen....! Zie ook dat ik meerdere attributes kan combineren. Kan ik met CSS ook een soort van macro functie creeren? Ik heb bijvoorbeeld met regelmaat dat ik bij pagina's van een bepaalde productfamilie elke keer dezelfde "header" en "footer" met HTML code heb. Bij mutaties moet ik alle pagina's door worstelen om alles up-to-date te krijgen. Kan ik deze html code op een of andere manier aanroepen/includen vanuit de stylesheet of is het echt alleen een STYLEsheet.
  • Het is een style sheet. Markup in je style sheet zetten is even dom als met HTML (tabellen e.d.) je pagina vorm geven. Meestal kun je wel iets regelen door server-side meerdere bestanden samen te voegen, voordat je het geheel naar de client stuurt.
  • Gebruik idd sever-side scripting, zoals PHP of ASP
  • [quote:20f5c57728="Johnny321"]Gebruik idd sever-side scripting, zoals PHP of ASP[/quote:20f5c57728]In php kan dit zeer gemakkelijk door op de plek waar de standaard header en footer komt, dit te zetten: <? include(header.php); ?> en voor de footer: <? include(footer.php); ?>. Even de extensie veranderen van de bestanden waar dit inkomt (naar .php), en zorgen dat de header en de footer bestaat (daarin staat dus die standaard text). Let wel op dat je hosting php ondersteund. Jochem
  • Vraag bij je host dan ook even naar zgn Server Side Includes oftewel SSI. Dit werkt ongeveer zoals in het voorbeeld dat XBL geeft en wordt soms door providers ondersteund terwijl ze geen PHP/ASP hebben. - Bas
  • Ik hoop dat ik mag aannemen dat header.php en footer.php geen gereserveerde namen zijn? Dus dat ik afhankelijk van de produktfamilie/pagina's verschillende headers en footers kan maken of dat ik in ieder geval elke bestandsnaam kan includen? Andere aanname is dat als ik deze bestandjes aanmaak met de php extensie dat dit voldoende is. Aangezien ik nog nooit iets met php gedaan heb; hoe is de opbouw van een php pagina? Normale <head><body> constructie met hetgeen ik wil invoegen in standaard html of simpel een tekstbestandje, of iets anders wellicht.... Waar kan een newbe hierover iets vinden? p.s. Ik ben de komende week de gehele week in het buitenland dus mijn responce laat even op zich wachten ben echter zeer geinteresseerd.
  • [quote:3f7cb8e538="tfo"]Ik hoop dat ik mag aannemen dat header.php en footer.php geen gereserveerde namen zijn? Dus dat ik afhankelijk van de produktfamilie/pagina's verschillende headers en footers kan maken of dat ik in ieder geval elke bestandsnaam kan includen? [/quote:3f7cb8e538]Je mag ze van mijn part pietsnot.php noemen 8). Mag trouwens elke extensie zijn (ook .htm of .txt, of geen extensie). [quote:3f7cb8e538]Andere aanname is dat als ik deze bestandjes aanmaak met de php extensie dat dit voldoende is. Aangezien ik nog nooit iets met php gedaan heb; hoe is de opbouw van een php pagina? Normale <head><body> constructie met hetgeen ik wil invoegen in standaard html of simpel een tekstbestandje, of iets anders wellicht.... Waar kan een newbe hierover iets vinden?[/quote:3f7cb8e538]PHP is eigenlijk html maar dan met oppeens veel meer functies. Als je php aanroept, zet je dat tussen een <? en een ?> daaromheen is alles gewoon html. Je opbouw is dus gewoon als een html pagina. Een zoektocht met google levert je zo een berg tutorials op, en rondsnuffelen op hotscripts.com levert je zo een berg scripts op die je kan uitpluizen (zo heb ik voor een groot deel php proberen te leren (maar gebruik het te weinig om echte 'grote' dingen te kunnen)). En natuurlijk www.php.net :P. Jochem
  • Het is wel beter om in het bestand dat je gaat includen de head en body tags weg laat anders staat die als hij is geinclude twee keer in je broncode. Je kan het trouwens ook omdraaien de content die veranderd includen in een bestand waar alle andere onderdelen van je site staan die gelijk moeten blijven.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.