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.
yes, of 960px is dat makkelijk met rekenen, kan je die 40 eventueel als marge gebruiken. Ga zelf eigenlijk nooit boven de 980 tenzij deels fluid
“Specialization is for insects”.—Robert Heinlein
Maar is het dus zo dat ik alles absoluut kan positioneren met pixels, zolang ik maar onder de 960 breedte kom, en dat dat geen problemen gaat opleveren met resoluties? (uitgezonderd 800x***).
Als je het goed doet en dat de beste manier is wel jaquote:Op zondag 6 maart 2011 19:04 schreef SJanoski het volgende:
Maar is het dus zo dat ik alles absoluut kan positioneren met pixels, zolang ik maar onder de 960 breedte kom, en dat dat geen problemen gaat opleveren met resoluties? (uitgezonderd 800x***).
“Specialization is for insects”.—Robert Heinlein
Laatste vraag: Hoe kan ik mijn productinfo indelen in 3 vaste kolommen?
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
...Door de eerste de beste "hoe maak ik een website" tutorial door te lezen en gewoon te proberen.quote:
Laatste vraag: Hoe kan ik mijn productinfo indelen in 3 vaste kolommen?
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
Heb een vraagje.
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
| 1 2 3 4 5 | <div class="a"> <div class="1"></div> <div class="2"></div> <div class="3"></div> </div> |
.
aha..ok..dan denk ik een siblingquote:
[ code verwijderd ]
a is parent van children 1, 2 en 3. 1, 2 en 3 zijn siblings
dit staat in mijn pagina
| 1 2 3 4 | <body> <div id="container"> <?php include("php/navbox.php"); ?> </div> |
in de navbox staat onderaan de highlight
| 1 2 3 4 | vanalleshierboven <div id="highlight"> </div> </div> |
maar waar moet ik dan ergens beginnen?quote:
Hier kan ik ook niets mee... Gewoon zelf even spelen met de margin-settings van al je elementen.
want margins voor chrome en moz zouden hetzelfde moeten zijn?
of moet ik voor 1vd2 een fix maken (en dan ook voor IE)
Browsers hebben overal eigen standaarden voor.quote:
[..]
maar waar moet ik dan ergens beginnen?
want margins voor chrome en moz zouden hetzelfde moeten zijn?
of moet ik voor 1vd2 een fix maken (en dan ook voor IE)
http://css-class.com/test(...)e-sheet-defaults.htm
Dus beter kan je alles vastzetten op een waarde ipv een standaard waarde gebruiken. Wat waarschijnlijk de oorzaak van je probleem is
.
Ik zou sowieso geen margin gebruiken voor het positioneren als je position:absolute gebruikt. Dan kun je beter positioneren met left/right en top/bottom.quote:
Heb een vraagje.
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
dat lijkt m te zijn, FF en Chrome zijn nu hetzelfde.....ff IE installeren en dan checken...zal wel hopeloos zijnquote:
[..]
Ik zou sowieso geen margin gebruiken voor het positioneren als je position:absolute gebruikt. Dan kun je beter positioneren met left/right en top/bottom.
Bij het ontwikkelen ben ik erachter gekomen dat Internet Explorer 7 weer roet in het eten gooit. Waar alle andere moderne browsers het normaal doen, heeft IE7 de volgende 'quirk', en ik heb het tot nu toe nog niet kunnen oplossen. Helaas zijn er nog genoeg IE7 gebruikers dus wil ik het graag oplossen.
Op deze pagina is te zien dat in alle moderne browsers de grijze vakken met inhoud netjes worden uitgelijnd.
http://www.vanzoelen.nl/zoekwoord/verbouw/
In IE7 is dat niet zo, de linkerrij is steevast verticaal verschoven:
Code voor de grijze DIV:
Op deze pagina is te zien dat in alle moderne browsers de grijze vakken met inhoud netjes worden uitgelijnd.
http://www.vanzoelen.nl/zoekwoord/verbouw/
In IE7 is dat niet zo, de linkerrij is steevast verticaal verschoven:
Code voor de grijze DIV:
| 1 2 3 4 5 6 7 8 9 10 | .projectthumb { padding: 5px 5px 5px 5px; background:#eceff1;width:170px; float:left; margin:5px 5px 5px 0px; height: 170px; overflow: hidden; display: inline-block!important; } |
url
Probeer eens vertical-align:top toe te voegen en voor IE6 en IE7 display:inline ipv inline block.
Nee.
Sowieso botsen float:left en display:inline-block volgens mij met elkaar hoor. Als je een van de twee eens weg haalt?
Nee.
Display: inline-block weggehaald, float left moet ik echt houden anders gaat het in alle browsers mis.
url
Dan doe je iets verkeerd. Display:inline-block hoort cross-browser goed te werken zonder floats. Het enige wat je moet doen is voor IE6/IE7 niet display:inline-block te gebruiken maar display:inline.
Nee.
Ok, nu is het opgelost door de properties bij #main-content p weg te halen. Helaas gebeurt er nu dit, alle tekst mist hier de P's.. http://www.vanzoelen.nl/2010/12/onze-werkwijze/
is dit niet ergens aan te zetten of zou het nu ergens in mijn css al eerder zijn uitgezet, wat ik nog niet ontdekt heb?
is dit niet ergens aan te zetten of zou het nu ergens in mijn css al eerder zijn uitgezet, wat ik nog niet ontdekt heb?
url
Is er een CSS selector die triggert wanneer een div een bepaalde tekst bevat?
Iets van: div:contains(blabla)
Iets van: div:contains(blabla)
Ik in een aantal worden omschreven: Ondernemend | Moedig | Stout | Lief | Positief | Intuïtief | Communicatief | Humor | Creatief | Spontaan | Open | Sociaal | Vrolijk | Organisator | Pro-actief | Meedenkend | Levensgenieter | Spiritueel
Thanks. (Klote.)
Ik in een aantal worden omschreven: Ondernemend | Moedig | Stout | Lief | Positief | Intuïtief | Communicatief | Humor | Creatief | Spontaan | Open | Sociaal | Vrolijk | Organisator | Pro-actief | Meedenkend | Levensgenieter | Spiritueel
http://www.w3.org/TR/CSS2/selector.html#pattern-matching
| 1 2 3 4 5 6 7 8 | post = document.getElementsByTagName('whatever'); for (i=0; i<post.length; i++) { if (post[i].innerHTML.search('zoekterm') >= 1 ) { post[i].style.backgroundColor="#f00"; } } |
