Hintergrundbild einbinden - wie?

[PumpiXXL]

Ich möchte ein Hintergrund ins Template einbinden aber irgendwie bin ich zu dusselig. Weiß jemand wo ich den Code einbinde?

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
$navigation_left
<td valign="top" class="designbodycenter" width="100%" height="100%" style="background-color:#ffffff;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/o_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="top">
<table class="sitecenter" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="10" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="top">$site_body</td>
</tr>
</table>
</td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="100%">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" height="100%" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" height="100%" alt="" src="images/blank.gif" /></td>
<td align="center" width="100%">
<img border="0" alt="" height="1" width="1" src="images/blank.gif" /></td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="bottom">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/u_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

</table>
</td>
$navigation_right
</tr>

</table>

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="138" height="31" style="background-image: url(images/style/fornit/li_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/mi_u_rand.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="138" height="31" style="background-image: url(images/style/fornit/re_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>
</table>

[babasave]

kannst du mir sagen ob der bgd hinter alle tables soll oder nur hinter einen und dann stellt sich die frage gekachelt oder ein großes bild etc.... werd doch bitte ein wenig konkreter...
~frank

[PumpiXXL]

Hi

Ein großes Bild - nicht gekachelt und in der mittleren Tabelle(Sitebodyframe).


LG,
Markus

[babasave]

also so wie dus ja ohnehin immer machst in der table >>>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="sitebody" style="background-image: url(dein_bild); >
<tr>

das bild einsetzen und dann in der td noch den background #ffffff löschen sonst sieht man nix

maybe wars das ja

~frank [/quote]

[babasave]

und um die kachelung zu verhindern guckts du hier:

https://www.w3schools.com/css/pr_background-repeat.asp

im übrigen eine klasse site zum thema ... was wunder

~frank

[PumpiXXL]

Danke!

Nur noch ein Problem und Zwar im Firefox wirds nicht richtig dargestellt, warum?

Code: Alles auswählen

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
	<tr>
		$navigation_left
		<td valign="top" <table width="100%" border="0" cellpadding="0" cellspacing="0" class="sitebody" style="background-image&#58; url&#40;images/diverse/backg.jpg&#41;;" >
			<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
				
				<tr>
					<td width="100%" valign="top">
						<table border="0" cellspacing="0" cellpadding="0" width="100%">
							<tr>
								<td width="23" height="24" style="background-image&#58; url&#40;images/style/fornit/li_o_innen.gif&#41;;">
									<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
								<td width="100%" style="background-image&#58; url&#40;images/style/fornit/o_mi.gif&#41;;">
									<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
								<td width="23" height="24" style="background-image&#58; url&#40;images/style/fornit/re_o_innen.gif&#41;;">
									<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
							</tr>
						</table>
					</td>
				</tr>
				
				<tr>
					<td valign="top">
						<table class="sitecenter" cellspacing="0" cellpadding="0" width="100%">
							<tr>
								<td width="10" style="background-image&#58; url&#40;images/style/fornit/li_mi_innen.gif&#41;;">
									<img border="0" width="10" alt="" src="images/blank.gif" />
								</td>
								<td>
									<table border="0" cellspacing="0" cellpadding="0" width="100%">
										<tr>
											<td valign="top">$site_body</td>
										</tr>
									</table>
								</td>
								<td width="10" style="background-image&#58; url&#40;images/style/fornit/re_mi_innen.gif&#41;;">
									<img border="0" width="10" alt="" src="images/blank.gif" />
								</td>
							</tr>
						</table>
					</td>
				</tr>
				
				<tr>
    	  	<td height="100%">
    	 			<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%" height="100%">
    	 				<tr>
    	 					<td width="10"  height="100%" style="background-image&#58; url&#40;images/style/fornit/li_mi_innen.gif&#41;;">
    	 						<img border="0" width="10"  height="100%" alt="" src="images/blank.gif" /></td>
    	 					<td align="center" width="100%">
    	 						<img border="0" alt="" height="1" width="1" src="images/blank.gif" /></td>
    	 					<td width="10" style="background-image&#58; url&#40;images/style/fornit/re_mi_innen.gif&#41;;">
       						<img border="0" width="10" height="1" alt="" src="images/blank.gif" /></td>
       				</tr>
    	 			</table>
       		</td>
       	</tr>
       	
        <tr>
       		<td valign="bottom">
       			<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%">
       				<tr>
       					<td width="23" height="24" style="background-image&#58; url&#40;images/style/fornit/li_u_innen.gif&#41;;">
       					<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
    	 					<td width="100%" style="background-image&#58; url&#40;images/style/fornit/u_mi.gif&#41;;">
    	 					<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
    	 					<td width="23" height="24" style="background-image&#58; url&#40;images/style/fornit/re_u_innen.gif&#41;;">
    	 					<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
    	 				</tr>
    	 			</table>
    	 		</td>
    		</tr>
				
			</table>
		</td>
		$navigation_right
	</tr>
		
</table>

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
	<tr>
		<td width="100%" valign="top">
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td width="138" height="31" style="background-image&#58; url&#40;images/style/fornit/li_u_rand.gif&#41;;">
						<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
					<td width="100%" style="background-image&#58; url&#40;images/style/fornit/mi_u_rand.gif&#41;;">
						<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
					<td width="138" height="31" style="background-image&#58; url&#40;images/style/fornit/re_u_rand.gif&#41;;">
						<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
				</tr>
			</table>
		</td>
	</tr>
</table>

[babasave]

hi hab ja leider keine bilder aber da waren 2 fehler im code.
maybe funkzt das ja jetzt.... probiers mal aus

~frank

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
$navigation_left
<td valign="top" ___________________________ hier fehlt die klammer ></td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="sitebody" style="background-image: url(images/diverse/backg.jpg);" >
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/o_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="top">
<table class="sitecenter" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="10" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="top">$site_body</td>
</tr>
</table>
</td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="100%">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" height="100%" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" height="100%" alt="" src="images/blank.gif" /></td>
<td align="center" width="100%">
<img border="0" alt="" height="1" width="1" src="images/blank.gif" /></td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="bottom">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/u_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

</table>
</td>
$navigation_right
_________________________________________________________________________wird nirgends geöffnet /würd ich löschen </tr>

</table>

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="138" height="31" style="background-image: url(images/style/fornit/li_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/mi_u_rand.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="138" height="31" style="background-image: url(images/style/fornit/re_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>
</table>

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
$navigation_left
<td valign="top"></td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="sitebody" style="background-image: url(images/diverse/backg.jpg);" >
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/o_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_o_innen.gif);">
<img border="0" width="23" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="top">
<table class="sitecenter" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="10" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="top">$site_body</td>
</tr>
</table>
</td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" alt="" src="images/blank.gif" />
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="100%">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" height="100%" style="background-image: url(images/style/fornit/li_mi_innen.gif);">
<img border="0" width="10" height="100%" alt="" src="images/blank.gif" /></td>
<td align="center" width="100%">
<img border="0" alt="" height="1" width="1" src="images/blank.gif" /></td>
<td width="10" style="background-image: url(images/style/fornit/re_mi_innen.gif);">
<img border="0" width="10" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="bottom">
<table border="0" align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="23" height="24" style="background-image: url(images/style/fornit/li_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/u_mi.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="23" height="24" style="background-image: url(images/style/fornit/re_u_innen.gif);">
<img border="0" width="23" height="24" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>

</table>
</td>
$navigation_right

</table>

<table class="sitebody" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="100%" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="138" height="31" style="background-image: url(images/style/fornit/li_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
<td width="100%" style="background-image: url(images/style/fornit/mi_u_rand.gif);">
<img border="0" height="1" width="1" alt="" src="images/blank.gif" /></td>
<td width="138" height="31" style="background-image: url(images/style/fornit/re_u_rand.gif);">
<img border="0" width="138" height="1" alt="" src="images/blank.gif" /></td>
</tr>
</table>
</td>
</tr>
</table>

[PumpiXXL]

Ich hab es soweit hinbekommen nun tut sich nur ein weiteres Problem auf; im Portal haben wir zu jeder News ein Bildchen und es sieht merkwürdig aus wenn wir nun ein Bild mit weißen Hintegrund haben. Vielleicht dazu noch eine Idee?


LG,
Markus

[babasave]

hi markus,

poste doch mal nen link auf die site oder sende eine pm damit ich mir das auch mal visuell ansehen kann.

best
~frank