Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

Bild wiederholt sich innerhalb einer Tabelle -> Strecken ?

Hallo,

ich habe auf einigen Seiten das Problem, dass sich ein Bild, was als 100 % eingestellt ist, wiederholt. Hier eine Beispielseite.

Der Code ist wie folgt:

 

Zitat
     <td style="background: url(images/Logo4.jpg); width="100%" height="195" bgcolor="#000000">

Was muss ich da noch ergänzen damit das nicht vorkommt ?url]

Antworten zu Bild wiederholt sich innerhalb einer Tabelle -> Strecken ?:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 <td style="background: url(images/Logo4.jpg); background-repeat:no-repeat; float:left; height="195" bgcolor="#000000">

Das Float:Left; kannst Du u. U. weglassen.

width="100%" bei Bild sollte in Pixelbreite des Bildes angegeben werden.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

das mit dem repeat hat es gebracht. Nur leider wird das Bild jetzt nicht auf die Breite gestreckt, sondern ich habe dann rechts ein Fläche die frei bleibt. Das ist ja auch suboptimal. Ich habe die Seite zum Anschauen neu hochgeladen

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,
also Bilder "strecken" sind in der CSS2 Spezifikation nicht vorgesehen. Vielleicht kommts mit CSS3, aber wieso streckst du das Bild nicht auf die minimale Breite der Landkarte? Die wird ja, wenn du das Fenster verkleinerst irgendwann wenns unter 800 px (?) Breite geht nicht mehr kleiner. ;) Dann zentrierst du das einfach noch in der Tabellenspalte, sodass, wenn das Fenster größer ist, immer mittig erscheint.

Mario 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

das Problem ist dabei, dass ich meine Seiten nicht alle gleich breit machen kann, da ich ja unterschiedliche Inhalte habe. Wenn ich Karten habe, wird es eben etwas breiter. Bei Text wird es wieder schmäler.

Dann müsste ich ja auch die unterschiedlichsten Breiten für mein Logo machen, immer angepasst an die jeweilige Seite

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Du kannst das Bild auch als normales Image (mit <img>-Tag) einbinden statt als Hintergrundbild. Bei dem Bild kannst du dann ja width="100%" angeben.

Um den Text, der auf dem Bild drauf steht, hinzubekommen, kannst du ein DIV auf das Bild folgen lassen, dessen Höhe der des Bildes entspricht und bei dem du folgendes angibst:

<div style="height:195px; position:absolute; top:0px; left:0px; right:0px; z-index:2; text-align:center"><br>Hallo Welt<br>Hier steht irgend ein Text</div>

Der z-index vom Div muss größer als der vom <img> sein, also geb bei dem am besten einen an.
Zu beachten ist, dass das übergeordnete Element (bei dir anscheinend ne Tabellenzelle) folgende Angabe erhält:
style="position:relative"
damit für die absolute Positionierung der richtige Ausgangspunkt gewählt wird.


Es könnte bei dieser Lösung bei manchen Browsern probleme geben, da sowohl left:0px, als auch right:0px oben bei dem Div angegeben wurden. Probier es mal aus. Vielleich hat auch jemand anderes ne Idee, wie man den text zentriert bekommt. 

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

so, das klappt mit diesem Code weit besser als vorher.

Da tat sich noch eine weitere Frage auf. Im IE ist der Text meiner Navigationsleiste rechts nicht linksbündig sondern zentriert. Im Firefox und Safari ist das linksbündig. Wie kann ich das verhindern ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
<table class="farbe2" width="180" border="0" cellpadding="0" cellspacing="1"    id="menu" align="center"  >
<tr>
<td class="farbe2"
  align="right"><b>|&nbsp;U S A&nbsp;|</b></td>
</tr>
Quelltext ab Zeile 90.

Bsp. Zeile 90 - Ansatz: Der IE interpretiert (fälschlicherweise) vermutlich das align="center" im table-Tag auch für die Zellen, die beiden anderen Browser ignorieren diese Angabe für die Zellformatierung.

Wenn Du die Tabellen zentriert anordnen möchtest, genügt die Ausrichtung per align="center" in der umgebenden übergeordneten Zelle.

Bsp.:

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table>....hier zentriert...</table> y/td></tr></table> 

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

die Navigation rechts hat keine "ÜberTabelle". Soll oder muss ich diese jetzt erst noch kreieren ?

« Letzte Änderung: 14.02.08, 07:27:10 von frank_gayer »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Zu beachten ist, dass das übergeordnete Element (bei dir anscheinend ne Tabellenzelle) folgende Angabe erhält:
style="position:relative"
damit für die absolute Positionierung der richtige Ausgangspunkt gewählt wird.

Ich glaube das hast du vergessen, der Text steht bei mir im Opera zumindest zu weit rechts. Wenn es bei der <td> nicht geklappt hat mit position:relative, kannst du um das <img> und das <div> auch ein weiteres div machen.

Zitat von: frank_gayer
die Navigation rechts hat keine "ÜberTabelle". Soll oder muss ich diese jetzt erst noch kreieren ?
Nein, vermeide unnötige Tabellen immer.
Ich weiß jetzt nicht, ob ich das Problem richtig verstanden habe, aber du kannst der Tabelle mit der Navigation eine ID geben (id="navigation") und dann in der CSS-Datei sowas schreiben:

#navigation td {text-align:left}

Damit sind alle Tabellenzellen innerhalb der Tabelle linksbündig.


€dit: ich hab grad nen Blick in deinen Quelltext geworfen. Anscheinend hast du mehreren Tabellen die gleiche ID gegeben, nämlich id="menu". Das ist flasch, da die ID immer eindeutig sein muss. Anstatt mit ID zu arbeiten, solltest du den Elementen alle die gleiche Klasse zuweisen. Die haben ja alle schon die Klasse "farbe2". Falls du "farbe2" auch woanders als im Menü verwendest, kannst du den Tabellen auch mehrere Klassen zuweisen, ich glaube die muss man dan durch ein Blank trennen. Also so:
class="farbe2 menu"

Und dann eben folgendes in der Stylesheet-Datei:
.menu td {text-align:left}
« Letzte Änderung: 14.02.08, 14:17:41 von mati »

« Server systemHomepage erstellen und webspace vom eigenen pc nutzen?????? »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...

Bildschirmschoner
Der eigentliche Sinn des Bildschirmschoners ist, den Bildschirm vor dem Einbrennen des Monitorbildes zu schützen.Während das bei neueren Monitoren auch nach Stu...

Bildwiederholfrequenz
Auf Bildschirmen erscheint ein Bild nur Bruchteile von Sekunden, weil die es erzeugenden Elektronenstrahlen oder Impulse sehr kurzzeitig wirken. Deshalb wird es mit einer...