[HTML/CSS]Określanie maksymalnej wysokości komórki

[HTML/CSS]Określanie maksymalnej wysokości komórki, jak to zrobić?

Zick4 Zobacz profil	6.01.2008, 00:55:47 Post #1
Grupa: Zarejestrowani Postów: 39 Pomógł: 0 Dołączył: 12.10.2007 Ostrzeżenie: (0%)	Komórka z imgiem ma czarnego bordera. Widać na tym rysunku, że komórka jest troszeczkę za duża. Chiałem zmniejszyć wysokość komórki, ale nie wiem jak ustawić maksymalną wysokość. http://www.fotosik.pl/pokaz_obrazek/pelny/...b03b90c940.html tak wygląda w firefoxie (źle wygląda) http://www.fotosik.pl/pokaz_obrazek/pelny/...87cae8d60f.html a tak wygląda w IE (dobrze o to mi chodzi) Oto mój kod [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl"> <head> <title>WWW</title> <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" /> <meta http-equiv="content-language" content="pl" /> </head> <body> <table style="border: 1px solid black;"> <tr> <td><img src="1.jpg" alt="aa" /></td> </tr> </body> </html> [HTML] pobierz, plaintext Jednym słowem efekt z widziany w Internet Explorerze chciciałbym mieć w każdej przeglądarce w szczególności w firefoxie. Ten post edytował Zick4 6.01.2008, 00:59:15

Odpowiedzi

Zick4 Zobacz profil	9.01.2008, 01:00:55 Post #2
Grupa: Zarejestrowani Postów: 39 Pomógł: 0 Dołączył: 12.10.2007 Ostrzeżenie: (0%)	Chłopaki znalazłem rozwiązanie. Jak się okazuje przeglądarka Firefox (jak zwykle) działa zgodnie w pełni ze standardami jeżeli zadeklarujemy DTD jako Strict. Chodzi o to, że w tabeli elementy stają się "pływające". wszystkie elementy pływające są ustawiane w tzw. linii bazowej i robi się pod nimi miejsce na przestrzeń dla opuszczonych liter takich jak g j q p. Wystarczy dodać taki CSS [HTML] pobierz, plaintext <style type="text/css"> img {display: block;} .inline {display: inline;} </style> [HTML] pobierz, plaintext Natomiast obrazkom dać klasę [HTML] pobierz, plaintext <img class="inline" src="1.jpg" /> [HTML] pobierz, plaintext Pierwszy eliminuje tę lukę a druga sprawia, że img znowu jest wyświetlany jako element liniowy. Natomiast jako Transitional przeglądarka na silniku Gecko działa "prawie" zgodnie ze standardami czyli tak jak IE stąd nie trzeba było robić powoższego tricku. Ten post edytował Zick4 9.01.2008, 01:02:13

Posty w temacie

Zick4 [HTML/CSS]Określanie maksymalnej wysokości komórki 6.01.2008, 00:55:47

devnul w css Kodimg {display:block} firefox ma smiesz... 6.01.2008, 01:07:04

Zick4 Cytat(devnul @ 6.01.2008, 01:07:04 ) ... 6.01.2008, 01:40:50

lord_t Cytat(devnul @ 6.01.2008, 01:07:04 ) ... 6.01.2008, 14:52:41

devnul wszystko zależy od tego co chcesz osiągn... 6.01.2008, 01:54:57

Zick4 Niestety to nie pomaga. Jeżeli stanie dostanie flo... 6.01.2008, 03:10:06

Sebastian003 Dodaj takie coś na pewno będzie działać ! Mia... 6.01.2008, 10:45:20

Zick4 Cytat(Sebastian003 @ 6.01.2008, 10:45... 6.01.2008, 12:51:35

Sebastian003 To dodaj coś takiego Kod<!DOCTYPE html ... 6.01.2008, 13:10:50

dadexix http://www.webinside.pl/css/artykuly/257 może... 6.01.2008, 13:37:40

Zick4 Niestety, ale to tyczy modelu BOX, a nie samego ... 6.01.2008, 16:30:27

Sebastian003 Po prostu za pomocą Strict nie zrobisz tego efektu... 6.01.2008, 16:50:18

Zick4 Chłopaki znalazłem rozwiązanie. Jak się okazuje pr... 9.01.2008, 01:00:55

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 14.10.2025 - 06:04

Hosting zapewnia

Forum PHP.pl