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.
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt :)
Voor de images die er niet in staan doe je
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
Voor de images die er niet in staan doe je
| 1 2 3 | in plaats van <a href="imagelink" rel="lightbox[album]"><img src="imgurl" /></a> |
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
http://www.stekloevropy.ru/josstelling.nl/html/index.html
Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF.
Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF.
Trotse poster van het 37000000ste bericht ^O^
Nee, maakt geen verschilquote:Op dinsdag 27 oktober 2009 17:08 schreef woopehh het volgende:
Helpt het als je dit:
[ code verwijderd ]
toevoegt onder:
[ code verwijderd ]
?
Trotse poster van het 37000000ste bericht ^O^
IE7quote:Op dinsdag 27 oktober 2009 17:21 schreef woopehh het volgende:
In welke versie van IE heb je het dan? (krijg het hier niet namelijk)
Trotse poster van het 37000000ste bericht ^O^
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
alweer weg gehaald, maakte geen verschil.quote:Op dinsdag 27 oktober 2009 17:29 schreef woopehh het volgende:
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
Lol, locaal aangepast en vervolgens remote gecheckt
Blijkt dus wel degelijk prima te werken. Bedankt!
Trotse poster van het 37000000ste bericht ^O^
Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.quote:Op vrijdag 16 oktober 2009 13:48 schreef woopehh het volgende:
[..]
En wat is precies het probleem? Gebeurt niet echt veel aparts hier..
Waarom alles absoluut gepositioneerd trouwens?
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.quote:Op woensdag 28 oktober 2009 09:06 schreef Skonk het volgende:
[..]
Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
Ok, dan heb ik het toch goed begrepen.quote:Op woensdag 28 oktober 2009 09:13 schreef Light het volgende:
[..]
Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.
Alles blijft ook goed staan in die box, behalve buttons, die blijven ongeveer goed staan, is daar iets aan te doen?
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
Het zijn niet de buttons die van grootte veranderen, het is dit:
| 1 2 3 | <input id="InputDisputeBar" name="InputeDisputeBar" type="text" size="85" value="The statement you have a dispute about."/> <br /> |
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
het werkt, alleen nu bugged die met mijn stylesheet switcherquote:Op dinsdag 27 oktober 2009 16:23 schreef woopehh het volgende:
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt
Voor de images die er niet in staan doe je
[ code verwijderd ]
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
Ik drink nooit meer! maar ook niet minder.
Heb je het ergens online staan? Wat makkelijker te zien dan misschienquote:Op woensdag 28 oktober 2009 10:10 schreef invine het volgende:
[..]
het werkt, alleen nu bugged die met mijn stylesheet switcher
Met css de breedte van de inputs instellenquote:Op woensdag 28 oktober 2009 09:21 schreef Skonk het volgende:
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:
[ code verwijderd ]
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2quote:Op woensdag 28 oktober 2009 10:19 schreef woopehh het volgende:
[..]
Heb je het ergens online staan? Wat makkelijker te zien dan misschien
Ik drink nooit meer! maar ook niet minder.
Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:quote:Op woensdag 28 oktober 2009 10:22 schreef woopehh het volgende:
[..]
Met css de breedte van de inputs instellen
Kijk maar naar die balken, ze verschuiven de hele tijd.
Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaaltquote:Op woensdag 28 oktober 2009 10:29 schreef invine het volgende:
[..]
ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2
Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?quote:Op woensdag 28 oktober 2009 10:35 schreef Skonk het volgende:
[..]
Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:
[ afbeelding ]
Kijk maar naar die balken, ze verschuiven de hele tijd.
Ik heb hem opnieuw geupload:quote:Op woensdag 28 oktober 2009 10:41 schreef woopehh het volgende:
[..]
Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?
http://burrrr.webs.com/School/index.html
Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezetquote:Op woensdag 28 oktober 2009 10:54 schreef Skonk het volgende:
[..]
Ik heb hem opnieuw geupload:
http://burrrr.webs.com/School/index.html
Ik heb het nu zo:quote:Op woensdag 28 oktober 2009 11:00 schreef woopehh het volgende:
[..]
Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezet ;)
| 1 2 3 | <input id="DisputeBar" name="DisputeBar" type="text" size="85" width="100" value="The statement you have a dispute about."/> </div> |
En heb het bij de CSS weggehaalt, maar ik zie niet echt een verschil (behalve dan dat de border precies om de input zit). :?
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?
