Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html][css] Wyśrodkowanie tekstu i obrazka (odnośnika) w komórce tabeli.
puz219
post 1.02.2008, 10:59:04
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


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.

Ten post edytował puz219 1.02.2008, 11:00:56
Go to the top of the page
+Quote Post
puyol_
post 1.02.2008, 11:15:32
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 6.05.2004

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


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>
Go to the top of the page
+Quote Post
kornel-php
post 1.02.2008, 11:15:44
Post #3





Grupa: Zarejestrowani
Postów: 210
Pomógł: 20
Dołączył: 7.07.2006
Skąd: Krotoszyn

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


One są na środku komórki, nie oddzielone znakiem, jak przeniesiesz napis do następnej linii powinno być ok.


--------------------
:)
Go to the top of the page
+Quote Post
puz219
post 1.02.2008, 11:21:29
Post #4





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


@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:


Ten post edytował puz219 1.02.2008, 11:23:22
Go to the top of the page
+Quote Post
kornel-php
post 1.02.2008, 11:26:44
Post #5





Grupa: Zarejestrowani
Postów: 210
Pomógł: 20
Dołączył: 7.07.2006
Skąd: Krotoszyn

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


To zrób w css dla obrazka float:left i wyśrodkuj wszystko, powino być ok


--------------------
:)
Go to the top of the page
+Quote Post
puz219
post 1.02.2008, 11:36:27
Post #6





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


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. ?>
Go to the top of the page
+Quote Post
darth_sidious
post 1.02.2008, 18:19:53
Post #7





Grupa: Zarejestrowani
Postów: 66
Pomógł: 1
Dołączył: 19.12.2005

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


daj dla img
  1. style="vertical-align: middle;"


powinno pomoc


--------------------
Fotografia ślubna Tomaszów Mazowiecki
Go to the top of the page
+Quote Post
puz219
post 1.02.2008, 20:13:07
Post #8





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


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.

Ten post edytował puz219 1.02.2008, 20:16:56
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 13:20