Смяна от table на div

Как предпочитате да е оформен сайта ви с:

  • Таблици

    Votes: 0 0.0%
  • DIV контейнери

    Votes: 0 0.0%

  • Общо гласове
    0

Dodo1987

Registered
Здравейте колеги.
Знам че звучи много нахално но ако някой е на ти с ЦСС и му се занимава ми трябва ей тази страничка да стане вместо с таблици с див контейнери.
Ще съм благодарен ако някой се навие и разбира се точица
:wink: :wink: :wink:
Код:
<body leftmargin="0" topmargin="50">

<table align="center" cellpadding="0" cellspacing="0" width="752" class="Top">
	<tr>
		<td><img src="images/YourLogo.jpg" width="750" height="66"></td>
	</tr>
</table>

<table align="center" cellpadding="0" cellspacing="0" width="752" class="Middle">
	<tr>
		<td><img src="images/TopBarLeft.jpg" width="270" height="16"></td>
		<td><a href="index.html"><img src="images/TopBarHome.gif" border="0" width="60" height="16"></a></td>
		<td><a href="index.html"><img src="images/TopBarAboutUs.gif" border="0" width="73" height="16"></a></td>
		<td><a href="index.html"><img src="images/TopBarProducts.gif" border="0" width="79" height="16"></a></td>
		<td><a href="index.html"><img src="images/TopBarServices.gif" border="0" width="74" height="16"></a></td>
		<td><a href="index.html"><img src="images/TopBarContactUs.gif" border="0" width="89" height="16"></a></td>
		<td><img src="images/TopBarRight.gif" width="105" height="16"></td>
	</tr>
</table>

<table align="center" cellpadding="0" cellspacing="0" width="752" class="Middle">
	<tr>
		<td><img src="images/MainPhoto.jpg" width="750" height="116"></td>
	</tr>
</table>

<table  align="center" cellpadding="0" cellspacing="0" width="752" class="Middle">
	<tr>
		<td height="1">
			<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
				<tr>
					<td><img src="images/LeftTop.jpg" width="229" height="68"></td>
				</tr>
				<tr>
					<td>
						<table align="center" cellpadding="0" cellspacing="0">
							<tr>
								<td>
									<table align="center" cellpadding="0" cellspacing="0">
										<tr>
											<td><a href="index.html"><img src="images/LeftAboutUs.gif" border="0" width="118" height="17"></a></td>
										</tr>
										<tr>
											<td><a href="index.html"><img src="images/LeftServices.gif" border="0" width="118" height="17"></a></td>
										</tr>
										<tr>
											<td><a href="index.html"><img src="images/LeftProducts.gif" border="0" width="118" height="17"></a></td>
										</tr>
										<tr>
											<td><a href="index.html"><img src="images/LeftOurClients.gif" border="0" width="118" height="17"></a></td>
										</tr>
										<tr>
											<td><a href="index.html"><img src="images/LeftContactUs.gif" border="0" width="118" height="17"></a></td>
										</tr>
									</table>
								</td>
								<td><img src="images/LeftRight.jpg" width="111" height="85"></td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td><img src="images/LeftBottom.jpg" width="229" height="40"></td>
				</tr>
				<tr>
					<td><img src="images/LeftContactInfo.gif" width="229" height="16"></td>
				</tr>
				<tr>
					<td class="ContactInfo">
						<p class="Indented20">+1 426 645-56464</p>
						<p class="Indented20">info@yourcompany.com</p>
					</td>
				</tr>
				<tr height="100%">
					<td class="Center">
						<br><br>
					</td>
				</tr>
			</table>
		</td>
		<td class="Center" width="100%" valign="top">
			<img src="_blank.gif" width="366" height="1"><br>
			<p><img src="images/HeaderWelcome.gif" width="213" height="16"></p>
			<p>Sample text, this is a short sample text about something. This is another sentence of this sample text, which is only intended for testing this template. This template has been developed by X, and is a sample template which can be easily used for your own website.</p>
			<p align="right"><a href="index.html"><img src="images/LinkMore.gif" border="0" width="44" height="11"></a></p>
			<br><br>
			<p><img src="images/HeaderOurProducts.gif" width="96" height="16"></p>
			<p>
				<table align="center" cellpadding="0" cellspacing="0">
					<tr>
						<td valign="top"><img src="images/Photo1.jpg" width="91" height="71"></td>
						<td><img src="_blank.gif" width="10" height="1"></td>
						<td valign="top">
							<p class="NoBreakBefore">Sample text, this is a short sample text about something. This is another sentence of this sample text, which is only intended for testing this template. This template has been developed by X, and is a sample template which can be easily used for your own website.</p>
							<p align="right"><a href="index.html"><img src="images/LinkMore.gif" border="0" width="44" height="11"></a></p>
						</td>
					</tr>
				</table>
			</p>
		</td>
		<td class="Center"><img src="_blank.gif" width="10" height="1"></td>
		<td class="Right"><img src="_blank.gif" width="10" height="1"></td>
		<td class="Right" valign="top">
			<img src="_blank.gif" width="125" height="1"><br>
			<p><img src="images/HeaderNews.gif" width="40" height="16"></p>
			<p><img src="images/Photo2.jpg" width="114" height="77"></p>
			<p>Sample text, this is a short sample text about something. Sample text, this is a short sample text about something. </p>
			<p align="right"><a href="index.html"><img src="images/LinkMoreOverLight.gif" border="0" width="23" height="21"></a></p>
			<br><br>
		</td>
		<td class="Right"><img src="_blank.gif" width="10" height="1"></td>
	</tr>
</table>

<table align="center" cellpadding="0" cellspacing="0" width="752">
	<tr>
		<td><img src="images/BottomBarLeft.gif" width="244" height="18"></td>
		<td class="BottomBar" width="100%"></td>
		<td class="BottomBarLight">
			<img src="_blank.gif" width="145" height="1"><br>
		</td>
	</tr>
</table>

</body>
 

Back
Горе