• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hintergrundgrafik dem Webbrowser anpassen und Scrollbare Tabelle!

M

MagicJJ

New member
Hintergrundgrafik in ner Tabelle dem Webbrowser anpassen und Scrollbare Tabelle!

Hi Ihr...
Ich hab ein Problem, dass ich trotz den Foren nicht lösen kann... kann mir da jemand helfen?
Ich hätte gerne in einer Tabelle ein Hintergrundbild, dass sich gemeinsam mit der Tabelle dem Hintergrund anpasst... Zudem soll in dieser Tabelle eine weitere sein, in welche ich meine Infos reinschreiben will...
kann mir den Code jemand so ändern, dass es funktioniert oder mir es so erklären, dass ichs blick ^^

Thx JJ


...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<table width="800" height="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Hier soll der Hintergrund rein...
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">Und hier der Scrollbare Text! </div></td>
</tr>
</table></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>



Falls irgendwelche Fehler drinnen sind, wäre es nett wenn sie jemand korrigieren könnte...
Bei mir funktioniert das weder mit Javascript noch mit dem Meta Tag oder wie das heißt... hab schon nahezu alle Beiträge durchgelesen...
kann man das ohne script lösen...
 
Zuletzt bearbeitet:
ja danke für deine bemühungen aber ist echt ein bissl falsch...
schau nach ner tabelle die mit einem intergrierten hintergrundbild die größe dem browser anpasst und ne integrierte tabelle hat die scrallbar ist...

transparenz ist da ein bissl falsch..

dennoch thx
 
klar... Hier ist er :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(http://www.steffen-giolda.de/try/mainback.jpg);
}
.Stil1 {color: #FFFFFF}
-->
</style></head>

<body>
<table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><span class="Stil1">Hier kommt ein Flashtext rein... </span></td>
</tr>
</table>
<table width="850" height="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="800" height="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="http://www.steffen-giolda.de/try/background.jpg"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><p>Hier würde ich gerne meinen Text reinschreiben....</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>



könnt Ihr Euch hier anschauen...

http://www.steffen-giolda.de/try/index.htm

ThX
 
Du müsstest das in der betroffenen Zelle nicht so:
<td height="420">
sondern so machen:
<td style="height:420px;overflow:scroll;">
Dann entsteht eine Scrollbar, wenn der Inhalt höher ist als 420 Pixel.
 
sorry aber bei mir funktioniert es dennoch ned... ist da ein fehler?

</tr>
<tr>
<td style="height:420px;overflow:scroll;">
</tr>
</table></td>
 
Hi,
in dieses tr machst Du noch ein div rein.
Und auf dieses div wendest Du die styles an.
Dann musst Du nur noch mit der width was machen.
Code: 
<td>[B]<div style=height:420px;overflow:auto;">[/B]<div align="center" class="Stil7"><strong>Hi Ihr
          </strong></div>
          <p align="center" class="Stil7 Stil5"><strong>Endlich gibt es mal wieder neue Bilder aus Los Angeles... </strong></p>
          <p align="center" class="Stil7 Stil5"><strong>Wünsche Euch nen schönen Tag!</strong></p>
          <p align="center" class="Stil5 Stil7"><strong>Ps: Das neue Seitendesign ist endlich da! </strong></p>

          <p align="center" class="Stil5 Stil7"> </p>
          <p align="center" class="Stil7 Stil5"><strong>Gruß JJ </strong></p>[B]</div>[/B]</td>
Mein erstes Beispiel war Müll...
 
Danke... echt genial... echt funktioniert ^^ cool ... thx für deine Hilfe!

Leider hat sich jetzt ne andere Frage aufgetan... kann ich denn die scrollbar transperent machen?
funktioniert das mit css... was muss ich da am code ändern im html?


Greetz JJ


dkdenz schrieb:
Hi,
in dieses tr machst Du noch ein div rein.
Und auf dieses div wendest Du die styles an.
Dann musst Du nur noch mit der width was machen.
Code: 
<td>[B]<div style=height:420px;overflow:auto;">[/B]<div align="center" class="Stil7"><strong>Hi Ihr
          </strong></div>
          <p align="center" class="Stil7 Stil5"><strong>Endlich gibt es mal wieder neue Bilder aus Los Angeles... </strong></p>
          <p align="center" class="Stil7 Stil5"><strong>Wünsche Euch nen schönen Tag!</strong></p>
          <p align="center" class="Stil5 Stil7"><strong>Ps: Das neue Seitendesign ist endlich da! </strong></p>

          <p align="center" class="Stil5 Stil7"> </p>
          <p align="center" class="Stil7 Stil5"><strong>Gruß JJ </strong></p>[B]</div>[/B]</td>
Mein erstes Beispiel war Müll...
Zum Vergrößern anklicken....
 
Bitte, gern geschehen.

Was die Scrollbar angeht:
Man kann die für den IE einfärben.
Wenn man das dann geschickt mit der Hintergrundfarbe des darunterliegenden Elementes macht,
sieht es aus wie transparent.
Beispiel wenn der Hintergrund weiss ist:
Code: 
body {
  scrollbar-base-color:#fff;
  scrollbar-3d-light-color:#fff;
  scrollbar-arrow-color:#fff;
  scrollbar-darkshadow-color:#fff;
  scrollbar-face-color:#fff;
  scrollbar-highlight-color:#fff;
  scrollbar-shadow-color:#fff;
  scrollbar-track-color:#fff;
}
http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#scrollbar
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben