Forum > Algemeen Forum

html-tips voor het maken van je site

(853 reacties. Pagina 52 van 86)
Moderator(s): Dré
PeterStandaard Lid
Uit: Nederland
Sinds: 8-8-2002
Laatste: 12-9-2012
Berichten: 1137
4-7-2005 13:01
Beste HTML'ers,

Ik wil graag het volgende kunnen maken (met tekst kan ik het al wel, maar nu met plaatjes)

Met een plaatje als link:
Normaal: plaatje 1
Hover: plaatje 2
Active: plaatje 2

Het gaat om een rij met plaatjes en aan de kleur van het plaatje moet je kunnen zien welke pagina actief is. Wie weet hoe dit moet?
Volgende keer Peter!
Mr_jowsStandaard Lid
Uit: Nederland
Sinds: 7-2-2003
Laatste: 16-10-2013
Berichten: 765
4-7-2005 13:50

Peter schreef:

Beste HTML'ers,

Ik wil graag het volgende kunnen maken (met tekst kan ik het al wel, maar nu met plaatjes)

Met een plaatje als link:
Normaal: plaatje 1
Hover: plaatje 2
Active: plaatje 2

Het gaat om een rij met plaatjes en aan de kleur van het plaatje moet je kunnen zien welke pagina actief is. Wie weet hoe dit moet?
Hangt er allemaal vanaf of je frames gebruikt of gewoon een site met tabellen (Voorkeur). Ik raad je aan gewoon een j@vascriptje te zoeken en die te gebruiken op je site.

Zoek met google ff op : j@vascript + free + examples
maximaal 120 tekens. Wel tekst, geen link!
PeterStandaard Lid
Uit: Nederland
Sinds: 8-8-2002
Laatste: 12-9-2012
Berichten: 1137
4-7-2005 14:11
Ik gebruik nu frames (blijf ik ook gebruiken, ben niet zo handig met pagina's in tabellen laten openen etc..)
Linker frame is een menutje en in het rechterframe worden de pagina's geopend. Nu wordt in het linker frame steeds een nieuwe menupagina geladen waarbij steeds een ander plaatje gekleurd is om aan te geven op welke pagina je zit. Erg onhandig dus...

Oja, hoe zet je ook alweer dingen in een <STYLE> tag? Voornamelijk voor de links en hovers van de links... dan hoef ik daar namelijk geen losse css stylesheet voor te maken.
Volgende keer Peter!
OmErtaStandaard Lid
Uit: België
Sinds: 17-1-2005
Laatste: 23-12-2008
Berichten: 236
4-7-2005 19:31
dingen in een stayle tag zet je net als in een aparte css-file (is beter trouwens en kan je ook doen). Das als je weet hoe een css bestand te maken: doe hetzelfde maar dan tussen de style tags. Weet je het nog niet? zoek een tutorial ovcer css.

grtz Alex
PeterStandaard Lid
Uit: Nederland
Sinds: 8-8-2002
Laatste: 12-9-2012
Berichten: 1137
4-7-2005 19:33
Heb het al gevonden, moest alleen even weten hoe je die style tag opende...

Ik kan nu beter verwoorden wat ik met die plaatjes wilde trouwens:

Ik wil net als dat je in css bij tekst links verschillen kun maken tussen hover en active, dit verschil ook maken met een plaatje. Kan dat?
Volgende keer Peter!
JTEStandaard Lid
Uit: Nederland
Sinds: 23-6-2005
Laatste: 24-6-2011
Berichten: 31
4-7-2005 19:41
Ja, dat kan met een j@vascriptje. Hiervoor zijn genoeg gratis scripts beschikbaar op Internet, ff Googlen dus.
Geen idee wat ik hier neer zal zetten.
SinuzStandaard Lid
Uit: Nederland
Sinds: 18-5-2004
Laatste: 7-4-2020
Berichten: 199
4-7-2005 19:42
Technisch gezien kan het, een verschil maken tussen een plaatje als het normaal is of een hover, je stelt het dan in als achergrond van een tabelcel in een externe stylesheet:
td.image {background-image:URL("plaatje.gif")}
td.image:hover {background-image:URL("plaatje2.gif")}
hierbij is het wel een vereiste dan je de cel waar het plaatje in moet komen groot genoeg is(ook opgeven in de stylesheet) en dat je browser css 2 volledig ondersteund, internet explorer ondersteunt deze methode namelijk niet(vanaf versie 7 zal hij dat wel doen).

Dit is de netste manier om het te doen, de makkelijkste is met een java scriptje alleen geeft dit wat rotzooi in de code. voor zo'n scriptje kan je gewoon zoeken.
PeterStandaard Lid
Uit: Nederland
Sinds: 8-8-2002
Laatste: 12-9-2012
Berichten: 1137
5-7-2005 11:44
is het dan ook mogelijk om td.image:active te gebruiken, of bestaat dat niet?
Volgende keer Peter!
DréAdministrator
Uit: Nederland
Sinds: 17-11-2001
Laatste: 23-11-2024
Berichten: 13474
5-7-2005 13:28
De HTML spec staat keurig vermeld op de w3.org site. Even surfen en je hebt het antwoord.
-- Pardon my French, I'm Dutch --
ReindStandaard Lid
Uit: Nederland
Sinds: 5-11-2002
Laatste: 16-1-2012
Berichten: 3032
6-7-2005 01:31

Peter schreef:

is het dan ook mogelijk om td.image:active te gebruiken, of bestaat dat niet?
Wel zorgen dat je de goede volgorde aan houd bij het plaatsen van de active en hover in je CSS. Ik heb laatst uren zitten kloten en kwam er toen achter dat hover altijd achter link en visited moet staan in je CSS. (https://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes)

Kun je knettergek van worden als zoiets niet wil werken en het ligt aan zoiets simpels.
Rubix cube moeilijk? Probeer maar eens een universele logitech harmony afstandsbediening in te stellen!

Terug naar forum Reageer (zonder quote)