DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Nee dit kwam pas toen ik die stylesheet switcher erin zetten..quote:Op woensdag 28 oktober 2009 10:38 schreef woopehh het volgende:
[..]
Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaalt
Ik drink nooit meer! maar ook niet minder.
quote:Op woensdag 28 oktober 2009 11:24 schreef woopehh het volgende:
In de css, dus iets van
[ code verwijderd ]
perfect! Dat zijn dus die dingen waardoor ik nog een noob ben. 
Als je die weghaalt werkt het wel weer normaal? Hier niet namelijkquote:Op woensdag 28 oktober 2009 11:36 schreef invine het volgende:
[..]
Nee dit kwam pas toen ik die stylesheet switcher erin zetten..
Edit:
Ehh je hebt nergens lightbox styling? Dan gaat het niet werken denk ik
Oh dat is het probleem, die heb ik natuurlijk perongeluk vervangen door die andere 2 sheets 
stom! Dankje 
stom! Dankje
Ik drink nooit meer! maar ook niet minder.
Ik voel me echt een enorme noob. want ik krijg een onderdeel van een layout niet naar links gepositioneerd.
De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen.
Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen.
Kortom; hoe krijg ik die balk naar links toe?
want ik krijg een onderdeel van een layout niet naar links gepositioneerd.De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen.
Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen.
Kortom; hoe krijg ik die balk naar links toe?
| 1 2 3 4 5 6 7 8 9 10 | background-image: url(Slice/images/Zijkant.gif); background-position: center; position: absolute; z-index: 4; height: 1100px; width: 342px; left: 0px; top: 295px; } |
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Ik drink nooit meer! maar ook niet minder.
Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?quote:Op donderdag 29 oktober 2009 10:13 schreef invine het volgende:
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
http://www.alles-wat.nl/carina/RTVutrecht/index.htmlquote:
Heb je het ergens online staan? Het is me niet echt helemaal duidelijk
Heb ik daaroverheen gekekenquote:Op donderdag 29 oktober 2009 10:44 schreef Crientj het volgende:
[..]
Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
Ik drink nooit meer! maar ook niet minder.
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?
http://www.stekloevropy.ru/bonnydoggy/html/index.html
http://www.stekloevropy.ru/bonnydoggy/html/index.html
Trotse poster van het 37000000ste bericht ^O^
Waarschijnlijk omdat #main geen float:left heeft.quote:
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?
http://www.stekloevropy.ru/bonnydoggy/html/index.html
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
En de volgende HTML:
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Ik heb vier van zulke plaatjes:
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | #menu-top { height: 40px; } #menu-top ul { margin: 0; padding: 0; } #menu-top li { float: left; } #menu-top li a { height: 0px; display: block; height: 40px; overflow: hidden; background-repeat: no-repeat; } #menu-top li a:hover { background-position: 0 -40px; } #menu-top li#home, #menu-top li#home a { width: 200px; background-image: url(../images/nav/menu_home_ro.gif); } |
En de volgende HTML:
| 1 2 3 4 5 6 7 8 9 | <ul> <li id="home"><a href="#">Home</a></li> <li id="over_ons"><a href="#">Over ons</a></li> <li id="producten"><a href="#">Producten</a></li> <li id="contact"><a href="#">Contact</a></li> </ul> </div> |
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
ik heb het geprobeerd, maar maakt geen verschilquote:Op donderdag 29 oktober 2009 14:14 schreef Light het volgende:
[..]
Waarschijnlijk omdat #main geen float:left heeft.
Trotse poster van het 37000000ste bericht ^O^
Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..quote:Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
[ afbeelding ]
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
[ afbeelding ]
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]
En de volgende HTML:
[ code verwijderd ]
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Met de HTML is verder niks mis, div is misschien een beetje onzinnig
Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werktquote:
[..]
Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..
Met de HTML is verder niks mis, div is misschien een beetje onzinnig
Als ik in de toekomst weer iets met hover wil doen, dan moet het wel werken natuurlijk 
Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
Je wil dus je afbeeldingen als link en daar geen tekst boven?quote:Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
[ afbeelding ]
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
[ afbeelding ]
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]
En de volgende HTML:
[ code verwijderd ]
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Wat je kan proberen (ik weet niet of het juist is) is:
| 1 2 3 | <li><a href="#"><div class="navigatie"></div></a></li> </ul> |
Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.
Verder zou ik in je UL nog een:
list-style: none;
invoegen, dat haalt je bullet weg
Ik drink nooit meer! maar ook niet minder.
Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):quote:Op donderdag 29 oktober 2009 14:41 schreef InTrePidIvity het volgende:
[..]
Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werkt
Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
http://wellstyled.com/css-replace-text-by-image.html
Een <div> in een <a> is incorrecte (x)html. Een <span> mag welquote:
[..]
Je wil dus je afbeeldingen als link en daar geen tekst boven?
Wat je kan proberen (ik weet niet of het juist is) is:
[ code verwijderd ]
Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.
En in css kun je dan iets doen als
#menu-top li a span { display: none; }
om te zorgen dat de tekst in de span niet wordt weergegeven.
Die span weglaten (onnodig element) en "text-indent: -9999px" op de <a> zetten. Bijkomend voordeel is dat alternatieve user agents dit ook snappen (een screen reader bijvorbeeld negeert zaken die op "display: none" staan, onder het mom van "als je het niet wilt tonen, dan hoef ik het ook niet voor te lezen").quote:Op donderdag 29 oktober 2009 14:52 schreef woopehh het volgende:
[..]
Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):
http://wellstyled.com/css-replace-text-by-image.html
De "more compatible mode" is gewoon ranzige HTML, en om dat nou te doen voor de mensen die CSS wel aan hebben maar plaatjes uit... dan heb je het echt over < 0,1% van de gebruikers.
Ik wil het volgende in css:
welkomBIJmij
het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
welkomBIJmij
het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
