Archief - CSS: 1 prob met positioneren (floating img) & 1 FF vs Opera/IE probleem (li's)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Fraggie

Legacy Member
Ik ben men site aan het overzetten op divs ipv tables, omdat de lay-out toch super simpel is. Tis ook de eerste keer dat ik echt met een deftig CSS filetje werk.

Prob1:
http://img315.imageshack.us/img315/5876/prob19me.gif

HTML:
HTML:
<a href="http://www.vita-life.com/Content.Node2/english/9460.php" target="_blank"><img src="img/EMRS_ruit.jpg" class="emrs" width="200" height="194" border="0" alt="" /></a><b>Whoever heals, is right...vita-life EMRS&reg; vet...Good effects on humans &amp; animals</b>

<p>Magnetic field therapy is now officially recognized in 45 countries throughout the world as a medicinal form of therapy. The fact that it is effective has never been doubted in veterinary medicine, unlike human medicine.</p>

<p>In the treatment of animals there are no placebo effects because animals cannot get better merely by believing in a therapy. Visible healing successes of which there are many are always attributable to the therapy.</p>

<img src="img/EMRS_paar.jpg" class="emrs" width="200" height="160" alt="" /><b>EMRS&reg; vet</b>
<p>Het EMRS&reg; veterinair systeem is speciaal ontwikkeld voor (ren)paarden.</p>
CSS
PHP:
img.emrs {
 float:left;
 padding:0px 20px 20px 20px;
}

Spreekt voor zich neem ik aan.

Prob2:
Firefox 1.5.0.1: http://img99.imageshack.us/img99/9602/prob2fout1fy.gif
Opera 8.54 & IE6: http://img99.imageshack.us/img99/47/prob2juist9lx.gif

CSS:
PHP:
li {
 padding-bottom:10px;
 list-style-type:square
}
ul.sub {
 padding-left:10px;
}

Pagina is volledig volgens xHTML rules.

Xavez

Legacy Member
Zet die img eens tussen de paragraph-tags
//edit: vertellen wat je zou willen bereiken zou trouwens ook meegenomen zijn!

Fraggie

Legacy Member
Eerste prob is idd opgelost door img tag tussen para tag te steken & br toe te voegen.
Voor het 2e prob. Zoals je kan zien, is er tussen de boord en de tekst van men "li's" meer afstand in IE/Opera dan in FF. Ik zou echt niet weten waarom dat zou verschillen.

Thx for the tip.

Xavez

Legacy Member
probeer i.p.v. padding-left eens margin-left te gebruiken.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan