Spalte erweitern

Andreas84

Hallo,

ich möchte gerne auf der Seite http://www.modenio.de, dass die Banner nach rechts endlos weiterlaufen. Sodass bei jeder Bildschrimgröße der Banner komplett durchgeht.

Nun hab ich aber wenig Ahnung, wie ich das machen kann. Könnt ihr mir da helfen?

Danke schon mal!

Gruß,
Andreas

d4f

Sieht bei grossen Aufloesungen verpixelt aus.
Setz die Groessen in % statt pixel (px), relativ zu deren aktueller Groesse:
z.B. ein Banner 30PX und ein Banner 70PX auf 100PX Breite, dann setzte das erste Banner 30% und das 2.Banner 70%.

MfG
Daniel

Andreas84

also ich hätte es so gemacht:
Die Standartbanner, so wie sie sind und dann dahinter irgendwie das hintergrundmuster gekachelt. was nur nicht, wie und ob das geht

driver

ich würd die zeite in der auflösung lassen und einfach zentrieren...

Andreas84

wie mach ich denn das? funktioniert das auch?

Elvis

http://de.selfhtml.org/css/eigenschaf….htm#text_align

Andreas84

ich will doch keinen text ausrichten, sondern nur, dass mein banner nach rechts mehr oder weniger endlos weiterläuft. die möchte ich mit einer grafik machen, die ich dann einfach nur bis zum bildschirmrand kachle.

d4f

In der Art?
SelfHTML

Andreas84

genau. jetzt weiß ich nur nicht, wie ich das neben die banner bring (http://www.modenio.de)

d4f

Code

<table border=0>
 <tr>
  <td style="background-image:url('MEINBILD.jpg');" width=50%>



   </td>
   <td>
     DEIN NORMALER TEXT
   </td>
   <td style="background-image:url('MEINBILD.jpg');" width=50%>



   </td>
  </tr>
</table>

Alles anzeigen

Andreas84

danke für die hilfe. ich habe momentan folgenden code in meiner seite:

Code

<table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			[img]pictures/modenio_01.jpg[/img]</td>
	</tr>
	<tr>
		<td>
			[img]pictures/modenio_02.jpg[/img]</td>
		<td>
			[img]pictures/modenio_03.jpg[/img]</td>
		<td colspan="4">
			[img]pictures/modenio_04.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="3">
			[img]pictures/modenio_05.gif[/img]</td>
		<td>
			[url='http://www.rucksack-center.de/'][img]pictures/modenio_06.gif[/img][/url]</td>
		<td colspan="2">
			[img]pictures/modenio_07.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="3">
			[img]pictures/modenio_08.gif[/img]</td>
		<td colspan="2">
			[url='http://www.dealer-shop.de/'][img]pictures/modenio_09.gif[/img][/url]</td>
		<td>
			[img]pictures/modenio_10.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="6">
			[url='http://www.rucksack-center.de/forum/'][img]pictures/modenio_11.jpg[/img][/url]</td>
	</tr>
	<tr>
		<div id="footer"> 
		<span>Hier ist ein Footer</span> 
		</div> 
	</tr>
	<tr>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
	</tr>
</table>

Alles anzeigen

Wie bring ich jetzt genau neben dem Rucksack-Center Banner eine Verängerung? Mit deinem Code wird das nicht gehen oder?

d4f

kleb deinen Content einfach da wo bei mir DEIN NORMALER TEXT HIER steht. Sollte funzen, weiss es aber nciht da ich deine Webseite nicht im Code+Bilder vor mir liegen hab
MfG
Daniel

Andreas84

code steht doch oben. ich hab doch keinen content. alles nur bilder

Soll ich das dann da rein tun, wo "DEIN NORMALER TEXT HIER" steht?

d4f

mach deinen kompletten Banner-Code in die mittlere Tabelle
MfG
Daniel

Andreas84

Mein Code sieht jetzt so aus:

Code

<table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			[img]pictures/modenio_01.jpg[/img]</td>
	</tr>
	<tr>
		<td>
			[img]pictures/modenio_02.jpg[/img]</td>
		<td>
			[img]pictures/modenio_03.jpg[/img]</td>
		<td colspan="4">
			[img]pictures/modenio_04.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="3">
			[img]pictures/modenio_05.gif[/img]</td>
		<td>
			[url='http://www.rucksack-center.de/'][img]pictures/modenio_06.gif[/img][/url]</td>
		<td colspan="2">
			[img]pictures/modenio_07.gif[/img]</td>
	</tr>

	<table border=0> 
 <tr> 
		<td colspan="3">
			[img]pictures/modenio_08.gif[/img]</td>
		<td colspan="2">
			[url='http://www.dealer-shop.de/'][img]pictures/modenio_09.gif[/img][/url]</td>
		<td>
			[img]pictures/modenio_10.gif[/img]</td>
  <td style="background-image:url('pictures/modenio_10.gif');" width=50%>
  </td> 
 </tr> 
	</table>


	<tr>
		<td colspan="6">
			[url='http://www.rucksack-center.de/forum/'][img]pictures/modenio_11.jpg[/img][/url]</td>
	</tr>
	<tr>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
		<td>
			[img]pictures/spacer.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="6">



[img]pictures/modenio_01.jpg[/img]</p>



[img]pictures/modenio_01.jpg[/img]</p>



[img]pictures/modenio_01.jpg[/img]</p>
		</td>
	</tr>
</table>


<div id="footer"> 
<span>Hier ist ein Footer</span> 
</div>

Alles anzeigen

Aber jetzt verschiebt sich alles: http://www.modenio.de

d4f

du hast nicht alles reinkopiert... da scheinen teile in der tabelle zu fehlen

Andreas84

hattest recht. jetzt sieht bei mir die stelle so aus:

Code

<tr>
    <td style="background-image:url('pictures/modenio_10.gif');" width=50%> 

 
   </td>
		<td colspan="3">
			[img]pictures/modenio_08.gif[/img]</td>
		<td colspan="2">
			[url='http://www.dealer-shop.de/'][img]pictures/modenio_09.gif[/img][/url]</td>
		<td>
			[img]pictures/modenio_10.gif[/img]</td>
  <td style="background-image:url('pictures/modenio_10.gif');" width=50%>
  </td> 
 </tr>

Alles anzeigen

aber immer noch alles verschoben

d4f

Ich meinte, dass du den kompletten WebsiteBody in die Tabelle machen solltest! So siehts dann aus:

Code

<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td style="background-image:url('MEINBILD.jpg');" width=50%>



   </td>
   <td>


	 <table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="6">
         [img]pictures/modenio_01.jpg[/img]</td>
   </tr>
   <tr>
      <td>
         [img]pictures/modenio_02.jpg[/img]</td>
      <td>
         [img]pictures/modenio_03.jpg[/img]</td>
      <td colspan="4">
         [img]pictures/modenio_04.jpg[/img]</td>
   </tr>
   <tr>
      <td colspan="3">
         [img]pictures/modenio_05.gif[/img]</td>
      <td>
         [url='http://www.rucksack-center.de/'][img]pictures/modenio_06.gif[/img][/url]</td>
      <td colspan="2">
         [img]pictures/modenio_07.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="3">
         [img]pictures/modenio_08.gif[/img]</td>
      <td colspan="2">
         [url='http://www.dealer-shop.de/'][img]pictures/modenio_09.gif[/img][/url]</td>
      <td>
         [img]pictures/modenio_10.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="6">
         [url='http://www.rucksack-center.de/forum/'][img]pictures/modenio_11.jpg[/img][/url]</td>
   </tr>
   <tr>
      <td colspan="6"><div id="footer">
      <span>Hier ist ein Footer</span>
      </div></td>
   </tr>
   <tr>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
   </tr>
</table>


   </td>
   <td style="background-image:url('MEINBILD.jpg');" width=50%>



   </td>
  </tr>
</table>

Alles anzeigen

Andreas84

danke für den tip. habe ich eingebaut: http://www.modenio.de

jedoch wollte ich es doch so nicht haben. es sollte sich nur jede spalte nur nach rechts verlängern. also der "dealer-shop" banner sollte beispielsweise nach rechts endlich schwarz weiterlaufen.

d4f

so? Hatte beim alten Beispiel vergessen padding und spacing auf 0 zu setzen *doh*
Habe die linke Kolumne geloescht und die rechte auf 100% (kompletter freier Platz) gesetzt

Code

<table border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td>


    <table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="6">
         [img]pictures/modenio_01.jpg[/img]</td>
   </tr>
   <tr>
      <td>
         [img]pictures/modenio_02.jpg[/img]</td>
      <td>
         [img]pictures/modenio_03.jpg[/img]</td>
      <td colspan="4">
         [img]pictures/modenio_04.jpg[/img]</td>
   </tr>
   <tr>
      <td colspan="3">
         [img]pictures/modenio_05.gif[/img]</td>
      <td>
         [url='http://www.rucksack-center.de/'][img]pictures/modenio_06.gif[/img][/url]</td>
      <td colspan="2">
         [img]pictures/modenio_07.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="3">
         [img]pictures/modenio_08.gif[/img]</td>
      <td colspan="2">
         [url='http://www.dealer-shop.de/'][img]pictures/modenio_09.gif[/img][/url]</td>
      <td>
         [img]pictures/modenio_10.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="6">
         [url='http://www.rucksack-center.de/forum/'][img]pictures/modenio_11.jpg[/img][/url]</td>
   </tr>
   <tr>
      <td colspan="6"><div id="footer">
      <span>Hier ist ein Footer</span>
      </div></td>
   </tr>
   <tr>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
      <td>
         [img]pictures/spacer.gif[/img]</td>
   </tr>
</table>


   </td>
   <td style="background-image:url('MEINBILD.jpg');" width=100%>



   </td>
  </tr>
</table>

Alles anzeigen

Tags