[ xhtml 1.1 + css ] obrazek w tabeli

Forum przeznaczone dla wszystkich webmasterów, chcących tworzyć strony www zgodnie ze standardami World Wide Web Consortium.
t@ges
Posty: 2
Rejestracja: ndz wrz 05, 2004 9:39 pm
Lokalizacja: Będzin
Kontakt:

[ xhtml 1.1 + css ] obrazek w tabeli

Post 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.
kuku

Re: [ xhtml 1.1 + css ] obrazek w tabeli

Post autor: kuku »

dodaj do obrazka

Kod: Zaznacz cały

<img style="display: block" />
t@ges
Posty: 2
Rejestracja: ndz wrz 05, 2004 9:39 pm
Lokalizacja: Będzin
Kontakt:

Re: [ xhtml 1.1 + css ] obrazek w tabeli

Post 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
Kam
Nowy
Nowy
Posty: 21
Rejestracja: wt wrz 07, 2004 9:32 am
Lokalizacja: Oława
Kontakt:

Re: [ xhtml 1.1 + css ] obrazek w tabeli

Post 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:
ODPOWIEDZ