wyrownywanie img ale nie za pomoca divow Opcje

[marmal]

W jaki sposob zrobic wyrownywanie elementow img nie wrzucajac ich do diva??

Konkretnie mam cos takiego:

<div><img src="rys1"> NAPIS <img src="rys2"></div>

Teraz rys1 ma byc wyrownywany do lewej, rys2 do prawej a NAPIS na samym srodku.
Normalnie bym to wlasnie wrzucil do diva i zrobil text-align ale nie moge w tym przypadku bo wtedy zostanie drugi obrazek i napis przeniesiony do nastepnej linii, a to niedopuszczalne!!

Mozna jeszcze dac te obrazki do poszczegolnych komorek tabeli, ale czy to jedyne wyjscie??


marmal

[revyag]

Możesz nadać divom style float i wtedy nie będą przeskakiwać do następnej linii.
np.

[HTML] pobierz, plaintext 
<div style="width:512px;margin: 0 auto">
        <div style="width:128px;float:left">
            <img src="img01.jpg" alt="" />
        </div>
        <div style="float:left;width:256px">napis</div>
        <div  style="width:128px;float:left">
            <img src="img02.jpg" alt="" />
        </div>
        <br style="clear:both" />
    </div>
[HTML] pobierz, plaintext 

Można to zrobić też bez divów zawierających obrazki, nadać obrazkom styl float, ale wtedy efekty końcowy wygląda inaczej pod ie(źle) i inaczej pod ff(dobrze).

[marmal]

Dziekuje za tamtą pomoc, ale teraz powstaly mi dwa dodatkowe problemy, oczywiscie w IE

1)Nie moge wysrodkowac w pionie napisu (pomimo vertical-align:middle)
2)Jezeli zrobie width:50% dla diva od napisu to automatycznie (tylko w IE) obrazek2 przeskakuje do drugiej linijki i wszystko sie chrzani... Wystarczy, ze zrobie 49% to jest dobrze, ale wowczas obrazek2 nie jest dobity do konca prawego brzegu.

Oto ten fragment mojego kodu:

[HTML] pobierz, plaintext 
<div id="Top">
  <div id="Image" class="left"><img src="obrazek1" alt="" /></div>
  <div style="float:left; width:50%; text-align:center; vertical-align:middle;">
  <p style="vertical-align:middle;">NAPIS</p></div>
  <div id="Image" class="right"><img src="obrazek2" alt="" /></div>
  </div>
[HTML] pobierz, plaintext 

Wazniejsze informacje z CSS:

[HTML] pobierz, plaintext 
div#Top {
       height: 100px;
       margin: auto;
}
div#Image {
       float:left;
       width:25%;
}
.left {
       text-align: left;
       }
 
.right {
       text-align: right;
       }
[HTML] pobierz, plaintext 

Bardzo prosze o pomoc

Pozdrawiam

marmal

[FiDO]

1. http://www.quirksmode.org/css/centering.html - akapit Vertical Centering
2. http://www.quirksmode.org/dom/3column.html - to Cie powinno naprowadzic troche

[marmal]

Czyli wniosek z tego taki, ze i tak to musze zrobic w tabelce, bo inaczej tego nie wysrodkuje w pionie (pod IE)

marmal

[sobstel]

Vertical Centering with CSS
http://www.wpdfd.com/editorial/wpd0103.htm#toptip (http://www.wpdfd.com/editorial/thebox/deadcentre1.html, http://www.wpdfd.com/editorial/thebox/deadcentre3.html)