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.
Gewoon een screenshot?quote:
Op
C'est la vie
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
Nee gewoon een HTML/CSS pagina ergens. Lappen code hier of een plaatje kan ik persoonlijk vrij weinig mee.
Nee.
De meesten van ons hebben geen kristallen bol waarin we kunnen zien hoe jij je website opgebouwd hebt. Dus ja, kom eens over de brug met wat je gemaakt hebt.
Sorry ik ben nogal een nitwit dus daarom dat ik vroeg wat jullie willen zien. Ik zal even het HTML bestandje uploaden.quote:Op zaterdag 16 april 2011 17:11 schreef KomtTijd... het volgende:
De meesten van ons hebben geen kristallen bol waarin we kunnen zien hoe jij je website opgebouwd hebt. Dus ja, kom eens over de brug met wat je gemaakt hebt.
C'est la vie
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
Verliefdheid is voor de dommen
A lion does not lose sleep over the opinion of sheep
Hier sprak Tchock Heloefs lul is zo ondergewaardeerd.
Om te garanderen dat alle posities in zowel internet explorer als firefox hetzelfde zijn, moet je dan elk element uitgebreid gaan uitschrijven? waaronder padding, margin, e.d.?
Als je de wereld wilt begrijpen, moet je denken zoals ik.
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
in principe wel (voor zover ik weet). Volgens mij was daarvoor een css-reset bedacht, wat alles op 0 of een andere acceptabele standaardwaarde zet. Zou je even moeten googelen.quote:Op dinsdag 19 april 2011 14:00 schreef Onnoman het volgende:
Om te garanderen dat alle posities in zowel internet explorer als firefox hetzelfde zijn, moet je dan elk element uitgebreid gaan uitschrijven? waaronder padding, margin, e.d.?
Finally, someone let me out of my cage
standaard submit buttons worden in IE en Firefox altijd anders weergegeven schijnt het!
de font binnen buttons zijn altijd ongelijk.. de enige manier is om de font bold te maken zoals als volgt:
font: bold small Arial, Verdana, Sans-serif;
de font binnen buttons zijn altijd ongelijk.. de enige manier is om de font bold te maken zoals als volgt:
font: bold small Arial, Verdana, Sans-serif;
Als je de wereld wilt begrijpen, moet je denken zoals ik.
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
(Onnoman)
si vi pacem para bellum
himmelhoch jauchzend
Húúúú nee alsjeblieft, niet van die "resets"quote:
[..]
in principe wel (voor zover ik weet). Volgens mij was daarvoor een css-reset bedacht, wat alles op 0 of een andere acceptabele standaardwaarde zet. Zou je even moeten googelen.
Die verneuken het alleen maar verder. Gewoon defineren wat je nodig hebt en verder niets. De standaard stylesheet is juist hardstikke handig om als fallback te hebben.
Heb ik nog nooit last van gehad?quote:
standaard submit buttons worden in IE en Firefox altijd anders weergegeven schijnt het!
de font binnen buttons zijn altijd ongelijk.. de enige manier is om de font bold te maken zoals als volgt:
font: bold small Arial, Verdana, Sans-serif;
En: Wat maakt het uit? Standaard formulier-elementen zijn sowieso besturingssysteem en browser afhankelijk en zien er dus nooit het zelfde uit, maar altijd zoals de gebruiker graag wil dat het eruit ziet. Moet je niet aan gaan lopen kloten dus.
-edit-
Zeer informatieve website over ditsoort issues:
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Toch jammer dat die er in iig in Opera en FF wel hetzelfde uitziet.quote:
[..]
Heb ik nog nooit last van gehad?
En: Wat maakt het uit? Standaard formulier-elementen zijn sowieso besturingssysteem en browser afhankelijk en zien er dus nooit het zelfde uit, maar altijd zoals de gebruiker graag wil dat het eruit ziet. Moet je niet aan gaan lopen kloten dus.
-edit-
Zeer informatieve website over ditsoort issues:
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Ik weet ook heel zeker dat die in jouw firefox er anders uitzien als in mijn firefox.quote:
[..]
Toch jammer dat die er in iig in Opera en FF wel hetzelfde uitziet.
En zo niet dan kies ik een ander thema, ziet'ie er weer anders uit.
Het zelfde geldt voor scrollbalken en dergelijke. 9 van de 10 keer zijn die afhankelijk van (het thema van) je OS. Daar moet je als webdeveloper gewoon niet mee kutten, da's alleen maar irritant.
Ik ben vrij nieuw met CSS dus ben bezig met wat aanklooien lokaal.
Nu werkt alles prima (in Chrome that is, cross-browser ga ik later wel naar kijken).
Ik had hem even door de validator heen gehaald en die begon te miepen over DOCTYPE.
Daar heb ik me dus even in ingelezen op http://www.w3schools.com/tags/tag_doctype.asp
Als ik de 'tolerantste' doctype toepas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
werkt mijn CSS deels niet meer. Als ik het goed begrijp werkt font: dan niet meer zoals ik hieronder heb?
Moet ik dan alles los declaren (font-family, font-size... etc) ?
Alvast bedankt!
Nu werkt alles prima (in Chrome that is, cross-browser ga ik later wel naar kijken).
Ik had hem even door de validator heen gehaald en die begon te miepen over DOCTYPE.
Daar heb ik me dus even in ingelezen op http://www.w3schools.com/tags/tag_doctype.asp
Als ik de 'tolerantste' doctype toepas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
werkt mijn CSS deels niet meer. Als ik het goed begrijp werkt font: dan niet meer zoals ik hieronder heb?
| 1 2 3 4 5 6 7 | div#wrapper { color: black; font: normal 11/12px verdana, helvetica, sans serif; width: 900px; position: relative; } |
Alvast bedankt!
Ik gebruik altijd een reset, werkt prima. De standaarden vallen nog steeds terug op standaard waarden maar dan in elke browser hetzelfde.quote:Op dinsdag 19 april 2011 20:40 schreef KomtTijd... het volgende:
[..]
Húúúú nee alsjeblieft, niet van die "resets"
Gewoon defineren wat je nodig hebt en verder niets. De standaard stylesheet is juist hardstikke handig om als fallback te hebben.
Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
“Specialization is for insects”.—Robert Heinlein
Zag net op W3C ook dat em's aangeraden worden.quote:Op dinsdag 26 april 2011 21:00 schreef n8n het volgende:
Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
Maar 14px <> 1.4em maar ook niet 0.875em (volgens W3C)
Wat is het nou danquote:1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
Edit; lijkt erop dat 14px = 1.3em in Chrome en IE8, maar 11px is wel 0.6875em. Wordt er niet veel duidelijker op.
Edit2; is het aan te raden dat ik ALLE px verander in em?
Die waarden zijn misschien wel overal hetzelfde, maar ze zijn over het algemeen niet wat je wilt. Dan moet je dus alsnog vanalles specificeren. Kun je het net zo goed in 1 keer doen, meteen naar de waarden die je wel wilt.quote:
[..]
Ik gebruik altijd een reset, werkt prima. De standaarden vallen nog steeds terug op standaard waarden maar dan in elke browser hetzelfde.
Dat geldt alleen als de standaard lettergrootte in de browser op 16px staat. Meestal wel de standaardwaarde, maar er volledig op vertrouwen is misschien wat link. Overigens levert een font-size van 75% op de body dan 12px op.quote:Nog een extragratis tip voor wie met em's werkt: zet de font-size van het body-element op 62.5%, een em is nu overal 10px groot
1em is 10px als de fontgrootte 10px is, en 12px als de fontgrootte 12px is. Hoe groot het precies is, ligt dus aan de situatie. Als je em's gebruikt voor het instellen van de font-size, wordt als uitgangspunt de font-size van het parent-element genomen. Voor andere dingen (margins bijv.) wordt de font-size van het element zelf als uitgangspunt genomen.quote:Op dinsdag 26 april 2011 21:06 schreef DaFan het volgende:
[..]
Zag net op W3C ook dat em's aangeraden worden.
Maar 14px <> 1.4em maar ook niet 0.875em (volgens W3C)
[..]
Wat is het nou dan
Edit; lijkt erop dat 14px = 1.3em in Chrome en IE8, maar 11px is wel 0.6875em. Wordt er niet veel duidelijker op.
Edit2; is het aan te raden dat ik ALLE px verander in em?
Ok ingewikkeld.quote:
[..]
1em is 10px als de fontgrootte 10px is, en 12px als de fontgrootte 12px is. Hoe groot het precies is, ligt dus aan de situatie. Als je em's gebruikt voor het instellen van de font-size, wordt als uitgangspunt de font-size van het parent-element genomen. Voor andere dingen (margins bijv.) wordt de font-size van het element zelf als uitgangspunt genomen.
En als ik nou de tip van W3C gebruik
| 1 | body {font-size:100%;} |
16px dus?
62,5% van 16 is 10.quote:
[..]
Zag net op W3C ook dat em's aangeraden worden.
Maar 14px <> 1.4em maar ook niet 0.875em (volgens W3C)
[..]
Wat is het nou dan
Edit; lijkt erop dat 14px = 1.3em in Chrome en IE8, maar 11px is wel 0.6875em. Wordt er niet veel duidelijker op.
Edit2; is het aan te raden dat ik ALLE px verander in em?
Ik heb liever controle, ik koppel elementen met dezelfde 'sematische' opmaakwaarde ook bij elkaar. Bijvoorbeeld alle elementen waarvan hetzelfde font gespecificeerd is in 1, dan hoef ik het ook maar 1 keer aan te passen als ik voor een andere waarde kies.quote:
[..]
Die waarden zijn misschien wel overal hetzelfde, maar ze zijn over het algemeen niet wat je wilt. Dan moet je dus alsnog vanalles specificeren. Kun je het net zo goed in 1 keer doen, meteen naar de waarden die je wel wilt.
Als die standaard lettergrootte anders is dan 16px heeft dat een reden, meteen het voordeel van em's. Idealiter wissel je em's en px slim af om een website op basis van fontschaling slim te laten schalen. Helaas werkten developers daar niet aan mee waardoor er nu een 'schaal-alles' functie in nagenoeg elke browser zit, dan krijg je snel bij inzoomen dat je verticaal moet scrollen.quote:[..]
Dat geldt alleen als de standaard lettergrootte in de browser op 16px staat. Meestal wel de standaardwaarde, maar er volledig op vertrouwen is misschien wat link. Overigens levert een font-size van 75% op de body dan 12px op.
“Specialization is for insects”.—Robert Heinlein
Die controle heb je ook zonder reset-css wel. Dingen combineren ben ik het wel mee eens, in ieder geval voor dingen die logisch gezien ook bij elkaar horen.quote:
Ik heb liever controle, ik koppel elementen met dezelfde 'sematische' opmaakwaarde ook bij elkaar. Bijvoorbeeld alle elementen waarvan hetzelfde font gespecificeerd is in 1, dan hoef ik het ook maar 1 keer aan te passen als ik voor een andere waarde kies.
Ik begin meestal met een grootte in px (op html en body) en alle font-sizes daarna stel ik in met em's.quote:Als die standaard lettergrootte anders is dan 16px heeft dat een reden, meteen het voordeel van em's. Idealiter wissel je em's en px slim af om een website op basis van fontschaling slim te laten schalen. Helaas werkten developers daar niet aan mee waardoor er nu een 'schaal-alles' functie in nagenoeg elke browser zit, dan krijg je snel bij inzoomen dat je verticaal moet scrollen.
Uiteindelijk gaat het er om wat je zelf het prettigst vind werken, het resultaat telt. Beide manieren hebben iets om voor te zeggenquote:
[..]
Die controle heb je ook zonder reset-css wel. Dingen combineren ben ik het wel mee eens, in ieder geval voor dingen die logisch gezien ook bij elkaar horen.
[..]
Ligt aan de website, ik kijk altijd van welke waarden het waar wenselijk is als ze schalen en tot op welke hoogte. Een goede werkwijze vinden neemt wat tijd in beslag maar daarna gaat het vrijwel vanzelfquote:Ik begin meestal met een grootte in px (op html en body) en alle font-sizes daarna stel ik in met em's.
“Specialization is for insects”.—Robert Heinlein
Oi, graag wat hulp:
Ik heb een div "Content" en een div "Footer"
Ik heb mijn content geen hoogte meegegeven, en bij meer content wordt het dus groter, en gaat Footer omlaag.
In de footer heb ik 2 plaatjes naast elkaar, omdat ze floaten (1 links 1 rechts) heb ik er een clearfix bij gedaan.
Nu is het probleem dat zodra mijn content groter word, alleen links of alleen rechts mee gaat, en het andere plaatje dus blijft staan. Wat doe ik fout?
HTML:
<div id="content">
<div id="main">
<div id="mainTop"></div>
<div id="mainHolder">
<div id="mainContent">uyguoyboubguy</div>
</div>
<div id="mainBottom"></div>
</div><!-- end of mainright -->
<div id="side">
<div id="sideTop"></div>
<div id="sideHolder">
<div id="sideContent">uyguoyboubguy</div>
</div>
<div id="sideBottom"></div>
</div><!-- end of side -->
<div id="side2">
<div id="sideContent2">uyguoyboubguy</div>
</div><!-- end of side -->
<div class"clearFix"></div>
</div><!-- end of content -->
<div id="footer">
<div id="left"></div>
<div id="right"></div>
<div class="clearFix"></div>
</div><!-- end of footer -->
CSS:
#side2{
background: url(images/twitter.jpg);
width: 300px;
height: 242px;
float: right;
padding: 0;
margin-right: 100px;
border: 3px solid #4fa600;
margin-bottom: 10px;
}
#sideContent2{
background: none;
width:auto;
margin:10px 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}
#footer{
background: none;
width: 100%;
height: 206px;
margin-top: 500px;
}
#left{
background: url(images/bgleft.png);
width: 50%;
height: 206px;
float:left;
}
#right{
background: url(images/bgright.png);
width: 50%;
height: 206px;
float: right;
}
.clearFix { clear: both; display: block; font-size: 0; line-height: 0%; height: 0; visibility: hidden; }
Kan iemand mij vertellen wat ik fout doe? Het lijkt mij dat ik nog iets in #footer zou moeten zetten waardoor het bij elkaar blijft, aangezien dat de div is die ze bij elkaar houden moet.
Hopelijk kan iemand mij hiermee helpen, bedankt!
Ik heb een div "Content" en een div "Footer"
Ik heb mijn content geen hoogte meegegeven, en bij meer content wordt het dus groter, en gaat Footer omlaag.
In de footer heb ik 2 plaatjes naast elkaar, omdat ze floaten (1 links 1 rechts) heb ik er een clearfix bij gedaan.
Nu is het probleem dat zodra mijn content groter word, alleen links of alleen rechts mee gaat, en het andere plaatje dus blijft staan. Wat doe ik fout?
HTML:
<div id="content">
<div id="main">
<div id="mainTop"></div>
<div id="mainHolder">
<div id="mainContent">uyguoyboubguy</div>
</div>
<div id="mainBottom"></div>
</div><!-- end of mainright -->
<div id="side">
<div id="sideTop"></div>
<div id="sideHolder">
<div id="sideContent">uyguoyboubguy</div>
</div>
<div id="sideBottom"></div>
</div><!-- end of side -->
<div id="side2">
<div id="sideContent2">uyguoyboubguy</div>
</div><!-- end of side -->
<div class"clearFix"></div>
</div><!-- end of content -->
<div id="footer">
<div id="left"></div>
<div id="right"></div>
<div class="clearFix"></div>
</div><!-- end of footer -->
CSS:
#side2{
background: url(images/twitter.jpg);
width: 300px;
height: 242px;
float: right;
padding: 0;
margin-right: 100px;
border: 3px solid #4fa600;
margin-bottom: 10px;
}
#sideContent2{
background: none;
width:auto;
margin:10px 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}
#footer{
background: none;
width: 100%;
height: 206px;
margin-top: 500px;
}
#left{
background: url(images/bgleft.png);
width: 50%;
height: 206px;
float:left;
}
#right{
background: url(images/bgright.png);
width: 50%;
height: 206px;
float: right;
}
.clearFix { clear: both; display: block; font-size: 0; line-height: 0%; height: 0; visibility: hidden; }
Kan iemand mij vertellen wat ik fout doe? Het lijkt mij dat ik nog iets in #footer zou moeten zetten waardoor het bij elkaar blijft, aangezien dat de div is die ze bij elkaar houden moet.
Hopelijk kan iemand mij hiermee helpen, bedankt!
---
1) waarom zo teringveel dubbelgeneste div's met schijnbaar geen functie maar wel met allemaal een unieke ID? Hou het overzichtelijk dan maak je het jezelf alleen maar makkelijker. [code]-tags gebruiken helpt daar ook voor trouwens.
2) "side", "side2" enz. zijn nou niet bepaald praktische/semantische namen
3) #side2 en #right lijken me de verkeerde kant op gefloat
4) die "clearfix" hoeft ten eerste niet 2x, en je hoeft er ook geen extra div voor toe te voegen, je kunt prima gewoon de footer clear:both doen.
2) "side", "side2" enz. zijn nou niet bepaald praktische/semantische namen
3) #side2 en #right lijken me de verkeerde kant op gefloat
4) die "clearfix" hoeft ten eerste niet 2x, en je hoeft er ook geen extra div voor toe te voegen, je kunt prima gewoon de footer clear:both doen.
Err, ik heb alleen het deel van de css geplakt van wat ik dacht dat ertoe deed, ze hebben allemaal een functie. Of de namen praktisch zijn of niet zou nu even niet uit mogen maken (Het wordt mij later pas duidelijk waar ze voor zijn, dan pas ik ze aan, en tot die tijd noem ik ze zo ;P)
Ik heb clear:both gedaan in de footer, en het probleem is weg :p Thanks alot
Ik heb clear:both gedaan in de footer, en het probleem is weg :p Thanks alot
---
Kan ik hier ook normale HTML vragen stellen?
Zoja: als ik een pdf in een iframe laadt, doet ie dat in principe goed in Chrome en Safari, maar in Firefox vraagt ie om de pdf te downloaden (IE geen idee, zit op Mac). Hoe is dit te fixen?
Zoja: als ik een pdf in een iframe laadt, doet ie dat in principe goed in Chrome en Safari, maar in Firefox vraagt ie om de pdf te downloaden (IE geen idee, zit op Mac). Hoe is dit te fixen?
das volgens mij een client instelling...quote:
Kan ik hier ook normale HTML vragen stellen?
Zoja: als ik een pdf in een iframe laadt, doet ie dat in principe goed in Chrome en Safari, maar in Firefox vraagt ie om de pdf te downloaden (IE geen idee, zit op Mac). Hoe is dit te fixen?
En hoe verander ik die?quote:
[..]
das volgens mij een client instelling...
Overigens nog een vraag: onder de iframe verschijnt een flink aantal pixels een grote witte ruimte.. En dat komt zeker niet door heights, margins of paddings. Wtf is dit?
Adobe heeft geen Firefox-plugin uitgebracht volgens mij voor de Mac. Zie: http://support.mozilla.co(...)s%20within%20Firefox - toevallig pas op het werk een klant die er ook over klaagde en toen heb ik het uitgezocht. Er zijn dus wel diverse plugins die dit alsnog mogelijk maken.
Nee.
Ah, dus dit probleem komt enkel voor onder Firefox gebruikers op de Mac? Dat is nog te overzien dan.
Vraag 2 was: onder de iframe verschijnt een flink aantal pixels grote witte ruimte.. En dat komt zeker niet door heights, margins of paddings. Wát is dit?
Vraag 2 was: onder de iframe verschijnt een flink aantal pixels grote witte ruimte.. En dat komt zeker niet door heights, margins of paddings. Wát is dit?
hoe weet je zo zeker dat het geen paddings, margins of heights zijn?quote:
Ah, dus dit probleem komt enkel voor onder Firefox gebruikers op de Mac? Dat is nog te overzien dan.
Vraag 2 was: onder de iframe verschijnt een flink aantal pixels grote witte ruimte.. En dat komt zeker niet door heights, margins of paddings. Wát is dit?
kijk eens met firebug
Omdat ik dat heb getest natuurlijk...
Firefox geeft geen whitespace, Chrome wel. Safari ook niet.
edit; problem solved I guess. I-frame staat buiten een div en daarom geeft ie whitespace... Snap niet hoe, maar oke.
Firefox geeft geen whitespace, Chrome wel. Safari ook niet.
edit; problem solved I guess. I-frame staat buiten een div en daarom geeft ie whitespace... Snap niet hoe, maar oke.
vraagje: hoe kan ik 1 regel van een drop down menu een tekstkleur geven dat ook werkt bij firefox & chrome?
ik heb nu zoiets:
maar alleen IE8 pakt dit, FF en chrome blijven het zwart weergeven, in het dropdown menu is hij wel grijs
optie A is de standaard geselecteerde optie overigens
ik zie vast wat over het hoofd....
[ Bericht 3% gewijzigd door mschol op 21-05-2011 14:24:33 ]
ik heb nu zoiets:
| 1 2 3 4 5 6 7 8 | <style> #opt { color:#CCC; } </style> (...) <select> <option id="opt">A</option> <option>B</option> </select> |
maar alleen IE8 pakt dit, FF en chrome blijven het zwart weergeven, in het dropdown menu is hij wel grijs
optie A is de standaard geselecteerde optie overigens
ik zie vast wat over het hoofd....
[ Bericht 3% gewijzigd door mschol op 21-05-2011 14:24:33 ]
Ik krijg mijn sticky footer met geen mogelijkheid de goede hoogte. De wrapdiv die ik gebruik wordt minstens 2 keer zo hoog als de footer zelf, en ik krijg 'm maar niet lager. Dit moet wel, want de footer moet een doorlopende achtergrond hebben, en dat lijkt alleen te kunnen met de wrapdiv. Ik heb alles al geprobeerd, height 100%, hoogte in pixels (Maar dan lijkt hij alleen van onder korter te worden), min-height van 100%, height auto, alle hoogtes uit om te zien wat het doet, alle margins uit, niets werkt.
Kan iemand helpen?
Mocht je denken meer code nodig te hebben, vraag maar, ik weet even niet welke allemaal relevant zijn
Kan iemand helpen?
| 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 28 29 30 31 32 33 34 | #container2, .push { min-height: 100%; margin-left:-5px; margin-bottom:0px; width:100%; background-repeat:no-repeat; background-position:bottom; height:auto !important; height:100%; margin:0 auto -165px; } #footer { margin:0 auto; width:870px; height:165px; background-image:url(../img/backfooter.png); background-color:#d4c5b1; padding: 20px 15px 0px 15px; position: relative; clear:both; background-repeat:repeat-x; } #disclaimer { width:863px; margin:0 auto; height:30px; background-color: #C3B29E; padding: 7px 22px 0px 15px; font-size:11px; } |
Mocht je denken meer code nodig te hebben, vraag maar, ik weet even niet welke allemaal relevant zijn
alleen css kan ik weing mee, behalve constateren dat:
geen functie heeft.
Testcase + firebug. Dan is het zo opgelost.
| 1 2 3 4 5 | margin-left:-5px; margin-bottom:0px; width:100%; background-repeat:no-repeat; background-position:bottom; |
Testcase + firebug. Dan is het zo opgelost.
Ik geef je even de site. Ik zit de hele dag met firebug, en testcase of niet, het lijkt hier niets op te lossenquote:Op dinsdag 24 mei 2011 10:18 schreef KomtTijd... het volgende:
alleen css kan ik weing mee, behalve constateren dat:
[ code verwijderd ]
geen functie heeft.
Testcase + firebug. Dan is het zo opgelost.
Vraag:
Ben een newbie in XML en ik moet weten hoe ik data in een XML bestand wegschrijf, en dat daarna weer daaruit kan ophalen.
Ben een newbie in XML en ik moet weten hoe ik data in een XML bestand wegschrijf, en dat daarna weer daaruit kan ophalen.
Je stelt geen vraag, maar je noemt je schoolopdracht.
In een topic waaruit blijkt dat je het echt niet snapt. Ik wens je HEEL veel succes met het verwerken van XML d.m.v CSS.
In een topic waaruit blijkt dat je het echt niet snapt. Ik wens je HEEL veel succes met het verwerken van XML d.m.v CSS.
Iemand problemen met :hover in Firefox 4?
De website waar ik en m'n projectgroepje aan werkt reageert niet meer op de mouse overs. Momenteel is het iets met opacity: 0.4; en ik snap dat dat nog relatief nieuwe css code is, maar hij reageert ook niet op standaard background: red; enzo.
[ Bericht 39% gewijzigd door Mirel op 30-05-2011 15:10:08 ]
De website waar ik en m'n projectgroepje aan werkt reageert niet meer op de mouse overs. Momenteel is het iets met opacity: 0.4; en ik snap dat dat nog relatief nieuwe css code is, maar hij reageert ook niet op standaard background: red; enzo.
[ Bericht 39% gewijzigd door Mirel op 30-05-2011 15:10:08 ]
When all else fails, you always have delusion.
relatief nieuwe CSS? Opacity is gewoon CSS2 hoor.
Waar gaat het trouwens over? Ik zie nergens hovers....
Waar gaat het trouwens over? Ik zie nergens hovers....
De menuknoppen links hebben hovers die werken in Opera IE en Chrome, maar niet in Firefox 4.quote:
relatief nieuwe CSS? Opacity is gewoon CSS2 hoor.
Waar gaat het trouwens over? Ik zie nergens hovers....
edit: oh godver in de nieuwe IE is helemaaaaaaal naar de klote.
Ergens na het installeren van plugins of iets aanpassen in de css ging het dus vreselijk mis maar ik weet niet meer waar.
When all else fails, you always have delusion.
Je bedoelt die knoppen die uberhaupt niet zichtbaar zijn als je je browservenster iets kleiner maakt?quote:
[..]
De menuknoppen links hebben hovers die werken in Opera IE en Chrome, maar niet in Firefox 4.
Die knoppen hebben géén hovers. Dus daar gaat ook niets mee gebeuren als je er overheen gaat met je muis.
Tip: begin voortaan te ontwikkelen voor een standaard-compliant browser, en ga daarna pas hacks invoeren om (oudere versies van) IE mee te krijgen. In plaats van andersom.quote:
edit: oh godver in de nieuwe IE is helemaaaaaaal naar de klote.
Die linkjes zijn wordpress category linkjes, opgeroepen dmv van cat-item-bla en ze een kleurtje gegeven. Ergens werkten ze nog (nog steeds in chrome en opera) maar ik ben een beetje de draad kwijt geraakt na een weekje en ik weet niet meer wanneer het mis is gegaan.quote:
[..]
Je bedoelt die knoppen die uberhaupt niet zichtbaar zijn als je je browservenster iets kleiner maakt?
Die knoppen hebben géén hovers. Dus daar gaat ook niets mee gebeuren als je er overheen gaat met je muis.
Dat dat hele menubalkje zo'n stomme absolute position heeft is een moeilijkheid die we nou eenmaal op die manier hadden opgelost. Wel kut ja, hij is met left: -140px ten opzichte van de container naar links geduwd. Zucht
Het is iets om mee te nemen voor de volgende keer. Ik heb eerder met 2 partners tot nu toe 3 websites gedaan, zonder problemen met layout gekut over de verschillende browsers. Ik denk dat we deze keer veel te snel gingen met teveel dingen tegelijk.quote:
[..]
Tip: begin voortaan te ontwikkelen voor een standaard-compliant browser, en ga daarna pas hacks invoeren om (oudere versies van) IE mee te krijgen. In plaats van andersom.
When all else fails, you always have delusion.
Daar is niks mee gedaan. Die staan gewoon op dezelfde plek en opera en chrome lezen die gewoon uit, dus ikw eet het ook niet. Denk dat een andere css regel de boosdoener is.quote:Op maandag 30 mei 2011 16:39 schreef KomtTijd... het volgende:
naja uitzoeken dus waar de css-regels van die knopjes staan, en waar die hover gebleven is.
When all else fails, you always have delusion.
Als je nou eens gewoon die Javascript-ellende weghaalt die voor je doctype staat, dan werken die hovers gewoon in Firefox.
Nee.
Hey wat leuk, die zooi zie ik niet staan in m'n header.php, dat wordt weer zoeken.
edit: lijkt op een login module, maar als ik die weghaal gebeurt er ook niks. Weird. Even bij wordpress topic kijken.
[ Bericht 30% gewijzigd door Mirel op 30-05-2011 17:25:53 ]
edit: lijkt op een login module, maar als ik die weghaal gebeurt er ook niks. Weird. Even bij wordpress topic kijken.
[ Bericht 30% gewijzigd door Mirel op 30-05-2011 17:25:53 ]
When all else fails, you always have delusion.
Er is geen andere CSS-regel, er is gewoon geen hover. Ik herhaal: GEEN hover. Niet. Nergens. Een hover die niet bestaat gaat het ook niet doen.quote:
[..]
Daar is niks mee gedaan. Die staan gewoon op dezelfde plek en opera en chrome lezen die gewoon uit, dus ikw eet het ook niet. Denk dat een andere css regel de boosdoener is.
Ik heb in Safari op de Mac ook gewoon een hover hoor. Die zijn schijnbaar minder kieskeurig wat betreft codes die voor de doctype komen. Ik zie in de CSS ook gewoon de diverse :hover-states staan hoor. Firebug ziet ze alleen niet door die Javascript-ellende voor de doctype.
Nee.
Hoi hoi. Net begonnen met een eigen site.
Ik wil 1 div herhalen helemaal rechtsonderaan. Ik kan er eentje daar wel neerzetten, maar nu blijkt het toch moeilijker dan ik dacht om er dan een andere links ernaast te herhalen. Wtf moet ik doen
Pas op het moment dat ik position: absolute; invoer, krijg ik de div rechtsonder. Maar op het moment dat ik de div kopieer, komen ze (denk ik) boven op elkaar. Ik zie er dan iig maar eentje.
Ik probeerde dit als voorbeeld te gebruiken: http://sonyakozlova.com/ Die website lijnt niet uit rechtsonderaan maar ik kan misschien met bepaalde trucjes (een container div onderaan) de boel wel naar beneden krijgen. Feit blijft wel dat ik mijn eerste post rechts wil hebben en mijn nieuwste post links. Zo zal je dan later naar rechts moeten scrollen om de oudere dingen te zien.
Ik zie sowieso niet hoe de boel naast elkaar is gezet op die website. Dat kan ik overigens nog wel zoals in bovenstaande code te zien is. Het is die klote position: absolute; die de boel verkloot.
[ Bericht 6% gewijzigd door Mirel op 05-06-2011 21:58:36 ]
Ik wil 1 div herhalen helemaal rechtsonderaan. Ik kan er eentje daar wel neerzetten, maar nu blijkt het toch moeilijker dan ik dacht om er dan een andere links ernaast te herhalen. Wtf moet ik doen
| 1 2 3 4 5 6 | <div class="post"> test1 </div> <div class="post"> test2 </div> |
| 1 2 3 4 5 6 7 8 | .post { bottom:0; right:0; width: 400px; background: white; float: right; margin-left: 40px; } |
Ik probeerde dit als voorbeeld te gebruiken: http://sonyakozlova.com/ Die website lijnt niet uit rechtsonderaan maar ik kan misschien met bepaalde trucjes (een container div onderaan) de boel wel naar beneden krijgen. Feit blijft wel dat ik mijn eerste post rechts wil hebben en mijn nieuwste post links. Zo zal je dan later naar rechts moeten scrollen om de oudere dingen te zien.
Ik zie sowieso niet hoe de boel naast elkaar is gezet op die website. Dat kan ik overigens nog wel zoals in bovenstaande code te zien is. Het is die klote position: absolute; die de boel verkloot.
[ Bericht 6% gewijzigd door Mirel op 05-06-2011 21:58:36 ]
When all else fails, you always have delusion.
Ik heb geen flauw idee wat je nou wilt bereiken, maar position:absolute gebruiken is (bijna) nooit een goed idee.
doe eens plaatje makenquote:
Hoi hoi. Net begonnen met een eigen site.
Ik wil 1 div herhalen helemaal rechtsonderaan. Ik kan er eentje daar wel neerzetten, maar nu blijkt het toch moeilijker dan ik dacht om er dan een andere links ernaast te herhalen. Wtf moet ik doen
[ code verwijderd ]
[ code verwijderd ]
Pas op het moment dat ik position: absolute; invoer, krijg ik de div rechtsonder. Maar op het moment dat ik de div kopieer, komen ze (denk ik) boven op elkaar. Ik zie er dan iig maar eentje.
Ik probeerde dit als voorbeeld te gebruiken: http://sonyakozlova.com/ Die website lijnt niet uit rechtsonderaan maar ik kan misschien met bepaalde trucjes (een container div onderaan) de boel wel naar beneden krijgen. Feit blijft wel dat ik mijn eerste post rechts wil hebben en mijn nieuwste post links. Zo zal je dan later naar rechts moeten scrollen om de oudere dingen te zien.
Ik zie sowieso niet hoe de boel naast elkaar is gezet op die website. Dat kan ik overigens nog wel zoals in bovenstaande code te zien is. Het is die klote position: absolute; die de boel verkloot.
“Specialization is for insects”.—Robert Heinlein
zijn altijd zo groot? blijven ten alle tijden daar staan (dus ook als je het venster van grootte veranderd of bij scrollen)?quote:
Hier bij www.mirelmasic.nl. Ik wil dat het zo wordt:
[ afbeelding ]
Het is dus 1 div class die ik 2x post.
indien beide ja zou ik gaan voor
ul#ding {
position: fixed;
bottom: 0px;
right: 0px;
height: 20px;
width: 600px;
}
ul#ding li {
background: white;
float: right;
widht: 200px;
height: inherit;
margin: 0 50px;
}
zou moeten werken i'd guess
“Specialization is for insects”.—Robert Heinlein
Nou ze worden 400 px hoog denk ik. en dan wil ik met wordpress er text in plaatsen, of thumbnails
When all else fails, you always have delusion.
in dat geval die "bottom" div 400px hoog maken, en rechtsonderin de hoek smijten met position:absolute. Je content een margin-bottom van 400px geven.quote:
Nou ze worden 400 px hoog denk ik. en dan wil ik met wordpress er text in plaatsen, of thumbnails
hoezo lists? Ik snap niet hoe je dit met 2 css entries doet. De ene voor de tekst en de andere voor de achtergrond zelf?
edit: oohhhh, even denken
edit2: ja ik ben most confused, werkt voor geen meter. Daarnaast komt er een volgende div van dezelfde class rechts ipv links
[ Bericht 43% gewijzigd door Mirel op 06-06-2011 13:05:08 ]
edit: oohhhh, even denken
edit2: ja ik ben most confused, werkt voor geen meter. Daarnaast komt er een volgende div van dezelfde class rechts ipv links
[ Bericht 43% gewijzigd door Mirel op 06-06-2011 13:05:08 ]
When all else fails, you always have delusion.
oh hee het lukt al. En ik wil dat het dezelfde class geeft omdat ik in wordpress die div wil gebruiken voor het posten. Iedere post komt in een kopie van die div terug. Als ik op een gegeven 10 posts hebt dan heb ik dus 10 van die vierkanten naast elkaarquote:
Waarom geef je die div geen andere classname dan?
When all else fails, you always have delusion.
je wilt horizontaal scrollen?quote:
[..]
oh hee het lukt al. En ik wil dat het dezelfde class geeft omdat ik in wordpress die div wil gebruiken voor het posten. Iedere post komt in een kopie van die div terug. Als ik op een gegeven 10 posts hebt dan heb ik dus 10 van die vierkanten naast elkaar
“Specialization is for insects”.—Robert Heinlein
Ja. Ik word hier trouwens helemaal gestoord van. Dat zoiets simpels en voor de hand liggends niet kan werken.
Kan je het alsjeblieft precies invullen hoe het moet? Ook met de goeie namen
, want ik ben nu te suf om als een normaal mens na te denken
ik ben hier en daar aan het kutten geweest.
Kan je het alsjeblieft precies invullen hoe het moet? Ook met de goeie namen
, want ik ben nu te suf om als een normaal mens na te denken | 1 2 3 4 5 6 7 8 | <ul class="postwrapper"> <li class="post"> test1 </li> <li class="post"> test2 </li> <ul> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .postwrapper { position: fixed; bottom: 0px; right: 0px; height: 500px; width: 200px; } .post { float: right; width: 200px; height: 500px; } |
When all else fails, you always have delusion.
n8n.nl/temp/oi.html
al zou ik het persoonlijk iets anders doen, een scrollend element binnen een pagina is horrible
al zou ik het persoonlijk iets anders doen, een scrollend element binnen een pagina is horrible
“Specialization is for insects”.—Robert Heinlein
Ik heb het idee om iedere div uiteindelijk een gebouw te laten lijken. Ik wil gewoon stad bouwen met mijn posts. Leuk portfolio idee tochquote:
n8n.nl/temp/oi.html
al zou ik het persoonlijk iets anders doen, een scrollend element binnen een pagina is horrible
When all else fails, you always have delusion.
dat kan wel, vergt wel extraspeciale kennis, kan het wel ff maken volgens mijquote:
[..]
Ik heb het idee om iedere div uiteindelijk een gebouw te laten lijken. Ik wil gewoon stad bouwen met mijn posts. Leuk portfolio idee toch
“Specialization is for insects”.—Robert Heinlein
Nou ik heb al een idee hoe ik dat in wordpress kan regelen met de loop, nu de css eers fixen. Mijn hosting is trouwens echt *zwaar* kut de laatste tijd. Ik ga even op de host van m'n school, want als ik nu de stylesheet verander, dan gebeurt er helemaal niks.
PCextreme
PCextreme
When all else fails, you always have delusion.
en een list reversen? Ik las iets over <ol reversed> maar dat werkt niet
[ Bericht 92% gewijzigd door Mirel op 06-06-2011 15:31:57 ]
[ Bericht 92% gewijzigd door Mirel op 06-06-2011 15:31:57 ]
When all else fails, you always have delusion.
Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?
Bedankt
Oh nvm, ik ga het proberen met een pixel met een lage opacity.
[ Bericht 10% gewijzigd door RenRen- op 06-06-2011 16:18:44 ]
Bedankt
Oh nvm, ik ga het proberen met een pixel met een lage opacity.
[ Bericht 10% gewijzigd door RenRen- op 06-06-2011 16:18:44 ]
Los ik altijd op door de div en de inhoud los te trekken om het vervolgens over elkaar te positioneren.quote:
Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?
Bedankt
background: rgba(0,0,0,0.5);quote:
Ik ben aan het werken met opacity in een div. De div is prima doorzichtig, maar de tekst ook. Lijkt me logisch, maar als ik een nieuwe div maak erin, neemt die ook nog de doorzichtigheid mee, dit neemt me niet de bedoeling. Is dit op te lossen? Of alleen door de opacity weg te halen?
Bedankt
1e 3 nullen zijn rgbwaarde (0 - 255), laatste is opacity (0 - 1)
“Specialization is for insects”.—Robert Heinlein
snap het nu, extra element om de <article> in mijn voorbeeld heen en die float: right; geven, hoogte, line-height en vertical-align van <section> overnemenquote:
en een list reversen? Ik las iets over <ol reversed> maar dat werkt niet
“Specialization is for insects”.—Robert Heinlein
Ik weet hoe dat zit, maar dat is niet helemaal de vraag. Ik wil de opacity opheffen in een div in de doorzichtige div zodat mijn tekst niet doorzichtig en vaag is.quote:
[..]
background: rgba(0,0,0,0.5);
1e 3 nullen zijn rgbwaarde (0 - 255), laatste is opacity (0 - 1)
Oh serieus? Dat lijkt me niet helemaal handigquote:
[..]
Los ik altijd op door de div en de inhoud los te trekken om het vervolgens over elkaar te positioneren.
Of werkt dat juist altijd heel goed? Lijkt me dat je dan enorme verschillen krijgt in browsers.
Is exact de oplossing voor jouw probleem omdat het niet het hele element transparant maaktquote:
[..]
Ik weet hoe dat zit, maar dat is niet helemaal de vraag. Ik wil de opacity opheffen in een div in de doorzichtige div zodat mijn tekst niet doorzichtig en vaag is.
Dan het element met content relatief positioneren, een transparante span oid er in en dan absoluut positioneren met width en height 100%. Het kan dus ook zonder dat extra elementquote:[..]
Oh serieus? Dat lijkt me niet helemaal handig
“Specialization is for insects”.—Robert Heinlein
Ik begreep je verkeerd inderdaadquote:
[..]
Is exact de oplossing voor jouw probleem omdat het niet het hele element transparant maakt
[..]
Dan het element met content relatief positioneren, een transparante span oid er in en dan absoluut positioneren met width en height 100%. Het kan dus ook zonder dat extra element
Wou ik net komen zeggen. Even zien of dit ook in alle browsers werkt, thanks. Dat laatste doe ik maar niet, ik snap er niets van
laatstequote:
[..]
Ik begreep je verkeerd inderdaad
Dat laatste doe ik maar niet, ik snap er niets van
<div>
<span></span>
</div>
div {
position: relative;
}
div span {
position: absolute;
width: 100%;
height: 100%;
}
“Specialization is for insects”.—Robert Heinlein
iemand wel eens position: static; gebruikt? Even uitzoeken wat dat is nog nooit mee in aanraking geweest
edit: http://css-tricks.com/what-if-there-was-no-position-static/
ah, default waarde
edit: http://css-tricks.com/what-if-there-was-no-position-static/
ah, default waarde
“Specialization is for insects”.—Robert Heinlein
Bijna gelukt. Ik heb ipv jouw articles en sections gewoon divs enzo. Wat zijn articles en sections eigenlijk?quote:
[..]
snap het nu, extra element om de <article> in mijn voorbeeld heen en die float: right; geven, hoogte, line-height en vertical-align van <section> overnemen
When all else fails, you always have delusion.
semantiek, html5quote:
[..]
Bijna gelukt. Ik heb ipv jouw articles en sections gewoon divs enzo. Wat zijn articles en sections eigenlijk?
http://www.w3schools.com/html5/html5_reference.asp
“Specialization is for insects”.—Robert Heinlein
Ik ben nu thuis en heb het net even weer geprobeerd. Alles in html5. Wat ik kreeg is dat de elementen bovenaan stonden, met de lange stukken naar beneden uitstekend, en ik zag er maar 4 terwijl ik er meer had.
Ik heb het nu gewoon zo, en het werkt bijna: http://1577359.huweb.nl/ (als je nog tijd hebt, kan je het even niet in html5 uitleggen? Ik wil daar nog mee wachten
Wel tof wat je tot nu toe hebt laten zien. Inventieve wijze van floats gebruiken 
, en dat white-space ken ik nog niet eens)
html:
Ik heb het nu gewoon zo, en het werkt bijna: http://1577359.huweb.nl/ (als je nog tijd hebt, kan je het even niet in html5 uitleggen? Ik wil daar nog mee wachten
Wel tof wat je tot nu toe hebt laten zien. Inventieve wijze van floats gebruiken , en dat white-space ken ik nog niet eens)html:
| 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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | <ul class="postwrapper"> <div class="ding"> <li class="post"> <h1>post 1</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh, convallis vitae sodales vitae, auctor et justo. Quisque eget est odio. Donec ac arcu et elit tempus rhoncus vitae eu metus. Cras metus arcu, pulvinar quis volutpat sed, interdum at tortor.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 2</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh, convallis vitae sodales vitae, auctor et justo.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 3</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 4</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 5</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh, convallis vitae sodales vitae, auctor et justo. Quisque eget est odio. Donec ac arcu et elit tempus rhoncus vitae eu metus. Cras metus arcu, pulvinar quis volutpat sed, interdum at tortor.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 6</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh, convallis vitae sodales vitae, auctor et justo.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 7</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus.</p> </li> </div> <div class="ding"> <li class="post"> <h1>post 8</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacus purus, facilisis eget lacinia id, dapibus a enim. Sed mi nibh.</p> </li> </div> <ul> |
| 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 28 | .ding { float: right; vertical-align: bottom; width: 300px; height: 400px; } .postwrapper { position: absolute; width: 100%; height: 400px; vertical-align: bottom; bottom: 0px; right: 0px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .post { padding: 30px; background: white; width: 300px; height: 400px; display: inline-block; white-space: normal; vertical-align: bottom; } |
When all else fails, you always have delusion.
Je postwrapper is te smal. Maak die zo breed als alle post-divs (plus padding, margin en border) bij elkaar.
Eigenlijk snap ik niet waarom je niet gewoon een jquery plugin ofzo gebruikt hiervoor. Horizontaal scrollende layouts zijn een ramp met CSS.
Eigenlijk snap ik niet waarom je niet gewoon een jquery plugin ofzo gebruikt hiervoor. Horizontaal scrollende layouts zijn een ramp met CSS.
Werkt allemaal niet. Ik zal eens kijken wat JQuery kan dan. edit: dit gevonden: http://css-tricks.com/how(...)ally-scrolling-site/ Maar daar alignt hij niet bottom en right, en de eerste post staat links ipv rechts, dus ik vrees dat het niet gaat werken.
Ik denk dat ik dit idee op zal moeten geven
[ Bericht 28% gewijzigd door Mirel op 06-06-2011 23:01:43 ]
Maar daar alignt hij niet bottom en right, en de eerste post staat links ipv rechts, dus ik vrees dat het niet gaat werken.Ik denk dat ik dit idee op zal moeten geven
[ Bericht 28% gewijzigd door Mirel op 06-06-2011 23:01:43 ]
When all else fails, you always have delusion.
kan primaquote:
Je postwrapper is te smal. Maak die zo breed als alle post-divs (plus padding, margin en border) bij elkaar.
Eigenlijk snap ik niet waarom je niet gewoon een jquery plugin ofzo gebruikt hiervoor. Horizontaal scrollende layouts zijn een ramp met CSS.
“Specialization is for insects”.—Robert Heinlein
Simpel vraagje:
Wil m'n container laten meeschalen, maar dat lukt me niet echt. Door hem te laten meeschalen zal ik hem, denk ik, de position: absolute moeten meegeven. Maar dan verdwijnt ie naar links.
Code:
Dit moet snel en eenvoudig op te lossen zijn lijkt me?
Wil m'n container laten meeschalen, maar dat lukt me niet echt. Door hem te laten meeschalen zal ik hem, denk ik, de position: absolute moeten meegeven. Maar dan verdwijnt ie naar links.
Code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | body, html { background: url(../images/bg.png); margin: 0px; padding: 0px; text-align: center; } .container { background: #ffffff; margin: 0 auto; width: 900px; height: auto; position: absolute; } |
Dit moet snel en eenvoudig op te lossen zijn lijkt me?
Meeschalen hoe?
In de breedte kan niet als je hem een width geeft, in de hoogte gebeurt al standaard als je geen height geeft?
In de breedte kan niet als je hem een width geeft, in de hoogte gebeurt al standaard als je geen height geeft?
