Forenindex » Archiv » Adobe GoLive » Bild- Text- Formatierung mit CSS

Bild- Text- Formatierung mit CSS

kroeck2000
Beiträge gesamt: 10

2. Dez 2006, 20:26
Bewertung:

gelesen: 1511

Beitrag als Lesezeichen
Hallo zusammen,

nachdem ich mich nun weitere 2 Wochen mit GL und CS2 rumgeschlagen habe, schaff ich es endlich einen komprimierten Code mit nur wenigen Tabellen und viel CSS ohne Fehler zu generieren.

Hab aber noch ein paar Probleme (abgesehen von dem 10 maligen Abstürzen meiner CS2 Version jeden Tag). Adobe ist unterste Schublade von der Anwenderfreundlichkeit ! Sorry muß ich mal hier sagen. Ständig ist was im Weg trotz 1280'er Auflösung.

Problem:
Ich hab in einer Tabellenzelle Text und Bilder, die überlagern sich nun und der Text schiebt sich zwichen den Bildern rein. Wie kann ich das sauber trennen (ohne weitere Ebenen) ?

http://www.laserillusion.de/li-beamshow.php
http://www.laserillusion.de/css/li1.css

Hab schon fast alles an der CSS Vorlage geändert.

Und wie schaff ich es, daß beim Layout die gleiche Schrift eingestellt ist wie in der Voransicht. Denn dadurch stimmen diese bei mir nie überein. Im Layout stimmt immer alles und in der Vorschau dann nicht mehr.

Vielen Dank für Eure Hilfe :-)
Klaus

Bild- Text- Formatierung mit CSS

SabineP
Beiträge gesamt: 7586

2. Dez 2006, 23:05
Bewertung:

gelesen: 1501

Beitrag als Lesezeichen
Hallo Klaus,

>> der Text schiebt sich zwichen den Bildern rein.
>> Wie kann ich das sauber trennen (ohne weitere Ebenen) ?

Hier mal ein Beispiel dazu:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html>
<head>
<title> New Document </title>
<style type="text/css">
.breite{width:410px;}
</style>
</head>

<body>
<div class="breite">

<img src="" align="right" width="200" height="200" />
text1 text1 text1 text1 text1 text1 text1 text1 text1 text1

<br clear="right" />

<img src="" align="left" width="200" height="200" />
text2 text2 text2 text2 text2 text2 text2 text2 text2 text2

<br clear="left" />

<img src="" align="right" width="200" height="200" />
text3 text3 text3 text3 text3 text3 text3 text3 text3 text3

</div>

</body>
</html>


>> daß beim Layout die gleiche Schrift eingestellt ist wie in der Voransicht.

Schriftart und Schriftgröße sind abhängig von den Browsereinstellungen
und von den Einstellungen des Betriebssystems.

Gruß Sabine

Bild- Text- Formatierung mit CSS

kroeck2000
Beiträge gesamt: 10

4. Dez 2006, 09:11
Bewertung:

gelesen: 1471

Beitrag als Lesezeichen
Hallo liebe Sabine,

vielen Dank, ja es hat funktioniert.
Was so eine einfache Tag-Erweiterugn alles bewirken kann.

Dein Beispiel war sehr hilfreich :-)

Gruß
Klaus

(Dieser Beitrag wurde von kroeck2000 am 4. Dez 2006, 09:13 geändert)