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.
Zonder compleet codevoorbeeld kan ik je niet helpen, succes dus 
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Speciaal voor Catch22-:
index.php
styles.css
De rechtermodule loopt niet helemaal rechts door tot aan de rand en ik vroeg me af waar ik de fout maak. Als ik de breedte van een van drie modules 1 px groter maak, dan gaat de laatste naar de volgende regel.
index.php
| 1 2 3 | <div class="wrapperuser1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div class="wrapperuser2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div class="wrapperuser3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
styles.css
| 1 2 3 | .wrapperuser1 {width:315px; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} .wrapperuser2 {margin:3px; width:314px ; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} .wrapperuser3 {width:315px; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} |
De rechtermodule loopt niet helemaal rechts door tot aan de rand en ik vroeg me af waar ik de fout maak. Als ik de breedte van een van drie modules 1 px groter maak, dan gaat de laatste naar de volgende regel.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Ja, maar hier kan ik niets mee. Wat staat er om heen, wat voor stijlen hebben die elementen, hoe groot is de parent?
- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
http://www.popkoor2000.nl(...)m-fjt/css/styles.css is de hele CSS-file
En dit is de index.php
En dit is de index.php
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Kan je hier wat mee? Ik hoop dat dit genoeg informatie is.I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
Margin top hebben ze alledrie, om een buffer te vormen met het stuk erboven.quote:Op maandag 24 september 2012 13:49 schreef Catch22- het volgende:
Ja, maar hier kan ik niets mee. Wat staat er om heen, wat voor stijlen hebben die elementen, hoe groot is de parent?
- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
De middelste heeft een margin om een scheiding aan te brengen met de twee andere modules.
position:relative weet ik niet. Dat stond standaard in deze template.
Ik heb de aanpassingen met classes gedaan omdat geadviseerd werd op de vorige pagina. Volgens mij heb ik die tips goed gebruikt, maar misschien zie ik het verkeerd.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Mja ik heb niet zoveel zin om deze brij te analyseren, want dat is mij iets teveel werk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Weer een hardnekkig probleempje met de header. Ik heb een header, waarbij ik de navigatie en het logo (rood) in een breedte van 960px in het midden van de pagina wil weergeven.
Dat staat nu wel goed, maar de Wordpress-theme die ik gebruik heeft als feature dat'ie responsive is. Met mijn huidige knutselwerk lukt dat echter niet.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="header-wrapper"> <div id="header"> <ul> <li>link #1</a></li> <li>link #2</a></li> <li>link #3</a></li> <li>link #4</a></li> <li>link #5</a></li> </ul> <div id="logo"> <img blabla> </div><!-- end of #logo --> </div><!-- end of #header --> </div> |
De CSS die ik eraan meegeef is:
| 1 2 3 4 5 6 7 8 9 10 11 | #header-wrapper { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(34, 48, 83); /* RGBa with 0.9 opacity */ background: rgba(34, 48, 83, 0.9); } #header { margin: 0 auto; width: 960px; } |
De #header-wrapper heb ik zelf toegevoegd om de achtergrond van de header over de volledige breedte door te laten lopen, maar die hoort niet bij het theme. Als ik de width van #header op 960px zet dan wordt het wel correct weergegeven, maar past hij zichzelf niet meer aan aan de schermgrootte.
Als ik de width daar weghaal dan doet hij het wel, maar staat hij dus weer niet in een blok van 960px in het midden van het venster (dan staat de navigatie volledig links, het logo volledig rechts).
Wat doe ik fout?
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Hm, dat klinkt wel logisch. Daar moet ik maar eens even induiken danquote:Op maandag 24 september 2012 14:35 schreef boem-dikkie het volgende:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Hoe zou men dat bijvoorbeeld doen?quote:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
quote:Op maandag 24 september 2012 15:19 schreef InTrePidIvity het volgende:
[..]
Hoe zou men dat bijvoorbeeld doen?
| 1 2 3 4 5 | @media (max-width:768px) { body { background-color:#f0f; } } |
Oops, dat heb ik nog niet gedaan.quote:Op maandag 24 september 2012 14:19 schreef KomtTijd... het volgende:
Als je nou gewoon eens precies doet wat boem-dikkie zegt heh. Wat gaat er dan nog verkeerd?
Morgenavond ga ik er mee verder puzzelen. Dank!
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Op
Beste boem-dikkie,quote:
Okay als alle blokken dezelfde stijl hebben maar hier en daar een extra padding of margin kun je het zo doen.
[ code verwijderd ]
Je kunt dan de wrapper2 opmaken zoals voor elk blok gelijk:
[ code verwijderd ]
En voor specifieke stijlen zoals bijvoorbeeld het middenste blok doormiddel van de user* class.
[ code verwijderd ]
Dat is het idee van meerdere classes gebruiken.
Je kunt dus in jouw geval een opmaak maken voor het blok met wrapper2, want die is voor elk blok hetzelfde. En voor het middenste blok, waar dus een margin moet, user2 opmaken.
Ik heb geëxperimenteerd met jouw tips. Ik begrijp de strekking en het nut.
Alleen krijg ik nu niet de blokken naast elkaar, maar deels onder elkaar. Zie www.popkoor2000.nl/site
Code index.php
| 1 2 3 | <div class="wrapper2 user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div class="wrapper2 user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div class="wrapper2 user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
Code styles.css
| 1 2 3 4 | .user1 { } .user2 { margin: 0px 20px 0px 20px; } .user3 { } .wrapper2 {background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;margin-top: 3px;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; width: 287px; height: 200px; } |
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Uhh, nooitquote:
Wanneer besloot je dat je nu geen float:left meer nodig zou hebben?
Is dat de domme fout? Let me check it!
-edit-
Ja dus, dat was dom van me. Had ik zelf kunnen bedenken. Nu eens zien of het probleem met het doorlopen naar rechts is opgelost als ik de getallen aanpas.
-edit-op-edit-
Ik heb nu ook de tips van KomtTijd en boem-dikkie gebruikt. Alleen zie ik dat ik nog steeds niet de gehele breedte van het middenstuk kan gebruiken.
Als ik de blokken 1px breder maak, gaat het laatste blok naar de volgende regel. Exact hetzelfde probleem dus als gisteren toen ik deze laatste verbeteringen van boem-dikkie nog niet gebruikt had.
Het blijft een onopgelost raadsel
Het gaat dus om dit rare gat (rechts, niet erboven) dat ik niet kan opvullen door de blokken iets breder te maken.
[ Bericht 9% gewijzigd door -J-D- op 25-09-2012 19:12:37 ]
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Nee hoor. Je sluit je div #header pas af ná die blokken, wat dus betekent dat hij wrapped om die blokken, en je header is net zo breed als dat je blokken nu zijn. Verander de width van je div#header maar eens naar 20px groter (als voorbeeld). Als je dan je blokken breder maakt, of meer margin, blijven ze wel netjes naast elkaar staan op de gewenste breedte.quote:Op dinsdag 25 september 2012 19:04 schreef -J-D- het volgende:
[..]
Uhh, nooit
Is dat de domme fout? Let me check it!
-edit-
Ja dus, dat was dom van me. Had ik zelf kunnen bedenken. Nu eens zien of het probleem met het doorlopen naar rechts is opgelost als ik de getallen aanpas.
-edit-op-edit-
Ik heb nu ook de tips van KomtTijd en boem-dikkie gebruikt. Alleen zie ik dat ik nog steeds niet de gehele breedte van het middenstuk kan gebruiken.
Als ik de blokken 1px breder maak, gaat het laatste blok naar de volgende regel. Exact hetzelfde probleem dus als gisteren toen ik deze laatste verbeteringen van boem-dikkie nog niet gebruikt had.
Het blijft een onopgelost raadsel
[ afbeelding ]
Het gaat dus om dit rare gat (rechts, niet erboven) dat ik niet kan opvullen door de blokken iets breder te maken.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Hmmmz, ik snap een beetje wat je bedoelt, maar nog niet helemaal. Ik ga wat klooien met die waarde van header en van de blokken om te zien of ik het passend krijg.
Dank voor de tip.
Dank voor de tip.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
sowieso nogal maf dat de header als een soort wrapper om je hele site heen zit. Ik zou eerder daar wat aan doen, maar dan heb je wel kans dat je ineens een heleboel moet gaan aanpassen.
Ik weet niet of ik dat moet doen, met mijn beperkte kennis van CSS
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Mijn oplossing was meer als voorbeeld waarom je daar een ruimte hebt. Sluit je header af wanneer hij moet afsluiten. En als je een wrapper wil, maak dan een extra div die om alles heen zit met een duidelijke naamgeving.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ben bang dat dit probleem boven mijn pet gaat. Als ik met het veel gepuzzel met getallen niet tot de oplossing kom, zal ik dus me veel meer moeten verdiepen in de opbouw, qua wrapper/header en CSS in het algemeen. Best karwei, ben ik bang. Zeker nu ik, misschien niet op een elegante wijze, het zaakje zo voor elkaar heb dat het op 2 mm nauwkeurig er goed genoeg uitziet. Met wat geschuif
met getallen, heb ik alleen links nog een ruimteprobleem, alleen nu iets teveel ipv te weinig blok.
-edit-
Hebbes. Vast niet elegant, vast niet volgens de manier hoe het moet, maar het werkt.
Op naar het volgend probleem. Het werkend krijgen van rounded corners in IE.
Maar goed, daar ga ik eerst een paar uur op puzzelen voordat ik jullie weer lastig val.
[ Bericht 20% gewijzigd door -J-D- op 25-09-2012 19:52:16 ]
met getallen, heb ik alleen links nog een ruimteprobleem, alleen nu iets teveel ipv te weinig blok.
-edit-
Hebbes. Vast niet elegant, vast niet volgens de manier hoe het moet, maar het werkt.
Op naar het volgend probleem. Het werkend krijgen van rounded corners in IE.
Maar goed, daar ga ik eerst een paar uur op puzzelen voordat ik jullie weer lastig val.
[ Bericht 20% gewijzigd door -J-D- op 25-09-2012 19:52:16 ]
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Op deze site zie je de mogelijkheid om een bericht in het gastenboek achter te laten.
Het invulveld voor het bericht zelf is echter heel klein. Mijn vraag is hoe ik deze groter kan maken.
Al onderzocht:
* Standaard instellingen van Easy Guestbook (in Joomla) biedt die mogelijkheid niet.
* Met Web Developer wel gevonden dat bij dat vak de volgende regel thuis hoort:
<textarea name="gbtext" id="gbtext" class="inputbox" style="width:245px;" rows="15" cols="50"></textarea>
Als ik echter inputbox een grotere waarde geeft geldt dat voor ELK invulveld en dat is niet de bedoeling.
Mijn eigen gedachten:
Misschien moet ik wel een inputbox2 kan aanmaken waarbij die waarde groter is. Ik kan echter niet vinden waar ik een aanpassing moet maken in de bestanden van Easybook om dat veld te laten verwijzen naar inputbox2 ipv de gewone.
Iemand adviseerde mij om een override te maken. Onderstaande code heb ik toegevoegd aan styles.css.
Helaas verandert dat niets bij mij.
Iemand een idee wat ik kan doen?
Het invulveld voor het bericht zelf is echter heel klein. Mijn vraag is hoe ik deze groter kan maken.
Al onderzocht:
* Standaard instellingen van Easy Guestbook (in Joomla) biedt die mogelijkheid niet.
* Met Web Developer wel gevonden dat bij dat vak de volgende regel thuis hoort:
<textarea name="gbtext" id="gbtext" class="inputbox" style="width:245px;" rows="15" cols="50"></textarea>
Als ik echter inputbox een grotere waarde geeft geldt dat voor ELK invulveld en dat is niet de bedoeling.
Mijn eigen gedachten:
Misschien moet ik wel een inputbox2 kan aanmaken waarbij die waarde groter is. Ik kan echter niet vinden waar ik een aanpassing moet maken in de bestanden van Easybook om dat veld te laten verwijzen naar inputbox2 ipv de gewone.
Iemand adviseerde mij om een override te maken. Onderstaande code heb ik toegevoegd aan styles.css.
| 1 2 3 4 | .textarea#gbtext{ background:none; line-height:100px; } |
Iemand een idee wat ik kan doen?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
een textarea moet je row="" en cols="" geven
style.css, regel 260 krijgt hij 20px hoogte.
[ Bericht 38% gewijzigd door Catch22- op 01-10-2012 12:45:56 ]
style.css, regel 260 krijgt hij 20px hoogte.
[ Bericht 38% gewijzigd door Catch22- op 01-10-2012 12:45:56 ]
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Dus je bedoelt iets dat lijkt op
?
| 1 2 3 4 | .textarea#gbtext{ background:none; rows="6"; cols="50";} |
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik snap nu dat je geen line-height maar rows en cols mee moet geven. Dank daarvoor, Catch22-.
Helaas werkt het niet als ik die gegevens invoer, zoals in mijn vorige post. Ik probeer dus die override te gebruiken maar zie geen verschil.
Volgens mij gebruik ik wel de juiste naam (textarea#gbtext) maar het werkt nog niet.
Klopt de tip die ik kreeg over die override wel? Of is dat de verkeerde aanpak?
Helaas werkt het niet als ik die gegevens invoer, zoals in mijn vorige post. Ik probeer dus die override te gebruiken maar zie geen verschil.
Volgens mij gebruik ik wel de juiste naam (textarea#gbtext) maar het werkt nog niet.
Klopt de tip die ik kreeg over die override wel? Of is dat de verkeerde aanpak?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
dan zit er iets beperkend in de rest van je code
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik merk dat easybookreloaded.css ook aangeroepen wordt. Ik zie daar alleen in staan wat de breedte van zo'n textarea moet zijn.quote:
dan zit er iets beperkend in de rest van je code
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Zie ik iets over het hoofd en zien jullie wel iets waardoor mijn wijzigingen overruled worden?I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
dat doet niets. Als jij op regel 260 die hoogte weghaalt is het klaar.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
quote:
dat doet niets. Als jij op regel 260 die hoogte weghaalt is het klaar.
Dank
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Dat kan je ook zelf in de inspector zien hoor...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik ben bezig met CSS, en mijn code zal wel chaos zijn 
In elk geval heb ik mijn menu inline-block gemaakt zodat ik nog goed met de margins en paddings kan werken. Hiervoor had ik hem inline gemaakt, toen stond mijn menu perfect horizontaal in het midden (ik had geloof ik toen ook text-align:center). Nu komt mijn menu horizontaal links uitgelijnd op de pagina. Ik heb met google al meer mensen met dit probleem gezien, en zij geven allemaal aan dat dit op te lossen is met text-align:center, alleen dat doet niks bij mij. Ziet iemand het probleem/de oplossing?
Mijn menu is gewoon standaard
CSS
Heb overigens die text-align ook toegevoegd bij 'nav li a' en 'nav li ul' maar het mocht niet baten helaas.
In elk geval heb ik mijn menu inline-block gemaakt zodat ik nog goed met de margins en paddings kan werken. Hiervoor had ik hem inline gemaakt, toen stond mijn menu perfect horizontaal in het midden (ik had geloof ik toen ook text-align:center). Nu komt mijn menu horizontaal links uitgelijnd op de pagina. Ik heb met google al meer mensen met dit probleem gezien, en zij geven allemaal aan dat dit op te lossen is met text-align:center, alleen dat doet niks bij mij. Ziet iemand het probleem/de oplossing?Mijn menu is gewoon standaard
| 1 2 3 4 5 6 | <nav> <ul> <li><a href="link.html">text</a></li> etc etc </ul> </nav> |
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | nav { display: inline-block; padding: 2px; margin: 2px; list-style: none; margin:auto; text-align: center; } nav ul li { display: inline-block; list-style:none; } nav li a { color: silver; font-family: "Courier New", Courier, Monospace; font-size: 16px; width: 18%; line-height: auto; text-decoration: none; margin:1px; } |
Heb overigens die text-align ook toegevoegd bij 'nav li a' en 'nav li ul' maar het mocht niet baten helaas.
Ik snap je probleem niet zo goed?
En waarom inline-block gebruiken, als ik je stuk zo lees doet inline precies hetzelfde voor je, en kun je ook gewoon margin en padding gebruiken op je list item.
En waarom inline-block gebruiken, als ik je stuk zo lees doet inline precies hetzelfde voor je, en kun je ook gewoon margin en padding gebruiken op je list item.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Nou het probleem/de vraag is eigenlijk hoe ik met inline-block mijn menu centreer ten opzichte van de wrapper. Ik kan het wel optisch inline oplossen maar ik heb het idee dat dat niet echt de meest nette oplossing is, en een beetje 'een lapje voor het bloeden'. Ik wil het gewoon op de juiste manier kunnen 
Euh, zo?quote:
Nou het probleem/de vraag is eigenlijk hoe ik met inline-block mijn menu centreer ten opzichte van de wrapper.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <style> #wrapper { text-align: center; } #wrapper > nav { display: inline-block; } </style> </head> <body> <div id="wrapper"> <nav> hallo, dit is gecentreerd </nav> </div> </body> </html> |
Je text align valt binnen je UL dus moet je de align center defineren in het gedeelte rond regel 10 (denk ik )
)
Avatar mede-mogelijk gemaakt door buurpoes
Een JS vraagje.
Hoe zet ik de focus op een veld aan de hand van de tabindex?
Dus ik stond eerst op veld A met tabindex 2.. en nu wil ik naar tabindex 3.
De tabindex verkrijgen via JS is geen probleem. Maar nu wil ik dus de focus zetten op het veld dat die verkregen tabindex + 1 heeft.
De voorbeelden die ik tegenkom die maken allemaal gebruik van het veldID en die is eigenlijk soort van onbekend (of ik moet hem aan de hand van de next-tabid moeten kunnen ophalen).
Iemand ideeen?
[ Bericht 16% gewijzigd door Cue_ op 02-10-2012 16:27:54 ]
Hoe zet ik de focus op een veld aan de hand van de tabindex?
Dus ik stond eerst op veld A met tabindex 2.. en nu wil ik naar tabindex 3.
De tabindex verkrijgen via JS is geen probleem. Maar nu wil ik dus de focus zetten op het veld dat die verkregen tabindex + 1 heeft.
De voorbeelden die ik tegenkom die maken allemaal gebruik van het veldID en die is eigenlijk soort van onbekend (of ik moet hem aan de hand van de next-tabid moeten kunnen ophalen).
Iemand ideeen?
[ Bericht 16% gewijzigd door Cue_ op 02-10-2012 16:27:54 ]
Gebruik je een library (jquery)? Of doe je plain old js?
Met iets als jquery is dit namelijk wel erg gemakkelijk, maar het is wat overbodig het alleen hiervoor te includen. Zonder library ga je in elk geval een functie nodig hebben die elementen op attribuut kan vinden.
Zoiets als dit zou werken:
dus dan geeft:
je het betreffende element, waarna je daar weer dingen mee kan doen.
Dus dan zou je die kunnen gebruiken door te zeggen:
Let wel dat dit script dus door alle elementen loopt, en op grote pagina's dat nog best wel wat kan zijn.
Met iets als jquery is dit namelijk wel erg gemakkelijk, maar het is wat overbodig het alleen hiervoor te includen. Zonder library ga je in elk geval een functie nodig hebben die elementen op attribuut kan vinden.
Zoiets als dit zou werken:
| 1 2 3 4 5 6 7 8 9 10 11 12 | function getElementByAttributeValue(attribute, value) { var allElements = document.getElementsByTagName('*'); for (var i = 0; i < allElements.length; i++) { if (allElements[i].getAttribute(attribute) == value) { // Element exists with attribute. Add to array. return allElements[i]; } } } |
dus dan geeft:
| 1 | var nextElement = getElementByAttributeValue('tabindex', currentTabIndex + 1); |
Dus dan zou je die kunnen gebruiken door te zeggen:
Let wel dat dit script dus door alle elementen loopt, en op grote pagina's dat nog best wel wat kan zijn.
| 1 | $("input[tabindex='" + (curTabindex + 1) + "']").focus(); |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
.
ben niet zo bekend met javascript
maar is het mogelijk om een directory met foto's uit te lezen?
met php is het me wel gelukt maar ik wil de foto's lokaal zetten en er is geen mogelijkheid voor wamp oid
doeleinde is voor mijn werk, om snel 2 series foto's (voor en na een bepaalde handeling)
naast elkaar te kunnen zien zonder deze eerst in powerpoint oid te zetten
Zijn vaak veel foto's, +500
Als iemand een andere slimme oplossing weet om dit op te lossen dan hoor ik het graag
maar is het mogelijk om een directory met foto's uit te lezen?
met php is het me wel gelukt maar ik wil de foto's lokaal zetten en er is geen mogelijkheid voor wamp oid
doeleinde is voor mijn werk, om snel 2 series foto's (voor en na een bepaalde handeling)
naast elkaar te kunnen zien zonder deze eerst in powerpoint oid te zetten
Zijn vaak veel foto's, +500
Als iemand een andere slimme oplossing weet om dit op te lossen dan hoor ik het graag
locale directories benaderen is gelukkig onmogelijk.
Je kunt natuurlijk wel gewoon <img src="file:///home/user/image.jpg"> doen als de pagina maar op een systeem hoeft te draaien en je weet waar de foto's staan.
Je kunt natuurlijk wel gewoon <img src="file:///home/user/image.jpg"> doen als de pagina maar op een systeem hoeft te draaien en je weet waar de foto's staan.
Als je het pad weet en de fotos een vast formaat hebben (bijvoorbeeld DSC_{NUMMER}.JPG) kan je er gewoon overheen itereren. Uitlezen is inderdaad niet echt mogelijk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
ik weet idd het pad (een dir op het netwerk)quote:
Als je het pad weet en de fotos een vast formaat hebben (bijvoorbeeld DSC_{NUMMER}.JPG) kan je er gewoon overheen itereren. Uitlezen is inderdaad niet echt mogelijk.
en de foto's hebben een redelijk vast formaat..
dus er is iets voor te maken
en hoe heet zoiets in js?
dan kan ik gerichter zoeken naar voorbeelden
Het heeft niet zoveel met JS te maken. je zou hooguit een loopje kunnen maken zodat je geen gigantisch lange HTML-code krijgt voor 200 afbeeldingen, maar of dat nou echt een voordeel is...quote:
[..]
ik weet idd het pad (een dir op het netwerk)
en de foto's hebben een redelijk vast formaat..
dus er is iets voor te maken
en hoe heet zoiets in js?
dan kan ik gerichter zoeken naar voorbeelden
Ik heb ook iets raars trouwens. Ik heb een pagina die nogal wat JSON requests doet en een hoop jqeury bevat.
Op een of andere manier loopt het script in IE9 altijd vast de eerste keer dat je de pagina laadt (onbekend waarop), maar daarna gaat het gewoon goed. Ookal gooi ik de chache leeg, start ik de browser opnieuw op, enz. Kortom zie dat maar eens te debuggen
Weet iemand misschien of er bekende bugs zijn in IE die zoiets kunnen veroorzaken? We zitten hier een beetje te denken dat misschien jQuery (of een van de plugins) nog niet geladen is terwijl het script al doorloopt ofzo... maar volgens mij zou je het dan moeten kunnen reproduceren door de cache leeg te gooien...
Op een of andere manier loopt het script in IE9 altijd vast de eerste keer dat je de pagina laadt (onbekend waarop), maar daarna gaat het gewoon goed. Ookal gooi ik de chache leeg, start ik de browser opnieuw op, enz. Kortom zie dat maar eens te debuggen
Weet iemand misschien of er bekende bugs zijn in IE die zoiets kunnen veroorzaken? We zitten hier een beetje te denken dat misschien jQuery (of een van de plugins) nog niet geladen is terwijl het script al doorloopt ofzo... maar volgens mij zou je het dan moeten kunnen reproduceren door de cache leeg te gooien...
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |