HTML: Text vom Picturelink trennen

[Punter]

Der Text umfließt das IMG und wird vom IMG-Link durchspült. Das kommt daher dass das Bild verlinkt und von Fließtext umgeben ist. Die Verlinkung des Text wollte ich aber nicht. Wie trennt man den Link vom Fließtext ?

Ich hab in etwa sowas in den HTML Editor eingegeben:

<a href="Linkziel"> <img src="Bildquelle"> Text</a>

Wo kann ich den Text oder wie kann man Text noch eingeben dass das Bild umtextet bleibt, aber ohne durchgehend verlinkt zu werden, kann mans überhaupt ?

 

[Bullabeisser]

Am einfachsten mit einem CSS. Anleitung dazu: SELFHTML: Navigationshilfen / Suche

Das Bild wird "relativ" zum Text positioniert. Geht natürlich auch "absolut", d.h. absolut feste Position mit Pixelangabe. Mit HTML wirst Du nicht glücklich werden.

 

[QuHno]

Ich verstehe die Aufgabenstellung nicht. Derzeit interpretiere ich sie so:
Das Bild soll bei einem Klick drauf zu einer anderen Webseite führe, sprich verlinken.
Der Text soll nicht verlinken, sondern ganz normal laufen wie sonst auch.

Warum dann nicht einfach:

<p>
    text text text
    <a href="irgendwohin.html"><img src="blah.gif" alt="Ganz bunt"></a> 
    text text text
</p>

 

[Punter]

Weil das Bild schmal ist und daneben jede Menge Platz und das wirkt ausgefüllt mit Text besser.

 

[QuHno]

Ich verstehe die Aufgabenstellung immer noch nicht.

Soll das so aussehen, dass das Bild rechts oder links am Rand sein soll und dann der Text links oder rechts vorbeifließen soll?
Auch kein Problem.
Text rechts:

<p>
    text text text
    <div style="float:left;width:200px;">
        <a href="irgendwohin.html"><img src="blah.gif" alt="Ganz bunt" style="width:200px;"></a>
    </div>
    text text text
</p>

Text links:

<p>
    text text text
    <div style="float:right;width:200px;">
        <a href="irgendwohin.html"><img src="blah.gif" alt="Ganz bunt" style="width:200px;"></a>
    </div>
    text text text
</p>

width müsste jeweils an die Breite des Bildes in Pixeln angepasst werden.
Beidseitig umfließen geht allerdings nicht mit einem Text, der müsste dann aufgeteilt werden und mit "Spaltensatz" gearbeitet werden.

 

[Punter]

This one kicks ass

Doch, schaut richtig aus, richtig optisch aufbereitet, werd mich an die Stylesheets halten.

Aber warum können sich die <img src> denn überlappen, können die nicht von sich aus auf Abstand bleiben ? Kann man die HTML Einträge nach oben und unten absichern bzw. abgrenzen, mit einem "bis hierhin und nicht weiter "sheetmark ?

 

[Bullabeisser]

Doch, schaut richtig aus, richtig optisch aufbereitet, werd mich an die Stylesheets halten.

Aber warum können sich die <img src> denn überlappen, können die nicht von sich aus auf Abstand bleiben ? Kann man die HTML Einträge nach oben und unten absichern bzw. abgrenzen, mit einem "bis hierhin und nicht weiter "sheetmark ?

Sag ich doch, nur mit CSS wirst Du glücklich
Einen Bereich "absichern" geht in HTML nur, wenn Du eine Tabelle benutzt (table-Befehl). Aber mit CSS kann man das pixelgenau festlegen - siehe die Postings weiter oben.

 

[QuHno]

Überlappende <img src>? Der Quelltext überlappt sich? Die Bilder überschneiden sich und eins verdeckt das andere?
Wenn letzteres: Arbeitest Du mit z-index und absoluter oder relativer Positionierung?

Was heißt Bereich absichern?

Das selbe wie clear: (left|right|both) bei den floats?

Was ist ein "sheetmark" in Bezug auf Bildschirme unterschiedlicher Größe und Auflösungen? Darunter kann ich mir gerade garnichts vorstellen.

Kannst Du nicht einfach mal einen Testlink angeben, damit wir sehen können, was Du vorhast?

BTW: CSS ja, Layout-Tabellen müssen aber nicht unbedingt sein, das geht auch ohne. Mit ist allerdings wg. des blöden IEs und seiner CSS Bugs manchmal einfacher, aber weniger pflegeleicht...

ot:
Oh Mann! Warum gibts keine einheitliche Sprache, die Layouter und (X)HTML/CSS Coder sprechen? Kann man sich nicht einfach auf die typischen Typographie Begriffe einigen? Die Kopisten und Drucker|Setzer können damit schon seit Jahrhunderten ausdrücken, was sie meinen... :motz

PS: Sorry, falls meine Fragen heute ein wenig dämlich klingen, ich bin im Moment schwer erkältet und daher ein wenig schwer von Begriff....

 

[Punter]

Der Antworten sind genug, ich muß mich hinsichtlich der Themenvielfalt neu orientieren. Machts gut.

Tschüß & bis dann, Punter

________________________________________________________________
Excessively sensitive, anti-liberal, and irrelevant, or radical, prescient, and misunderstood? Six philosophers answer Kritika&Kontext's questions on Nietzsche. Their responses make one thing clear: Nietzsche still divides opinion.