Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] Wyśrodkowanie tekstu i obrazka (odnośnika) w komórce tabeli.
Forum PHP.pl > Forum > Przedszkole
puz219
Witam.

Mam pewien problem, a mianowicie stworzyłem sobie link, który umieściłem w tabeli (valign=center).

I jak do linku dodałem obrazek, zrobiło się coś takiego:



Jak zrobić, żeby zarówno obrazek jak i tekst były pośrodku komórki.

Proszę o pomoc.

Pozdrawiam.
puyol_
Jeżeli chcesz żeby obrazek i tekst były pośrodku tabeli pionowo to musisz wpisać:
Kod
valign=bottom
, a jeżeli poziomo to
Kod
align=center
. I umieść je w znaczniku td, np.:
Kod
<td valign='bottom'>coś tu</td>
kornel-php
One są na środku komórki, nie oddzielone znakiem, jak przeniesiesz napis do następnej linii powinno być ok.
puz219
@puyol_ valign=bottom, wyrównujee dane w komórce do dołu, a nie do środka
kornel-php ale ja chcę, żeby były koło siebie, tylko, żeby zarowno tekst i obrazek były wyśrodkowane pionowo w komórce.

Żeby wyglądało tak:
kornel-php
To zrób w css dla obrazka float:left i wyśrodkuj wszystko, powino być ok
puz219
Dodałem float i dalej kicha, teraz wygląda jeszcze gorzej:



Oto kod odnośnika, jeśli może byc pomocy:

  1. <?php
  2. echo "<table width=\"640\" height=\"60\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"border: 2px dashed #CCCCCC\">
  3.  <tr><td width=\"640\" align=\"center\">
  4.  <center><a href=\"javascript:void(0)\" onclick=\"add_New_person()\"><img src=\"../images/add.png\" border=\"0\" style=\"float: left;\"><font color=\"#72d145\" size=\"4\"><b>Dodaj</b></font></a></center>
  5.  </td></tr>
  6.  </table>";
  7. ?>
darth_sidious
daj dla img
  1. style="vertical-align: middle;"


powinno pomoc
puz219
darth_sidious niestety, ale nie pomogło, ale to debilny problem, niby taki prosty, a nic nie jestem w stanie wymyślić.



//EDIT: Sorry, pomogło, gdzieś przez przypadek bordera nie domknąłem.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.