nicht angemeldet
grafik und text in zelle
Hallo Forum,
ich hoffe, dass mir hier jemand helfen kann, denn ich bin mit meinem Anfängerlatein am Ende.
Es geht um die oben genannte Seite.
Das Häuschen in dem gelben Rechteck habe ich über CSS als Hintergrundbild eingebunden.
Ich hätte es aber lieber, dass sich die Grafik normal in der Zelle (unten rechts) befindet und der Text automatisch drumherumfließt, damit man das nicht alles per Hand mit Zeilenumbrüchen hinfummeln muß.
Aber ich bekomme es einfach nicht hin ...
Hat jemand büdde, büdde einen Rat für mich ?
Danke euch im Voraus
P.S. An dem richtigen Code arbeite ich noch. Bitte nachsichtig sein ...
-
-
Erstmal ein großes Danke für die Antworten.
@ Blödel
Danke für das Lob. Ich bin aber wirklich Anfänger. Interessiere mich halt nur sehr für Webdesign und ein bißchen auch für Kunst. J@ Bambel
Für einen Anfänger wie mich ist ein Editor doch geeignet, oder ?
Dann sieht man wenigstens gleich, was man mit den Änderungen im Quellcode bewirkt ...@ Christian
Wenigstens einer, der mich versteht. Ich hatte es mit Float schon probiert, vielleicht nicht ausdauernd genug. Werde mich nochmal dransetzen mit etwas mehr Geduld. J
Gebe auf jeden Fall Nachricht wenn es funzt (oder wenn nicht ...).@ Max
Siehe oben.Und noch ne Frage: Wenn ich das Bild über Css als Backround einbinde bekommt Netscape 4 einen leichten Ausklinker. Ist euch sowas bei einem älteren Browser egal, oder versucht ihr das zu verhindern ?
-
Und noch ne Frage: Wenn ich das Bild über Css als Backround einbinde bekommt Netscape 4 einen leichten Ausklinker. Ist euch sowas bei einem älteren Browser egal, oder versucht ihr das zu verhindern ?
Das hängt davon ab, inwieweit es die Seite beeinträchtig. Es ist zwar immer unschön, wenn eine Seite nicht so angezeigt wird, wie sie sollte (Was ich als Opera Nutzer leider des öfteren erleben muss), aber jeder der mit sowas unterwegs ist ignoriert das solange es die Funktion der Seite nicht beeinträchtigt. Wenn bei weißer Schrift ein dunkles Hintergundbild fehlt und die Seite unleserlich wird ist das ein Grund etwas dagegen zu tun. Aber wenn nur ein bisschen Design fehlt, kann man das weitgehend verschmerzen.
Wichtig sind die Bedienbarkeit und die Informationen. Das ist zumindest meine Meinung.Grüsse,
Christian--
Erfahrung ist die Summe der Dummheiten, die man im Bedarfsfall wieder anwendet. (Dieter Hildebrand, Kabarettist)-
Manno mann, irgendwie komme ich hier noch nicht mit der Hierarchie der Antworten so ganz zurecht.
Naja, also ich habe jetzt folgenden Quelltext:<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.blue { float:right }
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="31%" border="0" cellspacing="0" cellpadding="0" height="289">
<tr>
<td>
<div style="position:absolute; bottom:0px; right:0px;">
<img src="haus.jpg" width="131" height="88" border="0" class="blue">
</div>
<p style="font-size:120%">Hier steht ein bißchen Text</p>
</td>
</tr>
</table>
</body>
</html>Mein Problem ist jetzt, dass "position:absolute" bewirkt, dass sich die Grafik auf der Seite - und nicht innerhalb der Zelle - ganz unten links befindet.
Wie kann ich das ändern, so dass sich die Anweisung nur auf den Zellenraum bezieht ?
Am liebsten wäre mir ja, wenn ich das nur mit reinem HTML lösen könnte, so dass es auch ältere Browser verstehen könnten. Aber das wird wohl nix ...-
Hallo Nele.
Mein Problem ist jetzt, dass "position:absolute" bewirkt, dass sich die Grafik auf der Seite - und nicht innerhalb der Zelle - ganz unten links befindet.
Wie kann ich das ändern, so dass sich die Anweisung nur auf den Zellenraum bezieht ?
Am liebsten wäre mir ja, wenn ich das nur mit reinem HTML lösen könnte, so dass es auch ältere Browser verstehen könnten. Aber das wird wohl nix ...warum verwendest du sie dann? mit position:relative; wird das element relativ zum Elternelement ausgerichtet. in meiner Testdatei funktioniert das. Probiers mal aus.
Grüsse,
Christian--
Erfahrung ist die Summe der Dummheiten, die man im Bedarfsfall wieder anwendet. (Dieter Hildebrand, Kabarettist)-
Hallo,
das hatte ich auch schon probiert.
Hier der Quelltext:<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.right { float:right }
-->
</style>
</head><body bgcolor="#FFFFFF" text="#000000">
<table width="31%" border="0" cellspacing="0" cellpadding="0" height="138">
<tr>
<td bgcolor="#996666" height="176">
<div style="position:relative; bottom:0px; right:0px;"> <img src="haus.jpg" width="131" height="88" border="0" class="right" vspace="0" hspace="0">
</div>
<p style="font-size:100%">Hier steht ein bißchen Text sdjgjkdsf ajghsdjk
sdfjgh sdfjgh sdfjghsfd gjsdfgh sdfjgh sd sdfjgjdkfs sfdgjhs fjjjjj sjfd
sfdjg jfdg jsfd sjfdg sjdfg sjdfg sdjfg sjdfg sdjfg sdjfg sdfjg djdfg
jsdfg sjdfg sjdfg sdfjg fdgjsfdj </p>
</td>
</tr>
</table>
</body>
</html>Und nun siehe angehängtes Bild ...
Vielleicht sollte ich mir mal ein gutes Buch über CSS kaufen. Kannst Du mir eines empfehlen ?
-
-
-
-
-
-
Hallo Nele.
Das geht mit der CSS Eigenschaft float, mit der man festlegen kann, wie ein Element vom Text umflossen wird. Siehe http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float.
Ich hoffe du kommst damit zurecht. Falls nicht kannst du ja noch mal posten.Grüsse,
Christian--
Erfahrung ist die Summe der Dummheiten, die man im Bedarfsfall wieder anwendet. (Dieter Hildebrand, Kabarettist) -
hi,
ich hoffe, dass mir hier jemand helfen kann, denn ich bin mit meinem Anfängerlatein am Ende.
Es geht um die oben genannte Seite.cooles Deign. Wie hast du das hinbekommen ? Mein gott, mein Bildbearbeitungsprogramm ist soooo schlecht *heul*
Das Häuschen in dem gelben Rechteck habe ich über CSS als Hintergrundbild eingebunden.
ist wohl auch gut so
Ich hätte es aber lieber, dass sich die Grafik normal in der Zelle (unten rechts) befindet und der Text automatisch drumherumfließt, damit man das nicht alles per Hand mit Zeilenumbrüchen hinfummeln muß.
[bambel is viewing sourcecode]
baaaaaahhh das ist ja mit irgendeinem editor-teil (frontpage oder was besseres :/) gemacht ::::...!
Aber ich bekomme es einfach nicht hin ...
weiß net was du willst
Hat jemand büdde, büdde einen Rat für mich ?
besser ich meine: wie meinst du das `? -
Hallo Forum,
Forum hört..
ich hoffe, dass mir hier jemand helfen kann, denn ich bin mit meinem Anfängerlatein am Ende.
Es geht um die oben genannte Seite.Na ja, die Seite sieht aber niht nach Anfänger aus!!!
Blödel
-
Da bin ich wieder.
Also ich habe jetzt folgenden Quelltext:<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.blue { float:right }
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="31%" border="0" cellspacing="0" cellpadding="0" height="289">
<tr>
<td>
<div style="position:absolute; bottom:0px; right:0px;">
<img src="haus.jpg" width="131" height="88" border="0" class="blue">
</div>
<p style="font-size:120%">Hier steht ein bißchen Text</p>
</td>
</tr>
</table>
</body>
</html>Mein Problem ist jetzt, dass "position:absolute" bewirkt, dass sich die Grafik auf der Seite - und nicht innerhalb der Zelle - ganz unten links befindet.
Wie kann ich das ändern, so dass sich die Anweisung nur auf den Zellenraum bezieht ?
Am liebsten wäre mir ja, wenn ich das nur mit reinem HTML lösen könnte, so dass es auch ältere Browser verstehen könnten. Aber das wird wohl nix ...
