ďťż

[HTML/CSS] Niestandardowe pionowe centrowanie różnych elementow

       

Podstrony


telcocafe

Myślałem, że mój problem nie jest nietypowym, lecz się myliłem. Przeszukałem masę witryn i nic.
A oto mój problem: w komórce tabeli (TD) atrybutowi CSS "vertical-align" nadana jest wartość "middle". W niej mam obrazek oraz tekst. Chciałbym, aby owy tekst ustawiony był przy dolnym marginesie, ale jednocześnie by obrazek nadal był wyśrodkowany. Wysokość komórki nie jest definiowana i być nie może :(

Zarys kodu (nie wiem po co, ale zawsze ;)):<td align="center" style="vertical-align: middle;"> <img src="img.png" alt="" /><br /> krótki opisik </td>

Kombinowałem ze 3h, stosując różne sposoby z pozycjonowaniem, marginesami, clear: both itp. i nic.
Przydałoby się coś jak "float: bottom" (które nie istnieje ;)) - a i tego nie znalazłem :(

Macie jakieś pomysły by to rozwiązac?



Jeżeli to jest jeden obrazek to wrzuć go na wyśrodkowane tło jako styl,a pionową pozycję komórki ustaw na dół . . .
Użytkownik andrzej_aa edytował ten post 11 wrzesień 2007, 20:50
To powiedz mi panie jak to mam zrobić.
I może nie wypowiadaj się, dopóki sam metody nie wypróbujesz.

Takie trudne? W CSS:background-image: url('picture.jpg'); background-align: center;I w komórce do środka. Czego tutaj nie rozumieć? Ja tak robiłem więc wiem co mówię!
//edit
Zapomniałem,że to ma być poziomo :) To inaczej. Daj dwa divy - jeden pod drugim - po 50% i na dole pierwszego unieść obrazek a drugiego - tekst. To już powinno działać :)
//edit
Skoro to tabelka to przecież można wrzucić jeszcze jeden wiersz . . .
Użytkownik andrzej_aa edytował ten post 11 wrzesień 2007, 21:25


Ale człowieku, porównaj sobie (choćby na logikę) różnicę pomiędzy tłem czegoś, a kilkoma elementami.
Tło wyrównuje się wg całej komórki, a zauważ, że jeszcze jest tekst, który nie ucieka, a obrazek jest od niego zależny (jeśli chodzi o pozycję).
Poza tym, jakie DIVy? Jakie 50%? Wysokości? A przeczytałes "wysokość komórki nie jest definiowana i być nie może" ?

Jak jeszcze nie rozumiesz, oto Paintowe rozrysowanie: click for url.

A może ktoś potrafi mi pomóc?

Czy tekst ma zmienną długość? Jeżeli stałą to mój sposób tylko z ustaloną wysokością tekstu i stuprocentową obrazka. Może nie będzie całkowicie na środku,ale wg Twojego przykładu . . .
//edit
Cóż? Nie wiem jaki jest dokładny zarys problemu,ale skoro to tabela to można by wykorzystać jej uroki i ja bym to wrzucił w komórkę kolejnego wiersza,a następne połączył wg uznania. Najszybszy sposób i bez kombinowania. Wymyśliłem to przed chwilą, myjąc zęby :lol:
Użytkownik andrzej_aa edytował ten post 11 wrzesień 2007, 21:50
@up:
1. Ale ja nie mogę nadawać wysokości tekstowi, gdyż on nie jest zależny ode mnie (jego zawartość) i może być różny długościowo, w związku z czym i wysokość może być różna.
2. Już o tym myślałem, ale sposób budowy tabeli u mnie na to nie pozwala i musiałbym tworzyć kolejne tabele wewnątrz komórki - a tego nie chcę.

Może inne pomysły?

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.