Hintergrundbildbreite bestimmen
Nico
- html
Hallo!
Ich will ein Tabelle machen, die ein Bild als Rahmen haben soll. Wie kann man denn die Hintergrundbildbreite mit 100% bestimmen, sodass der recte Rahmen nicht mitten in der Tabelle ist?
Oder hat jemand ne andere Idee?
Nico
hi,
Ich will ein Tabelle machen, die ein Bild als Rahmen haben soll. Wie kann man denn die Hintergrundbildbreite mit 100% bestimmen,
die anzeigebreite eines hintergrundbildes kannst du mit derzeiten mitteln gar nicht beeinflussen; du kannst höchstens ein entsprechend breites hintergrundbild nehmen.
sodass der recte Rahmen nicht mitten in der Tabelle ist?
Oder hat jemand ne andere Idee?
vermutlich suchst du eher background-position.
gruß,
wahsaga
Nee, mein ich nicht.
das Bild muss ja an position 0,0 sein und das ist ja Voreinstellung. Der obere und linke Rand würden also an der richtigen Stelle sein. Blos der rechte und untere Rand sind dann wahrscheinlich nicht an der richtigen Stelle.
Nico
Nee, mein ich nicht.
das Bild muss ja an position 0,0 sein und das ist ja Voreinstellung. Der obere und linke Rand würden also an der richtigen Stelle sein. Blos der rechte und untere Rand sind dann wahrscheinlich nicht an der richtigen Stelle.
Nico
Du könntest die Tabellengröße an das Bild anpassen, bzw. das Bild mit einem Editor auf eine gewünschte Größe ändern.
Ich wollte eigentlich die Tabelle mit width=80% oder sowas machen, damit die dann nicht so einsam und verlassen bei einer 1152er Auflösung rumhockt und bei einer 332er Auflösung überdimensional groß ist.
Nico
Dann würde ich den rechten Rahmen aus dem Bild rausschneiden, und dort einen Farbverlauf zu der Hintergrundfarbe deines Tabellenfeldes einbauen.
Dann kannst du den ausgeschnittenen Rahmen in ein weiteres Feld fester Breite daneben setzen.
Ähmm...
ist das schlimm, wenn ich das jetz ni so richtig verstehe?
Nico
hi,
ist das schlimm, wenn ich das jetz ni so richtig verstehe?
nein, du darfst dir durchaus die zeit zum darüber nachdenken nehmen, die du dafür brauchst.
scnr,
wahsaga
Ich glaube... ich habs verstanden.
Der Rahmen soll aber keine glatte sondern eine unregelmäßige Kante haben. Wenn man da einen Farbverlauf hinstezen würde, würden da doch weiße Stellen entstehen, oder?
Nico
Ja... So in der Art.
Danke!
Hallo!
Ich hab das jetzt mal ausprobiert. Und da hat sich herausgestellt, das das so nicht funktioniert. Und zwar liegt das daran, weil sich das Hintergrundbild wiederholt. Am besten ihr kukt euch das Bild mal an:
[img:http://www.monikas-gartenservice.de.vu/Bilder/bg1.gif]
Da weiß ich jetzt auch irgendwie ni weiter.
Nico
Hallo Nico,
» Ich hab das jetzt mal ausprobiert. Und da hat sich herausgestellt, das das so nicht funktioniert. Und zwar liegt das daran, weil sich das Hintergrundbild wiederholt. Am besten ihr kukt euch das Bild mal an:
[img:http://www.monikas-gartenservice.de.vu/Bilder/bg1.gif]
In der Tat, dein Hintergrundbild ist derart unregelmäßig, dass mir dazu nur noch einfiele, es in Flash als Vektorgrafik zu realisieren, die man beliebig skalieren kann.
Oder du verzerrst dein Bild in den einzelnen vier Seitenbereichen so, dass die Rebenstiele bei Kachelung bündig aneinander anschließen. Dann wirkt es natürlich nicht mehr so schön unregelmaßig.
Gruß Gernot
Hallo!
Das Flash hab ich nicht. Oder meinst du nicht das Macromedia Flash mit dem man so kleine Animationen machen kann?
Es wäre doch sonst auch ne Möglichkeit, wenn man die Links (das soll ne Linkliste werden) einfach in die Grafik reinschreibt und dann mit Maps die anklickbar zu machen, oder?
Nico
Aber da fällt mir grade ein...
Das geht ja nicht. Die Map will ja absolute Werte und wenn da steht width=80%, ist da ja nix absolut. Hat noch irgendjemand ne Idee?
Nico
Ich hab ne Lösung gefunden:
<HTML>
<body topmargin=25 leftmargin=50 marginheight=50 marginheight=25>
<?php
session_start();
$_SESSION[s_id]=session_id();
?>
<table padding=0 margin=0 cellspacing=0 border=0 cellpadding=0 width=50%>
<tr>
<td width=21%><img src="Bilder/bg_ol.gif" width=100% height=100%></td>
<td width=57%><img src="Bilder/bg_o.gif" width=100% height=100%></td>
<td width=22%><img src="Bilder/bg_or.gif" width=100% height=100%></td>
</tr>
<tr>
<td><img src="Bilder/bg_l.gif" width=100% height=100%></td>
<td>Text</td>
<td><img src="Bilder/bg_r.gif" width=100% height=100%></td>
</tr>
<tr>
<td><img src="Bilder/bg_ul.gif" width=100% height=100%></td>
<td><img src="Bilder/bg_u.gif" width=100% height=100%></td>
<td><img src="Bilder/bg_ur.gif" width=100% height=100%></td>
</tr>
</table>
</BODY>
</HTML>
Die Breitenangaben der Zellen sind die Breiten der einzelnen Bilder. Allerdings ist da ein kleines Problem. Wenn in der Textzelle der Eintrag zu lang wird (nach rechts, nicht nach unten) Wird der Text nicht umgebrochen. Und die Tabelle sieht dann nicht mehr so aus, wie sie soll. Weiß jemand warum? Und ich weiß auch nicht, wie das im IE aussieht. Kann das mal jemand bitte testen? In der internen Vorschau vom Phase 5 geht das nämlich nicht. Die Bilder sind unter http://www.monikas-gartenservice.de.vu/Bilder und dann hintendran den Dateiname. Der Bereich ist passwortgeschützt, aber auf die Bilder müsstet ihr eigentlich zugreifen können.
Nico
Dann würde ich den rechten Rahmen aus dem Bild rausschneiden, und dort einen Farbverlauf zu der Hintergrundfarbe deines Tabellenfeldes einbauen.
Dann kannst du den ausgeschnittenen Rahmen in ein weiteres Feld fester Breite daneben setzen.