lauftext im bild?

Galle81

Lieutenant
Registriert
Sep. 2007
Beiträge
962
hallo leute,

ich möchte ich den auf dem bild "boxed_end.jpg" einen lauftext einbauen.
Wo muss ich in der index, den lauftext einbauen, damit er dort angezeigt wird?
Habe schon gegooglelt, aber ich bin nicht schlau daraus geworden :(
Wäre schöne, wenn ihr mir helfen könntet.
Thx im voraus

hier ist die index:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{TITLE}</title>

<link rel="stylesheet" type="text/css" href="include/designs/jetixblue/style.css">
<style type="text/css">
<!--
.Stil1 {color: #FFFFFF}
.Stil6 {color: #FFFFFF; font-weight: bold; }
.Stil8 {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}
-->
</style>
</head>

<body bgcolor="#000000" topmargin="0" bottommargin="0">
<div align="center">


<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1000" height="27" align="center" valign="middle" background="include/designs/jetixblue/bilder/header_top.jpg"><font class="smalfont" face="Arial" size="1" color="#FFFFFF"><b>{TITLE} </b></font></td>
</tr>
<tr>
<td height="181" width="1000"><img src="include/designs/jetixblue/bilder/header.jpg" height="181" /></td>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="204" height="65" align="left" valign="top" background="include/designs/jetixblue/bilder/nav_links_puffer.jpg">
{_list_menunr1@

<table width="100%" height="65" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/jetixblue/bilder/nav_head_links.jpg"><div align="center" class="Stil6">%1</div></td>
</tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td width="14" ></td>
<td width="183" ><span class="Stil1">%2</span></td>
<td width="5" ></td>
</tr>

</table>
<span class="Stil1">}</span> </td>
<td align="left" valign="top" background="include/designs/jetixblue/bilder/content_bg.jpg">


<table border="0" cellspacing="0" cellpadding="0" width="592" height="15">
<tr>
<td><img src="include/designs/jetixblue/bilder/content_head.jpg" width="592" height="27" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/jetixblue/bilder/box_trennl.jpg" width="5" height="95">
</td>
<td width="142" align="center" valign="middle" background="include/designs/jetixblue/bilder/boxes_bg.jpg"><table width="98%" height="79" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><span class="Stil8">{_boxes_lastforum}</span></td>
</tr>
</table></td>
<td background="include/designs/jetixblue/bilder/box_trennl.jpg" width="5" height="95">
</td>
<td width="142" align="center" valign="middle" background="include/designs/jetixblue/bilder/boxes_bg.jpg"><table width="98%" height="79" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><span class="Stil1"><strong>{_boxes_lastnews}</strong></span></td>
</tr>
</table></td>
<td background="include/designs/jetixblue/bilder/box_trennl.jpg" width="5" height="95">
</td>
<td width="142" align="center" valign="middle" background="include/designs/jetixblue/bilder/boxes_bg.jpg"><table width="98%" height="79" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><span class="Stil1"><strong>{_boxes_lastwars}</strong></span></td>
</tr>
</table></td>
<td background="include/designs/jetixblue/bilder/box_trennl.jpg" width="5" height="95">
</td>
<td width="142" align="center" valign="middle" background="include/designs/jetixblue/bilder/boxes_bg.jpg"><table width="98%" height="79" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><span class="Stil1"><strong>{_boxes_nextwars}</strong></span></td>
</tr>
</table></td>
<td background="include/designs/jetixblue/bilder/box_trennl.jpg" width="5" height="95">
</td>
</tr>
</table>
<table width="592" height="15" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="include/designs/jetixblue/bilder/boxes_end.jpg" width="592" height="27" /></td>
</tr>
</table>

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><font color="#ffffff" size="1,5">» {HMENU}<br></font>

{EXPLODE} </td>

</tr>

</table></td>

<td width="204" height="65" align="left" valign="top" background="include/designs/jetixblue/bilder/nav_rechts_puffer.jpg">
{_list_menunr2@
<table width="100%" height="65" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/jetixblue/bilder/nav_head_rechts.jpg"><div align="center" class="Stil6">%1</div></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td width="5" height="" ></td>
<td width="183" height="" ><span class="Stil1">%2</span></td>
<td width="14" height=""></td>
</tr>
</table>
<span class="Stil1">}</span></td>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="include/designs/jetixblue/bilder/footer.jpg" width="1000" height="59" /></td>
</tr>
</table>



</div>
</body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->

{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}

{_list_hmenubegi@<ul>}

{_list_hmenuende@</ul>}

{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}

{_list_vmenubegi@<ul>}

{_list_vmenuende@</ul>}
 
Hi,

da würde mir spontan nur die Lösung über einen DIV-Container einfallen, also so:

<div style="background-image: url(include/designs/jetixblue/bilder/boxes_end.jpg); background-repeat: no-repeat;">Hier kommt der Lauftext rein - Stichwort "Marquee"</div>

Diesen Container setzt Du dann anstelle von "<img src="include/designs/jetixblue/bilder/boxes_end.jpg" width="592" height="27" />" ein...

Zu "Marquee" kannst Du ja googeln, falls noch Fragen sind werde ich Dir da gerne weiterhelfen ;)
 
ich würde dir sher empfehlen von dem table layout wegzukommen und auf div's umsteigen.
es ist echt nicht so schwer und später viel angenehmer zu designen, weil man nicht von den spalten und reihen eingeengt wird. table verwende ich nur noch wenn es keine oder nur eine viel aufwendigere lösung gibt.

schau dir dazu mal:
float: left;
clear: both;
width: ...px;
height: ....px;
padding: ... ... ... ...;
an, und vielleicht noch http://de.selfhtml.org/css/
mit dem kommt man schon mal sehr weit.

und zu deinem problem:
entwerder machst du es wie logic_hd schon sagte,
oder so ...
HTML:
<div style="width:400px; height:300px; position:relative;">
    <img src="...." height="300" width="400" border="0" />
    <div style="width:400px; height:20px; position:absolute; top:0px; left:0px;">
        hier dein inhalt
    </div>
</div>

hier hast du ein bild mit einem div container darüber liegend.
kannst ja mal kopieren und dir mit hintergrundfarben ansehen.

mfg
 
Zurück
Oben