mam kod
Kod
<table id="Table_01" width="700" height="508" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/git_01.png" width="700" height="113" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_02.png" width="700" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/git_03.png" width="318" height="137" alt=""></td>
<td>
<img src="images/git_04.png" width="382" height="137" alt=""></td>
</tr>
<div id="logo">siema</div>
<tr>
<td colspan="2">
<img src="images/git_06.png" width="700" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_07.png" width="700" height="20" alt=""></td>
</tr>
</table>
<tr>
<td colspan="2">
<img src="images/git_01.png" width="700" height="113" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_02.png" width="700" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/git_03.png" width="318" height="137" alt=""></td>
<td>
<img src="images/git_04.png" width="382" height="137" alt=""></td>
</tr>
<div id="logo">siema</div>
<tr>
<td colspan="2">
<img src="images/git_06.png" width="700" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_07.png" width="700" height="20" alt=""></td>
</tr>
</table>
i jest wszystko na swoim miejscu, jednak gdy zaczynam zmienić na CSS:
Kod
<html>
<head>
<title>Upload</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #1f1f1f;
}
#logo {
background-image: url('images/git_05.png');
width: 700px;
height: 175px;
}
</style>
</head>
<body><center>
<!-- ImageReady Slices (git.png) -->
<table id="Table_01" width="700" height="508" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/git_01.png" width="700" height="113" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_02.png" width="700" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/git_03.png" width="318" height="137" alt=""></td>
<td>
<img src="images/git_04.png" width="382" height="137" alt=""></td>
</tr>
<div id="logo">siema</div>
<tr>
<td colspan="2">
<img src="images/git_06.png" width="700" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_07.png" width="700" height="20" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center></body>
</html>
<head>
<title>Upload</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #1f1f1f;
}
#logo {
background-image: url('images/git_05.png');
width: 700px;
height: 175px;
}
</style>
</head>
<body><center>
<!-- ImageReady Slices (git.png) -->
<table id="Table_01" width="700" height="508" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/git_01.png" width="700" height="113" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_02.png" width="700" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/git_03.png" width="318" height="137" alt=""></td>
<td>
<img src="images/git_04.png" width="382" height="137" alt=""></td>
</tr>
<div id="logo">siema</div>
<tr>
<td colspan="2">
<img src="images/git_06.png" width="700" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/git_07.png" width="700" height="20" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center></body>
</html>
obrazki się przesuwają są źle ułożone. Proszę o pomoc co jest źle w kodzie