Templategrösser ändern

Status
Nicht offen für weitere Antworten.

torkel

Mitglied
HI.. ich hab ein fertiges Template für eine Homepage im Format 800 x 600. Jetzt müsst ich das aber grösser machen und zwar auf 1024 x 768 wie kann ich das machen? ist das überhaupt möglich?

wäre um jeden Vorschlag dankbar.

greetz
 
Ja, kommt ganz darauf an ob es mit Grafiken erstellt wurde, dann wird es nicht gehen.
Ein Link wäre vielleicht ganz hilfreich.

greetz
 
hi.. ja, es wurde mit grafiken erstellt

Code:
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link href="default.css" rel="stylesheet" type="text/css">
  <script language="JavaScript" src="rollovers.js" type="text/JavaScript"></script>
  </head>
  <body onLoad="preloadImages()">
  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
  	<tr>
  		<td valign="top" class="bg1">
 			<table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
  		  <tr>
 			 <td width="463"><img src="images/index03.jpg" alt="" width="463" height="30"></td>
 			 <td width="73"><a href="#"><img src="images/index04.jpg" alt="" width="73" height="30" border="0"></a></td>
 			 <td width="76"><a href="#"><img src="images/index05.jpg" alt="" width="76" height="30" border="0"></a></td>
 			 <td width="99"><a href="#"><img src="images/index06.jpg" alt="" width="99" height="30" border="0"></a></td>
  		  </tr>
  		  </table>
 		 <table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
  		  <tr>
 			 <td width="311"><img src="images/index07.jpg" alt="" width="311" height="276"></td>
  			   <td width="711" valign="top">
 			 	<table width="400" border="0" cellspacing="0" cellpadding="0">
  				<tr>
 		 		<td><img src="images/index08.jpg" alt="" width="400" height="24"></td>
  				   </tr>
  				</table>
  
 			 	<table width="400" border="0" cellspacing="0" cellpadding="0">
  				<tr>
  			<td colspan="5">
 			 		 	<table width=385 border=0 cellpadding=0 cellspacing=0>
 			 		 		<tr>
 			 		 			<td> <a href="#"
 		 	onMouseOver="changeImages('index09', 'images/index09-over.jpg'); return true;"
 		 	onMouseOut="changeImages('index09', 'images/index09.jpg'); return true;"> <img name="index09" src="images/index09.jpg" width=75 height=42 border=0 alt=""></a></td>
 			 		 			<td> <a href="#"
 		 	onMouseOver="changeImages('index10', 'images/index10-over.jpg'); return true;"
 		 	onMouseOut="changeImages('index10', 'images/index10.jpg'); return true;"> <img name="index10" src="images/index10.jpg" width=74 height=42 border=0 alt=""></a></td>
 			 		 			<td> <a href="#"
 		 	onMouseOver="changeImages('index11', 'images/index11-over.jpg'); return true;"
 		 	onMouseOut="changeImages('index11', 'images/index11.jpg'); return true;"> <img name="index11" src="images/index11.jpg" width=74 height=42 border=0 alt=""></a></td>
 			 		 			<td> <a href="#"
 		 	onMouseOver="changeImages('index12', 'images/index12-over.jpg'); return true;"
 		 	onMouseOut="changeImages('index12', 'images/index12.jpg'); return true;"> <img name="index12" src="images/index12.jpg" width=74 height=42 border=0 alt=""></a></td>
 			 		 			<td> <a href="#"
 		 	onMouseOver="changeImages('index13', 'images/index13-over.jpg'); return true;"
 		 	onMouseOut="changeImages('index13', 'images/index13.jpg'); return true;"> <img name="index13" src="images/index13.jpg" width=88 height=42 border=0 alt=""></a></td>
 			 		 			</tr>
 			 		 		</table>
  
  			</td>
 			<td><img src="images/index14.jpg"></td>
  				</tr>
  				<tr>
 		 		<td colspan="6"><img src="images/index15.jpg" alt="" width="400" height="167"></td>
  				   </tr>
  				<tr>
 					<td colspan="6">
 		 			<table width="400" border="0" cellspacing="0" cellpadding="0">
 				 	<tr>
 				 		<td width="159"><img src="images/index16.jpg" alt="" width="159" height="43"></td>
 				 		<td width="224" background="images/index17.jpg">				 			
 				 			<form name="form1" method="post" action="">
 				 		 	<table width="224" border="0" cellspacing="0" cellpadding="0">
 						 	<tr valign="top">
 						 		<td width="13">&nbsp;</td>
 						 		<td>
 						 			<input name="textfield" type="text" class="input1" value="yourdomain">						 			</td>
 						 		<td>
 						 			<select name="select" class="input2">
 						 		 	<option>com</option>
 						 		 </select>						 		</td>
 						 		<td><label>
 						 			<input name="imageField" type="image" src="images/index18.jpg" width="42" height="20" border="0">
 						 		</label></td>
 						 		<td width="10">&nbsp;</td>
 						 		</tr>
 						 	</table>
 				 		 	</form>
 				 		</td>
 				 		<td width="17"><img src="images/index19.jpg" alt="" width="17" height="43"></td>
 				 		</tr>
 				 	</table>
 					</td>
  				   </tr>
  				</table>
  			   </td>
  		  </tr>
  		  </table>
 		 <table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
  		  <tr>
 			 <td width="12" background="images/index20.jpg">&nbsp;</td>
 			 <td width="683" valign="top" class="bg6"><table width="683" border="0" cellspacing="0" cellpadding="0">
  				<tr>
 		 		<td height="7"><img src="images/spacer.gif" alt="" width="1" height="7"></td>
 					</tr>
  				<tr>
 		 		<td><table width="683" border="0" cellspacing="0" cellpadding="0">
 				 	<tr>
 				 		<td width="20"><img src="images/index22.jpg" alt="" width="20" height="23"></td>
 				 		<td width="663" align="left" background="images/index23.jpg"><img src="images/inside3_02.jpg" alt="" width="219" height="23"></td>
 				 		</tr>
 				 	</table></td>
 					</tr>
  				<tr>
 		 		<td>&nbsp;</td>
 					</tr>
  				<tr>
 		 		<td align="center"><table width="668" border="0" cellspacing="0" cellpadding="0">
 				 	<tr>
 				 		<td class="align-justify">Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, accumsan congue.
 				 		 <p>Consectetuer adipiscing elit. Mauris sodales, elit vitae tempor consectetuer, nulla augue commodo sem, sed feugiat libero libero sed lectus. Phasellus eget est eu dolor tempor sodales. Etiam fermentum, pede quis dapibus hendrerit, nisl ligula posuere quam, nec aliquet risus odio non orci. Donec nibh odio, euismod ac, pretium at, posuere et, est.</p>
 				 			<p>Nunc lacus massa, blandit sagittis, pharetra a, congue et, odio. Praesent purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer consequat mauris ut pede. Aenean in libero sit amet mauris nonummy vulputate. Nullam convallis, leo ac vehicula dignissim, libero risus consectetuer quam, sit amet porta eros felis sit amet pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent in sem. Vestibulum placerat, libero non rutrum rutrum, velit justo rhoncus elit, id dapibus ante dolorin lectus.</p>
 				 			<p>Nulla ante neque, euismod sit amet, malesuada vitae, elementum sit amet, ipsum. Proin bibendum, orci sed consectetuer laoreet, augue odio consectetuer elit, quis consequat mauris elit ut massa. In bibendum mi auctor felis convallis sollicitudin. Nulla in ante a turpis ullamcorper congue. Donec nunc neque, placerat nec, mollis non, nonummy sit amet, sem. Proin ut nunc at metus imperdiet nonummy. Curabitur velit lacus, tristique eu, ultricies in, facilisis nec, sem. Morbi lacus arcu, pharetra quis, varius sit amet, tincidunt sed, velit. Etiam varius. Cras vestibulum velit quis dolor. Donec eget leo. Ut laoreet tincidunt urna. Pellentesque quis arcu. Cras iaculis ante in leo. Cras dictum enim ac sapien. Etiam ultrices porttitor enim.</p>
 				 			<p>Sed volutpat lobortis dui. Vivamus eros. Aenean id ante ut justo posuere interdum. Sed velit sapien, facilisis ut, rhoncus vitae, dignissim quis, pede. Praesent scelerisque dignissim nulla. Ut condimentum viverra dolor. Curabitur fringilla neque sed erat. Mauris ullamcorper, lacus sed venenatis dictum, purus wisi consectetuer quam, id lacinia dui arcu non lorem. Suspendisse tincidunt odio ut tortor. Mauris rutrum commodo lacus.</p>
 				 			<p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a><br>
 				 		 	<a href="#">Vestibulum quis elit nec tellus ullamcorper accumsan.</a><br>
 				 		 	</p></td>
 				 		</tr>
 				 	</table></td>
 					</tr>
  				<tr>
 		 		<td align="center">&nbsp;</td>
 					</tr>
  				</table>
  				  </td>
 			 <td width="16" background="images/index21.jpg">&nbsp;</td>
  			 </tr>
  		  </table>
 		 <table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
  		  <tr>
 			 <td height="120" align="center" valign="middle" background="images/index41.jpg">
 			 	<table width="600" border="0" cellspacing="0" cellpadding="0">
  				<tr>
 		 		<td height="30" align="center" valign="top" class="text3"><a href="#" class="link1">Home</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="#" class="link1">Plans</a> &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a href="#" class="link1">Services</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<a href="#" class="link1">Login</a> &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a href="#" class="link1">Support</a> &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a href="#" class="link1">Contact</a></td>
  				   </tr>
  				<tr>
 		 		<td align="center">&nbsp;</td>
  				   </tr>
  				<tr>
 		 		<td align="center">&nbsp;</td>
  				   </tr>
  				<tr>
 		 		<td align="center">Copyright &copy; 2001-2005 Companyname. All Rights Reserved.</td>
  				   </tr>
  				</table>
  			  </td>
  			 </tr>
  		  </table>
  		</td>
    </tr>
  </table>
  </body>
  </html>
 
Ja, dann kannst du die Grafiken ohne Qualitäts Verlust halt nicht vergrößern.

Positionier die Seite doch einfach mittig und setzt noch einen Hintergrund hinter oder so.
Also vergrößern würde ich nicht machen.

greetz
 
ich möchte bei der seite wo hier der lange text steht, ein shop einfügen und der ist eben breiter als dise tabelle und wenn ich diese vergrössere verschiebt es mir alles....

greetz
 

Anhänge

  • AX0209RD_4.jpg
    AX0209RD_4.jpg
    135,8 KB · Aufrufe: 22
Ja, schickes Template! Kannst du denn den Shop nicht einfach auch auf der Größe halten? Ansonsten fällt mir auch nichts ein.

Außer vielleicht das du die rechte Seite einfach erweiterst, indem du so sliced, dass du eine Spalte über die ganze Höhe am rechten rand machst (am besten über einen einfarbigen Bereich), und diese dann vergrößerst.

Kannst du das vielleicht online stellen?


greetz


>> den Bereich den ich hier jetzt markiert habe slicen, in diese drei Teile. Und wenn ich das richtig sehe, kannst du dann die Spalten vergrößern und das Bild was darin war als Hintergrund Bild einbinden.
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück