Seite 1 von 1

index_body.html Bild

Verfasst: 12.02.2011 13:27
von editor2
Hallo,

immer wenn ich ein Bild unterhalb overall_header einbinden möchte wird die eine Grafik automatisch kleiner. Die Breite vom Forumdesign ist 800px und die Grafik hat 790px.

Screenshot:
[ externes Bild ]

Code [index_body.html]:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<a href="http://www.abload.de/image.php?img=screenshotpmui.jpg"><img src="..../...jpg" /></a>

<!-- IF S_USER_LOGGED_IN -->
<center>
<h1><font color="#FF0000">Wir wollen auf Platz 1#, BITTE VOTEN</font></h1>
<br/>
<div style="width:224px;"><a href="http://www.mzee.com/linkprojekt/site/in/7264/hip-hop-im-netz-communities-portale-projekte-shop.html" target="_top" title="MZEE.com LinkProjekt: Hip Hop im Netz - Communities /Portale / Projekte / Shop"><img src="http://www.mzee.com/linkprojekt/site/img/7264/format/gross/hip-hop-im-netz-communities-portale-projekte-shop.jpg" border="0" width="224" height="110" title="MZEE.com LinkProjekt: Hip Hop im Netz - Communities /Portale / Projekte / Shop" alt="Hip Hop im Netz - Communities /Portale / Projekte / Shop" /><div style="text-align:center;font-size:9px;">Vote bei MZEE.com</div></a></div>
</center>
<br/>
<center>
<h2><b>News:</b> <a href="http://rap-unlimited.de/viewtopic.php?f=75&t=1881" target="_blank">TdM Januar 2011 - Voting</a> | <a href="http://rap-unlimited.de/viewtopic.php?f=79&t=1880" target="_blank">LdM Januar 2011 - Voting</a></h2> 
</center>
<!-- ELSE -->
<!-- ENDIF -->


<!-- IF U_MCP -->
	<div id="pageheader">
		<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
	</div>

	<br clear="all" /><br />
<!-- ENDIF -->
<div class="cap-div"><div class="cap-left"><div class="cap-right">&nbsp;Die letzten 10 Beitr&auml;ge&nbsp;</div></div></div><table class="tablebg" width="100%" cellspacing="0">
<tr>
	<td class="row1"><img src="./styles/serenity/theme/images/stats.gif" alt="Die letzten 10 Beitr&auml;ge" /></td>
	<td class="row1 nobold" width="100%" valign="middle">
	<iframe src="top5.php" border="0" frameborder="0" width="900" height="200"></iframe>
	</td>

</tr>
</table>
<br />
<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
    <span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- IF U_TEAM --> | <!-- ENDIF --><!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

    {$CA_BLOCK_START}
	{$CA_CAP2_START}<!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF -->{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
	<!-- IF LEGEND -->
		<td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ELSE -->
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ENDIF -->
		<td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
	</tr>
	<!-- IF LEGEND -->
		<tr>
			<td class="row1 nobold"><b class="gensmall">{L_LEGEND}: {LEGEND}</b></td>
		</tr>
	<!-- ENDIF -->
	</table>
	{$CA_BLOCK_END}
<!-- ENDIF -->

	<!-- IF WHO_WAS_HERE_LIST2 -->
			<br clear="all" />
			
		{$CA_BLOCK_START}
		{$CA_CAP2_START}{L_WHO_WAS_HERE}{$CA_CAP2_END}
		<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
		<tr>
			<td class="row1"><img src="{T_THEME_PATH}/images/wwo.gif" alt="{L_WHO_WAS_HERE}" /></td>
			<td class="row1 nobold" width="100%" valign="middle"><p class="genmed">{WHO_WAS_HERE_LIST2} <br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p></td>
		</tr>
	<!-- IF LEGEND -->
		<tr>
			<td class="row1 nobold"></td>
			<td class="row1 nobold"><b class="gensmall">{L_LEGEND}: {LEGEND}</b></td>
		</tr>
	<!-- ENDIF -->
		</table>
	{$CA_BLOCK_END}
	<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST && BIRTHDAY_LIST -->
	<br clear="all" />
    
    {$CA_BLOCK_START}
	{$CA_CAP2_START}{L_BIRTHDAYS}{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/birthday.gif" alt="{L_BIRTHDAYS}" /></td>
		<td class="row1 nobold" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
	</tr>
	</table>
	{$CA_BLOCK_END}
<!-- ENDIF -->

<br clear="all" />

{$CA_BLOCK_START}
{$CA_CAP2_START}{L_STATISTICS}{$CA_CAP2_END}
<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
<tr>
	<td class="row1"><img src="{T_THEME_PATH}/images/stats.gif" alt="{L_STATISTICS}" /></td>
	<td class="row1 nobold" width="100%" valign="middle"><p class="genmed">{L_ONLINE_START} <b>{L_BOARD_STARTS}{L_ONLINE_SINCE}{L_ONLINE_FOR}</b> | {TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
</tr>
</table>
{$CA_BLOCK_END}

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">
	
	{$CA_BLOCK_START}
	{$CA_CAP2_START}<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
		<td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --><span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" />&nbsp;<!-- ENDIF --> <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{$CA_BLOCK_END}
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->

<br clear="all" />

<table class="legend">
<tr>
	<td width="20" align="center">{FORUM_UNREAD_IMG}</td>
	<td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_IMG}</td>
	<td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_LOCKED_IMG}</td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->
<br />
<center>
<b>
<a href="./impressum.php">Impressum</a> | <a href="./partner.php">Partner</a> | <a href="./contact.php">Kontakt</a>
</b>
<br /><br />
<center>
<script type="text/javascript">
adscale_slot_id="MmEwZWMw";
</script>
<script type="text/javascript" 
src="http://js.adscale.de/getads.js"></script>
</center>
</center>
<br />
<center>
{TOTAL_LOADS}
</center>
<br />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-15564264-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
</html>
Woran kann dies liegen?

Gruß,
editor2

Re: index_body.html Bild

Verfasst: 12.02.2011 19:36
von Talk19zehn
Hello editor2,

meines Erachtens gibt´s du dem Container bereits eine Breite von ---> width="224"

Und dem Bild gibst du ein Maß von width="224" height="110".

:-? Sofern der Ausschnitt gemeint ist und ich die Frage einschl. der Codeangaben korrekt deute.



Grüße

:wink: Tipp:
Wie man Texte elegant auf einem Bild anzeigen lassen kann, ist in jenem Thema viewtopic.php?p=1181436#p1181436 angesprochen worden.

Texte neben einem Bild zu platzieren, ist ebenso möglich: viewtopic.php?p=1223010#p1223010

Re: index_body.html Bild

Verfasst: 13.02.2011 17:02
von editor2
Das hat damit nichts zu tun. Es muss irgendwas im ACP gelöscht werden sodas die Bilder richtig angezeigt werden.

Re: index_body.html Bild

Verfasst: 13.02.2011 17:40
von Talk19zehn
Hello editor2,

ich würde meinen, dass die vorgegebende Bildgröße im img-tag das Bild im Browser begrenzt. Ganz abgesehen vom Container?
Wobei es sich bei Subsilver2 um ein Tabellenkonstrukt handelt. Die Tabellen sind auf 100% ausgerichtet. 790px der Breite einer Grafik könnten dennoch zu hoch bemessen sein.

Sorry, wenn ich einem Irrtum unterlag.

Eine andere Lösung anhand des externen Bildes für die SW-Grafik fällt mir zunächst nicht ein.

Re: index_body.html Bild

Verfasst: 13.02.2011 20:13
von editor2
<p><img src="http://www.abload.de/img/willkommenheaderhxtu.jpg" width="790" height="94" alt="Tanzb&auml;r"></p>
Habe dies eingebunden wird trotzdem automatisch kleiner. Liegt irgendwie am Software.

Re: index_body.html Bild einfügen Subsilver2

Verfasst: 14.02.2011 07:43
von Talk19zehn
Hello editor2,

es ist schwierig für Außenstehende Fehler zu finden, die sich ggf. ergeben, da weitere Modifikationen in deinem Board vorliegen, die offenbar Einfluss haben. Du musst wohl deine Einbauten noch einmal kontrollieren, da sich evtl. ein Fehler eingeschlichen haben könnte oder andere Modifikationen inhaltlich greifen, die nur ein Mod-Autor beurteilen kann. Evtl. liegt es auch Style selbst? Ohne Angaben, ist eine Hilfe nur bedingt möglich.

Mein Original-Subsilver2: index_body.html
Oberhalb ein Bild eingebunden

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->
<div style="text-align:center; margin-bottom:8px;"><a href="{U_INDEX}" title="{L_INDEX}"><img src="./styles/subsilver2/theme/images/karoblue407x115.jpg" alt="Logo" width="407" height="115" /></a></div> <br clear="all" /></br>

<!-- IF U_MCP -->
	<div id="pageheader">
		<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
	</div>

	<br clear="all" /><br />
<!-- ENDIF -->

<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
	</tr>
	<tr>
	<!-- IF LEGEND -->
		<td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ELSE -->
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ENDIF -->
		<td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
	</tr>
	<!-- IF LEGEND -->
		<tr>
			<td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
		</tr>
	<!-- ENDIF -->
	</table>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat" colspan="2"><h4>{L_BIRTHDAYS}</h4></td>
	</tr>
	<tr>
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_BIRTHDAYS}" /></td>
		<td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
	</tr>
	</table>
<!-- ENDIF -->

<br clear="all" />

<table class="tablebg" width="100%" cellspacing="1">
<tr>
	<td class="cat" colspan="2"><h4>{L_STATISTICS}</h4></td>
</tr>
<tr>
	<td class="row1"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_STATISTICS}" /></td>
	<td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
</tr>
</table>

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
	<tr>
		<td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->

<br clear="all" />

<table class="legend">
<tr>
	<td width="20" align="center">{FORUM_UNREAD_IMG}</td>
	<td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_IMG}</td>
	<td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_LOCKED_IMG}</td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->

Ergebnis:

[ externes Bild ]

Viele Grüße

Re: index_body.html Bild

Verfasst: 14.02.2011 15:04
von editor2
Hallo,

sobald ich im Code die width="407" height="115" zu width="950" height="115" ändere, wird das Bild automatisch wie vorher verkleinert.