Strona 1 z 1

[ xhtml 1.1 + css ] obrazek w tabeli

: ndz wrz 05, 2004 9:46 pm
autor: t@ges
Witam!
Chcę umieścić obrazek w komórce tabeli, tak aby obramowanie tej komórki ściśle przylegało do mojego obrazka. Jednak mój kod nie działa w FireFoxie 0.9.2, ani w Operze, w których to pod obrazkiem pojawia się kilka pikseli przerwy i widaćtło komórki. Gdy zmienię specyfikację na XHTML 1.0 to jest oki, ale 1.1 już nie działa. Obrazek ma wyskość 20px. Robię to następująco:
<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<title>TAGES</title>
<style>
table{
border: solid 1px;
border-color: Black;
background-color:yellow;
border-collapse: collapse;
}
tr{
height:20px;
}
td{
padding:0px;
border-spacing:0px;
}
img{
padding:0px;
margin:0px;
border:0px;
}
</style>
</head>
<body xml:lang="pl">
<div>
<table>
<tbody>
<tr>
<td><img src="as.jpg" /></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Z góry dziękuję za pomoc.

Re: [ xhtml 1.1 + css ] obrazek w tabeli

: pn wrz 06, 2004 2:06 pm
autor: kuku
dodaj do obrazka

Kod: Zaznacz cały

<img style="display: block" />

Re: [ xhtml 1.1 + css ] obrazek w tabeli

: pn wrz 06, 2004 3:26 pm
autor: t@ges
Dzięki, działa :)))
Ale teraz pojawił się kolejny problem...
Nie zaznaczyłem, że obrazków jes kilka (obok siebie). Gdy są wyświetlane jako elementy blokowe, automatycznie są rozstawiane (w komórce tabeli) jeden pod drugim zamiast obok siebie (jak było wcześniej). Czy da się to jakoś poprawić?

Kod: Zaznacz cały

white-space: nowrap;
nie działa. Czy muszę w takim razie każdy obrazek umieścić w osobnej komórce tabeli???
Z góry dziękuję za pomoc

Re: [ xhtml 1.1 + css ] obrazek w tabeli

: wt wrz 07, 2004 9:57 am
autor: Kam
O ile dobrze zrozumiałem, próbujesz zrobić coś na kształt galerii obrazków? Jeśli tak, i jeśli już zdecydowałeś się wykorzystać XHTML1.1, to dlaczego nie zrobić tego używając semantycznego kodu? Daj spokój tabeli - nie do tego służy :) Można to zrobić wykorzystując właściwość "float" CSSa i ustawiając każdemu obrazkowi odpowiednie marginesy. Oczywiście, jeśli chcesz większej kontroli nad wyświetlaniem całości, niewykluczone, że będziesz musiał "symulować" wiersze, ubierając np. po 3 obrazki w dodatkowego DIVa, który następnie będzie clearowany "clear:both". Acha -- zamiast robić obramowanie komórki, które przylega do obrazka, możesz przecież przypisać po prostu obrazkom "border:1px solid #000000". No chyba, że to nie o to Ci chodziło :wink: