Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > grafiken mit width="100%" ?
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > grafiken mit width="100%" ?

Pages: [1]

geschrieben von Phinix am 25.09.2003 - 16:58
und zwar habe ich ein problem...

Ich will eine Grafik so lang strecken in einer Tabellenzeile, das sie also maximal 100% einnimmt.
Also ich habe ausprobiert

<img src="url" width="100%" height="14">

das geht schonmal nicht ^^
Als nächstes habe ich das ausprobiert:

<td background="url" width="100%"></td>

tja hier habe ich zwar die zeile auf 100% aber das stimmt mit der grafik nicht überein,da sie als hintergrund wiederholt wird.


Meine Lösung:
Variante 2 nehmen, also die Grafik als Hintergrund, nur irgendwie defenieren das die Grafik nicht wiederholt sonder gestreckt wird, nur wie macht man das?

Danke schonmal für eure Antworten!

geschrieben von René am 25.09.2003 - 17:58
hi Phinix,

probier mal damit

<td width="400"><img src=" ... " ... width="100%"></td>

geschrieben von okley am 27.09.2003 - 16:26
also wenn du die grafik als hintergrund gestreckt willst musst du noch css zur hilfe nehmen.

http://www.netzwelt.com/selfhtml/cs....und_repeat

also <td style="background-repeat:no-repeat;" background="url">Inhalt</td>

geschrieben von René am 27.09.2003 - 18:38
@okley,

dein CSS bewirkt das das Hintergrundbild nur einmal angezeigt wird. Hast du z.B. eine Zelle mit 800x600 px und dein HG-Bild ist 10x10 px dann werden auch nur die 10x10 px von der Zelle mit dem HG-Bild gefüllt. Außerdem ist dein CSS-Code falsch.

<td style="background-repeat: no-repeat; background-image: url('./bg.gif');">Inhalt</td>

geschrieben von okley am 28.09.2003 - 12:44
kann ich nicht das repeat mit dem css einstellen und den hintergrund normal mit HMTL einbinden ? so hat Phinix beim ersten posting doch auch gemacht.

geschrieben von René am 28.09.2003 - 12:58
dann liegt das Image eh über dem Hintergrund und man sieht ihn ja garnicht.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.