wie weet hoe?
dit staat in m'n css
code:vertical-align doet ie schijnbaar alleen met tekst, niet met plaatjes..thumbtop{
width: 110px;
height: 110px;
text-align: center;
position: absolute;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
top: 45px;
margin-left: 45px;
margin-right: auto;
background-color: gray;
}
de html zelf gaat de lay-out grondig vern**ken, dus moet je zelf maar even in de source kijken, 
de kleurtjes van borders/backgrounds zijn trouwens gewoon even voor de duidelijkheid, gaat nog anders worden.
dus, wie maakt me gek? 
[Dit bericht is gewijzigd door eNaSnI op 25-12-2003 20:14]
quote:Andere verticaal denk ik?
Op donderdag 25 december 2003 19:52 schreef eNaSnI het volgende:
Zoiets?
.
quote:geen div te zien op die pagina.
Op donderdag 25 december 2003 19:52 schreef eNaSnI het volgende:
Zoiets?
quote:misschien gek gedacht van mij hoor, maar als je het verschil tussen een table en een layer niet weet, ga je het antwoord op m'n vraag ook niet weten?
Op donderdag 25 december 2003 19:58 schreef eNaSnI het volgende:
sorryhttp://www.webmasterworld.com/forum21/1078.htm die dan?
quote:whatever
Op donderdag 25 december 2003 20:04 schreef eNaSnI het volgende:
Ja, dat zal het probleem wel zijn. www.google.com misschien?
iemand nog wel nuttige input (waarbij voorbeelden zonder div's voor mijn vraag dus totaal irrelevant zijn)
quote:
Centering vertically
CSS level 2 doesn't have a property for centering things vertically. There will probably be one in CSS level 3. But even in CSS2 you can center blocks vertically, by combining a few properties. The trick is to specify that the outer block is to be formatted as a table cell, because the contents of a table cell can be centered vertically.The example below centers a paragraph inside a block that has a certain given height. A separate example shows a paragraph that is centered vertically in the browser window, because it is inside a block that is absolutely positioned and as tall as the window.
code:ofDIV.container {
min-height: 10em;
display: table-cell;
vertical-align: middle }
...
<DIV class="container">
<P>This small paragraph...
</DIV>
http://mrclay.org/web_design/centered_image/
of
http://www.w3schools.com/css/css_positioning.asp
Edit: Misschien toch zelf maar eens op www.google.com kijken? 
[Dit bericht is gewijzigd door eNaSnI op 25-12-2003 20:18]
je kunt gewoon PADDING gebruiken of MARGIN
Padding doe je op de div of margin op de img....
padding:5px; geeft een ruimte binnen de div, vanaf alle zijkanten van 5pixels
quote:ja, dan positioneer je gewoon het plaatje handmatig in een div. het probleem is echter dat ik best veel thumbnails heb die óf 100x75 zijn óf 75x100. ik had dus gehoopt op een vertical-align achtige oplossing.
Op donderdag 25 december 2003 20:08 schreef Lopat het volgende:
best simpel...je kunt gewoon PADDING gebruiken of MARGIN
Padding doe je op de div of margin op de img....
padding:5px; geeft een ruimte binnen de div, vanaf alle zijkanten van 5pixels
quote:Zie vorige post
Op donderdag 25 december 2003 20:22 schreef iemoe het volgende:[..]
ja, dan positioneer je gewoon het plaatje handmatig in een div. het probleem is echter dat ik best veel thumbnails heb die óf 100x75 zijn óf 75x100. ik had dus gehoopt op een vertical-align achtige oplossing.
code:<html>
<head><style type="text/css">
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
</style></head>
<body>
<p>
This is an
<img class="top" border="0"
src="/images/alert_red_bg.gif"
width="115" height="44">
image inside a paragraph.
</p><p>
This is an
<img class="bottom" border="0"
src="/images/alert_red_bg.gif"
width="115" height="44">
image inside a paragraph.
</p></body>
</html>
[Dit bericht is gewijzigd door eNaSnI op 25-12-2003 20:24]
quote:je kan php gebruiken ofzo....
Op donderdag 25 december 2003 20:22 schreef iemoe het volgende:[..]
ja, dan positioneer je gewoon het plaatje handmatig in een div. het probleem is echter dat ik best veel thumbnails heb die óf 100x75 zijn óf 75x100. ik had dus gehoopt op een vertical-align achtige oplossing.
en anders kan je ook met javascript alles bepaalde maten geven...
moet je een script maken welke uitgevoerd wordt onload
en die alle elementen langs gaat om de divjes de maten geeft aan de hand van de img in die div
[Dit bericht is gewijzigd door Lopat op 25-12-2003 20:25]
quote:eindelijk wat nuttigs, je moet wel effe aangeduwd worden hè?
Op donderdag 25 december 2003 20:08 schreef eNaSnI het volgende:
Ikkuh ikkuh
maar geen vertical-align achtige oplossing dus. ik had google al gebruikt en ook heel GoT al afgezocht. w3cschools vind ik altijd zo onduidelijk.
quote:html css div is allemaal één pot nat en w3schools is juist onwijze handig
Op donderdag 25 december 2003 20:24 schreef iemoe het volgende:[..]
eindelijk wat nuttigs, je moet wel effe aangeduwd worden hè?
maar geen vertical-align achtige oplossing dus. ik had google al gebruikt en ook heel GoT al afgezocht. w3cschools vind ik altijd zo onduidelijk.
(veel duidelijker als daar zul je het niet vinden, denk ik)Welke zoektermen heb je bij Google gebruikt?
Zoiets: http://www.google.com/search?q=css%20div%20align%20middle%20image ?
quote:vertical-align doet niks met plaatjes, alleen met tekst.
Op donderdag 25 december 2003 20:24 schreef eNaSnI het volgende:[..]
Zie vorige post
die zelfde zoektermen zo ongeveer, maar zonder veel geluk.
|
|
