Verkeerde LINK kleur

Status
Niet open voor verdere reacties.
M

MathijsP

Gebruiker
Lid geworden
31 mrt 2008
Berichten
12
Ik ben bezig met Dreamweaver 2004 MX en heb een klein probleem met de kleur van mijn links.

Probleem:
Ik heb een stuk tekst (geel) in een donkerpaarsvlak. Maak ik van die tekst een link dan wordt de link in mn documentenvenster blauw, op zich geen probleem. Maar in mn browser Paars. Een paarse link in een donkerpaars vlak is niet wat ik wil.
Kan iemand mij vertellen wat ik fout doe??

Alvast bedankt,

MathijsP
 
Hoi,

In principe doe jij niets fout. :)
Omdat je al eens op die pagina bent geweest waar die link naartoe gaat, is de linkkleur paars. Dat is standaard altijd zo bij links, kijk maar naar een willekeurige Google pagina.

Om dat te veranderen kan je vast iets instellen in DW, maar ik ken dat programma helaas niet zo goed. Je kunt het ook heel simpel met een klein beetje CSS in je <head> goedmaken:
HTML: 
<style type="text/css">
a:href, a:active, a:visited{
color: #0000FF;
}
</style>
Als je dat tussen je <head> tags zet, wordt de kleur van alle normale links, alle actieve links en alle bezochte links op die pagina weer normaal blauw. :thumb:
 
Laatst bewerkt:
Jelly zei:
Hoi,

Thanks voor je snelle reactie. Nu je het zegt over die standaard kleur van die links. :)
Ik ga je tip proberen!!!:thumb:

mathijsP
In principe doe jij niets fout. :)
Omdat je al eens op die pagina bent geweest waar die link naartoe gaat, is de linkkleur paars. Dat is standaard altijd zo bij links, kijk maar naar een willekeurige Google pagina.

Om dat te veranderen kan je vast iets instellen in DW, maar ik ken dat programma helaas niet zo goed. Je kunt het ook heel simpel met een klein beetje CSS in je <head> goedmaken:
HTML: 
<style type="text/css">
a:href, a:active, a:visited{
color: #0000FF;
}
</style>
Als je dat tussen je <head> tags zet, wordt de kleur van alle normale links, alle actieve links en alle bezochte links op die pagina weer normaal blauw. :thumb:
Klik om te vergroten...
 
Al zoekend naar mijn probleem kom ik hier terecht.
Het probleem van Mathijs herken ik maar dan niet in de tekst-links maar rondom links (buttons) in mijn navigatiemenu. Ook paars.
Als browser gebruik ik standaard Firefox. Daarbij ervaar ik dit probleem niet maar zodra ik een voorvertoning met IE laat maken komt paars om de hoek....
Het stukje code van hierboven heb ik zonder succes tussen de <head> tags geplaatst.
Ik werk met Dreamweaver CS3 (NL) en heb middels een sjabloon een basispagina aangemaakt voor alle onderliggende pagina's.
Het zal wel iets simpels zijn maar ik ben er al even mee aan het stoeien en krijg het maar niet goed.
Hopelijk is er hier iemand die me verder op pad kan helpen.
 
Aha, ik begrijp het probleem denk ik. Je hebt iets van deze vorm?
HTML: 
<a href="index.html"><img src="plaatje.jpg"></img></a>

Dan komt er inderdaad vanzelf een border rond het plaatje te staan, om aan te geven dat het een link is. Deze is waarschijnlijk nu paars omdat je op die pagina waar naar verwezen wordt al eens geweest bent.

Je kunt hem weghalen door een klein stukje toe te voegen aan de CSS code die ik gaf:
HTML: 
<style type="text/css">
a:href, a:active, a:visited{
color: #0000FF;
}

img{
border: none;
}
</style>
Dat img { border: none; } geeft hier aan dat een afbeelding geen rand mag hebben. :thumb:
 
Zo, dat is een snel antwoord, dankjewel!
Is inderdaad de oplossing van het paarse euvel.... maar
nadat ik het veranderd heb in de sjabloon worden alle daarvan afgeleide pagina's aangepast.
Beetje schrikken toen ik index.html opende want beide achtergrond keuren zijn nu uit het beeld verdwenen. Geopend in de browser ziet het er wel netjes uit.
Ik heb je script direct onder <head> geplaatst.
Haal ik 'm weer weg dan heb ik in mijn ontwerp mijn mooie blauw en grijs terug maar in de browser ook weer de paarse kaders om de knoppen.......
Doe ik iets fout of moet ik leren leven met een van beide ongemakken?
 
Ik ken Dreamweaver niet goed, dus ik heb even een vraag. Als ik het verkeerd heb mag je het zeggen! ;)

Heb je de code in de <head> gezet van index.html zelf, of in het sjabloon? In het tweede geval: probeer het eerste eens. Het is natuurlijk het handigst om de code in een pagina te zetten, waar de aanpassing van de rand ook gemaakt moet worden.

Misschien werkt de code ook nog met een kleine aanpassing, zodat hij alleen afbeeldingen in een link aanpast:
HTML: 
<style type="text/css">
a:href, a:active, a:visited{
color: #0000FF;
}

a img{
border: none;
}
</style>

Met die code (met de 'a' als toevoeging) krijgen alleen afbeeldingen in een link géén rand.
 
Laatst bewerkt:
Dankje voor weer zo'n snel antwoord.
Ik ga vanavond laat met beide opties aan de slag. Eerst naar mijn werk...
Mijn baas staat me niet toe dit onder werktijd te doen (flauw he?) dus onderbreek ik de website bewerkingen tot ik weer thuis ben.
Wel nog even dit: Ik heb het inderdaad aangepast op de sjabloon omdat het gaat om de navigatieknoppen die op elke pagina terugkomen.
Wordt vervolgd.
 
Oké, laat het maar weten! (En tja, die bazen altijd...)

Als blijkt dat het in een pagina zelf (niet in een sjabloon) wél goed werkt, dan is dat dus een oplossing. :)
Daarna kan je de aangepaste code eens proberen.
 
Zo, daar ben ik weer.... ik ga rustig verder met knutselen. Als er niet meer gereageerd wordt heb ik daar alle begrip voor. Ik zou eigenlijk ook op een oor moeten liggen. Maar ja, je kent dat wel hé? Zal wel weer 3 uur worden of zo............
Ter zake:
De code plaatsen rechtstreeks in de index.html gaat niet lukken of ik moet in het sjabloon nieuwe bewerkbare delen aanmaken die tussen de <head> en </head> liggen. Dat doe ik vooralsnog liever niet uit angst dat alle (~20) pagina's er straks verschillend uit komen te zien door mijn gerommel......
Dus met de laatste code die je me aanreikte (die met de a's) aan de slag gegaan in de sjabloon. Daarna wel alle ervan afgeleide pagina's laten aanpassen en verschillende pagina's bekeken.
Blijkt dat de paarse rand weg is en dat de pagina's in voorvertoning er prima uitzien. In ontwerp modus ben ik weer mijn achtergrond kleuren kwijt. Sjabloon ziet er in ontwerp modus trouwens wel helemaal goed uit, dus met achtergrond kleuren. Heb ik hier soms een Dreamweaver bug te pakken??
Op zich kan ik hier wel mee werken. Het gaat uiteindelijk om het resultaat en dat is mooi.

Maf eigenlijk dat IE zich zo gedraagt. Voert feitelijk opdrachten uit op een manier die de maker niet bedoelt. Met Firefox krijg ik altijd precies wat ik bedoel.
Bill Gates is altijd al een beetje eigenwijs geweest en dat straalt nog stevig uit in al zijn producten......;)
 
Laatst bewerkt:
Ondertussen heb ik zowat dit hele forum uitgeplozen, boeiend, leerzaam.
Maar op oplossend want, de oplossing voor mijn probleem stond er ook tussen:

klik hier

Dit stukje code tussen de <head> tags geplaatst. De paarse kaders zijn vertrokken en ik heb mijn achtergrond kleuren in ontwerpmodus weer terug.

HTML: 
<style type="text/css">
img{ border: 0px }
</style>

Ik ben heel blij met je hulp en alle andere waardevolle informatie op dit forum.... :thumb:
 
Hoi,

Dat met die sjablonen kan ik begrijpen, hoewel ik daar zelf nooit mee werk. Dus als je dat niet wilt, moet je het ook zeker niet doen.

Wat betreft Firefox: ik vind dit inderdaad ook een veeel fijnere browser, om in te werken maar ook om website ontwerpen te bekijken. Firefox is rechtoe rechtaan, laat gewoon precies zien wat je hem vertelt, in tegenstelling tot IE (op het internet staan genoeg bugs mbt. CSS bijvoorbeeld).

Wel raar dat die nieuwe oplossing wel werkt: '0 pixels' is toch in principe hetzelfde als 'geen border'? Misschien ligt dat inderdaad aan Dreamweaver...
Maarja, als het maar werkt! :thumb:

Graag gedaan!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan