Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> wyrownywanie img ale nie za pomoca divow
marmal
post
Post #1





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 4.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----


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?? (IMG:http://forum.php.pl/style_emoticons/default/worriedsmiley.gif)


marmal
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
marmal
post
Post #2





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 4.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Dziekuje za tamtą pomoc, ale teraz powstaly mi dwa dodatkowe problemy, oczywiscie w IE (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

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:

  1. <div id="Top">
  2. <div id="Image" class="left"><img src="obrazek1" alt="" /></div>
  3. <div style="float:left; width:50%; text-align:center; vertical-align:middle;">
  4. <p style="vertical-align:middle;">NAPIS</p></div>
  5. <div id="Image" class="right"><img src="obrazek2" alt="" /></div>
  6. </div>



Wazniejsze informacje z CSS:

  1. div#Top {
  2. height: 100px;
  3. margin: auto;
  4. }
  5. div#Image {
  6. float:left;
  7. width:25%;
  8. }
  9. .left {
  10. text-align: left;
  11. }
  12.  
  13. .right {
  14. text-align: right;
  15. }


Bardzo prosze o pomoc

Pozdrawiam

marmal
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 23:42