Ustalenie rozmiaru komórek w tabeli


(Imysz01) #1

Witam.

Mam taką tabelkę i mam problem z pomniejszeniem pierwszej komórki, chcę aby rozmiar komórki z zdjęciem był taki jak wielkość zdjęcia a nie jak teraz że na prawo od zdjęcia jest wolna przestrzeń.

jest tak

a chcę by było tak:

kod tabelI:

echo '

| ; | '; echo stripslashes($wiersz['tytul']); echo ' |
'; ?[/code]


(Sitemaster) #2

Masz przecież dwie klasy zadeklarowane.

pacnij w table_photo jakąś mniejszą szerokość np.

width: 100px;

przy okazji - dlaczego bawiąc się już stylami obrazka nie wymiarujesz css'em? wystarczyło

.table_photo img { width: X; height:Y; }

(Imysz01) #3

właśnie w tym problem że jak dam mniejsza szerokość to cała tabela się pomniejsza.. a nie tylko długość komórki z klasą table_photo

dałem width;80px; i jest coś takiego:

czyli po prostu całość się zmniejszyła. Da radę skrócić jakoś tylko tą lewą komórkę do rozmiarów zdjęcia ?

Dziękuję za uwagę już poprawiłem.


(Sitemaster) #4

Coś mi się tu nie podoba. Możesz wkleić kod z tymi twoimi stylami?

aaa... wcześniej zapomniałem napisać, dla obrazka podaj wymiary na sztywno w px a nie w %


(Imysz01) #5

tutaj kod ze strony:

Ostatnio dodane filmy <?php $db = mysql_connect('localhost', 'login', 'haslo'); mysql_query("SET NAMES 'utf8' COLLATE 'utf8_polish_ci'"); mysql_select_db('filmy'); $zapytanie = "select * from filmy order by filmid desc limit 5"; $wynik = mysql_query($zapytanie); $ile_znalezionych = mysql_num_rows($wynik); echo '

| ; | '; echo stripslashes($wiersz['tytul']); echo ' |
'; ?

[/code] a tutaj css:
[code]body { background-color:#EDECEE; padding:5px; } .header{ width:869px; height:22; padding:14px; margin:0 auto; font-family:"Courier New"; font-size:20px; text-align:center; background-image:url('belka_heigher.png'); color:white; } .main{ width:880px; background-color:white; margin: 0 auto; padding:8px; margin-top:20px;bottom:15px; border: 1px solid #A9A9A9; text-align:center; } .finder{ width:180px; text-align:center; float:left; } .a_finder{ color:white; text-decoration:none; } .updating{ float:right; font-size:11px; text-decoration:none; color:white; margin-top:1mm; } .results{ width:869px; margin-top:3px:bottom:3px; margin:0 auto; text-align:center; background-color:#EDECEE; padding:5px; height:500px; } .tr_table{ text-align:center; } .results_table{ table-layout:auto; width:100%; text-align:left; border-spacing:0px 0px 0px 0px ; border:12px black; width:95%; border: 1px solid #A9A9A9; margin:0 auto; } .results table td{ border: 1px solid #A9A9A9; } .footer{ width:900px; margin:0 auto; } .footer img{ border:0; display: block; } .add_film{ width:869px; margin-top:3px:bottom:3px; margin:0 auto; text-align:center; background-color:#EDECEE; padding:5px; } .last_added{ width:380px; float:left; border-right:1px solid #A9A9A9; font-size:13px; } .last_added table{ border:1px; width:auto; } .table_photo{ width:80px; text-align:left; } .table_photo img{ width:20%; height:20%; } .table_title{ width:auto;width:210px; text-align:left; }

a ma to zły wpływ że jest podane w %


(Sitemaster) #6

tak, wartości procentowe są niejednoznaczne.

100px to zawsze 100px. ...a % się zmienia w zależności od X. Bo czy 20% z 100 = 20% z 80 ? (pytanie retoryczne)

-zmień wymiary obrazka na wartości w pikselach i powinieneś zobaczyć różnicę.

Poza tym, wywal z klasy poniżej pogrubione: width:auto;width:210px;

No i jeszcze jedno - możesz ustawić też wysokość wiersza.


(Imysz01) #7

dzięki wielkie api o to mi chodziło.

a jeszcze jedno pytanie odnośnie wysokości bloku. Utworzyłem tam blok w którym są ostatnio dodane (last_added). Jak teraz ustawić aby bloki bardziej zewnętrzne tj. main i results dopasowały wysokość w zależności ile rekordów wyświetlone będzie w bloku last_added. Bo nie mam teraz ustalonej wysokości dla tych dwóch bloków i taki efekt jest:

jak zrobić automatyczne rozciąganie, nie używając height:; da radę ?