HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
Firkrag
Posty: 3 Rejestracja: pt cze 15, 2007 10:26 pm
Post
autor: Firkrag pt cze 15, 2007 10:35 pm
Pomiędzy wierszami tabeli pojawia się odstęp, a chciałbym, aby wiersze były bezpośrednio pod sobą, bez białych pasków. W każdej komórce jest obrazek, który powinien przylegać do tego z sąsiedniej komówki, abywszystkie razem tworzyły jeden obraz.
kod tak wygląda:
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head>
<meta content="text/html; charset=iso-8859-2" http-equiv="Content-Type"/><title>Insert title here</title>
<link type="text/css" href="style.css" rel="stylesheet"/>
</head><body>
<table>
<tbody>
<tr>
<td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td>
</tr>
<tr>
<td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/1.gif"/></td><td><img alt="2" src="img/map/1.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/1.gif"/></td><td><img alt="2" src="img/map/2.gif"/></td><td><img alt="2" src="img/map/1.gif"/></td>
</tr>
</tbody>
</table>
</body></html>
style.css:
Kod: Zaznacz cały
td
{
padding:0px;
margin:0px;
}
table {
border-collapse: collapse;
padding:0px;
margin:0px;
border:0px;
}
Po usunięciu doctype odstęp znika, ale przecież nie tedy droga. Ktoś wie jak to zrobić?
Chmura
Przelotem
Posty: 220 Rejestracja: ndz gru 31, 2006 12:46 amLokalizacja: o stamtąd
Kontakt:
Post
autor: Chmura sob cze 16, 2007 10:37 am
w <table> wpisz: border="0" cellspacing="0" cellpadding="0"
Firkrag
Posty: 3 Rejestracja: pt cze 15, 2007 10:26 pm
Post
autor: Firkrag sob cze 16, 2007 11:43 am
Niestety to nic nie zmieniło.
Chmura
Przelotem
Posty: 220 Rejestracja: ndz gru 31, 2006 12:46 amLokalizacja: o stamtąd
Kontakt:
Post
autor: Chmura sob cze 16, 2007 12:05 pm
działa
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=iso-8859-2" http-equiv="Content-Type" />
<title>Insert title here</title>
<link type="text/css" href="style.css" rel="stylesheet" />
</head>
<body>
<table cellspacing="0" cellpadding="0" style="border-width: 0">
<tr>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
</tr>
<tr>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/1.gif" /></td>
<td><img alt="2" src="img/map/1.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/1.gif" /></td>
<td><img alt="2" src="img/map/2.gif" /></td>
<td><img alt="2" src="img/map/1.gif" /></td>
</tr>
</table>
</body>
</html>
bez css
Firkrag
Posty: 3 Rejestracja: pt cze 15, 2007 10:26 pm
Post
autor: Firkrag sob cze 16, 2007 12:54 pm
Już sobie poradziłem, obrazki powodowały odstęp.
