Seite 1 von 1

Hintergrundbild einbinden - wie?

Verfasst: 12.11.2005, 18:57
von 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>

Verfasst:
von

wo soll der bgd denn hin?

Verfasst: 12.11.2005, 19:50
von 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

Hintergrundbild einbinden - wie?

Verfasst: 12.11.2005, 19:55
von PumpiXXL
Hi

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


LG,
Markus

Verfasst: 12.11.2005, 20:05
von 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]

und um die kachelung zu verhindern guckts du hier

Verfasst: 12.11.2005, 20:08
von 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

Verfasst: 12.11.2005, 20:49
von 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>

Verfasst: 12.11.2005, 23:24
von 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>

Hintergrundbild einbinden - wie?

Verfasst: 13.11.2005, 11:19
von 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

einen link??

Verfasst: 13.11.2005, 13:12
von 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