In diesem Forum beantworte ich Ihre Fragen zu unterschiedliche Webthemen und stelle interessante Tipps & Tricks vor. Der Schwerpunkt liegt zurzeit auf Dreamweaver und HTML. Selbstverständlich beantworte ich auch Ihre Fragen zu Fireworks, Online-Marketing und anderen verwandten Themen.

Sie möchten selbst etwas wissen? Dann füllen Sie bitte das Formular aus.

Klicken Sie auf die jeweilige Frage, wird die entsprechende Antwort eingeblendet. Klicken Sie erneut auf diesen Text, schließen Sie den Bereich wieder.

16. Dreamweaver zeigt ein Bild im Entwurf nicht an, obwohl Browser es darstellen können. Gibt es da eine Lösung?

Im Code ist zwischen img und src ein Leerzeichen verloren gegangen. Statt Da ging wohl ein Leerzeichen unter. Ersetzen <imgsrc="bild.gif" /> durch <img src="bild.gif" />. Dreamweaver hebt solche Codefehler im Entwurffenster durch einen gelben Codebalken hervor. Markieren Sie diesen, zeigt der Eigenschafteninspektor weitere Informationen zur Fehlerkorrektur.

15. iframe zeigt im IE 8 trotz border:0px einen Rahmen; FF zeigt ihn nicht. Wie entferne ich ihn im IE?

Fügen Sie das HTML-Attribut frameborder="0" in das iframe-Tag ein.

14. Wie ändere ich die Schrift auf der 2. Ebene einer Spry-Menüleiste?

Um das richtige Element auszuwählen, blenden Sie zunächst CSS-Stile über die Symbolleiste "Stilwiedergabe" aus. Dann setzen Sie den Mauszeiger in das entsprechende Element der Menüleiste und klicken im Bedienfeld CSS-Stile auf den Button "Neue CSS-Regel". Dreamweaver zeigt im geöffneten Dialogfenster "Neue CSS-Regel" automatisch den richtigen Selektor an. Bestätigen Sie mit OK und formatieren Sie den Text in der CSS-Regel-Definition.

13. Kompliment für Ihr Buch "CSS Webdesign": Sehr gut verständlich geschrieben.
Eins vermisse ich: Wie werden Mega-Dropdownmenüs konstruiert?

Ein solches Untermenü speichern Sie als Liste in einem div-Container, den Sie an der gewünschten Stelle im Dokument positionieren. Die Sichtbarkeit steuert das CSS-Attribut visibility, das Sie beispielsweise der Pseudoklasse a:hover zuweisen. Ausführliche Informationen zu diesen einzelnen Themen finden Sie im CSS-Kompendium. Wenn Sie mit Dreamweaver arbeiten, können Sie eine Verzögerung für das Aufklappen mit Spry bzw. JavaScript definieren. Weitere Informationen und Anregungen gibt's im Dreamweaver-Handbuch.

12. Wie kann ich ein Icon einbinden, das in der Adressleiste des Browsers erscheint?

Erstellen Sie ein GIF-Bild in der Größe 16×16 oder 32×32 Pixel. Anschließend ändern Sie das Dateiformat auf ICO. Nun integrieren Sie in den head-Bereich der Webseite folgenden Verweis auf dieses Bild, das so genannten Favicon:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
Weitere Informationen finden Sie beim W3C.

11. Eine Navigationsleiste mit Rollover-Bild erzeugt im Internet Explorer 8 eine Fehlermeldung.
Im Firefox funktioniert das Element problemlos.

Ihr Code ist korrekt. Allerdings haben Sie JavaScript im IE geblockt. Da bestimmt auch andere User JavaScript deaktiviert haben, empfehle ich Ihnen statt eines JavaScript-Rollovers ein Rollover mit CSS. Wie Sie dieses erstellen, ist Schritt für Schritt in meinem aktuellen Buch Jetzt lerne ich Dreamweaver beschrieben.

10. Wie kann ich den Inhalt einer Webseite mit CSS zentrieren?

Sie benötigen einen übergeordneten Container mit fester Breite. Die Ränder (margin) geben Sie mit auto an.
Weitere Details stehen in meinen Büchern zu Dreamweaver CS4 oder im CSS-Kompendium, das seit letzter Woche im Handel zu haben ist.

9. Vergeblich habe ich nach den Attributen der Klasse .twoColHybLtHdr gesucht. Wofür wird diese Regel benötigt?

Eine Dreamweaver-Vorlage enthält standardmäßig eine Klasse, die dem body-Element bzw. der kompletten Seite zugewiesen ist. Im Stylesheet sind dieser jedoch keine Attribute zugewiesen. Vielmehr sind viele Stile mit dieser Klasse kombiniert. Dies ist besonders bei umfangreichen Sites sinnvoll, da solche CSS-Regeln dann gezielt den Elementen auf einer bestimmten Seite zugewiesen werden können. Die Klasse kennzeichnet also die Stile, die in einem bestimmten Dokument (eben das mit der Klasse im body) benötigt werden.

8. Beim Anfrageformular funktioniert die Übermittlung nicht. Können Sie mir einen Tipp geben, an was es noch liegen könnte?

Die Formulardaten werden per E-Mail über das bei Ihnen installierte Mail-Programm versendet. Sie und auch jeder andere User müssen diese Mail dann wie gewohnt abschicken. Häufig liegt die Nachricht jedoch noch lange im Postausgang und der Nutzer wundert sich über die ausstehende Antwort.
Eine professionelle Alternative bietet ein Skript, das die Informationen direkt über den Webserver verschickt. Erkundigen Sie sich bei Ihrem Provider nach einer fertigen Lösung oder erstellen Sie ein eigenes. Im Dreamweaver-Kompendium finden Sie weitere Informationen.

7. Ein Bild vergrößert sich und weitere Infos werden angezeigt, wenn der Benutzer die Maus darüber bewegt. Wie realisiere ich das?
Für den Rollover können Sie entweder JavaScript einsetzen oder mit CSS arbeiten und einen Hover-Selektor definieren. Im aktuellen Kompendium Dreamweaver CS4 finden Sie hierzu weitere Informationen auf S. 265 ff. und 333 ff.). Dabei können Sie weitere Infos auf einer separaten Ebene einblenden. Alternativ definieren Sie eine QuickInfo mit Spry. Wie das geht, steht auf Seite 581.
6. Wie erstell man mit eine Website, bei der bestimmte Elemente (z.B. Logo) immer an der gleichen Stelle platziert sind?
Am besten arbeiten Sie mit CSS und Vorlagen. Solche Templates schützen bestimmte Bereiche vor ungewollter Bearbeitung. In Kapitel 15 des aktuellen Dreamweaver-Kompendiums (Seite 449 ff.) erfahren Sie alles darüber.
5. Der Verweis zu den PDF-Dateien funktioniert nur online. Ich möchte die Dateien jedoch auf CD-ROM an Kunden weitergeben.
Definieren Sie statt stammrelativer Hyperlinks dokumentrelative oder absolute URLs.
4. Dreamweaver: title-Text automatisch in den Hyperlink integrieren
Ziehen Sie ein Dokument aus dem Bedienfeld Dateien in das Codefenster, übernimmt Dreamweaver automatisch dessen title-Text und verknüpft ihn mit diesem Dokument. Der Hyperlink verweist dann automatisch auf die Datei.
3. Wird es ein Buch über Fireworks CS4 geben?
Da alle CS4-Versionen zeitgleich erschienen sind, wird es dieses Mal leider kein Fireworks-Buch geben.
Das Buch über Fireworks CS3 können Sie hier bestellen. Hier gibt es weitere Informationen.
Die Online-Hilfe von Adobe finden Sie hier und hier geht's zu einem Amazon Angebot.
2. Wann wird das neue Buch "Jetzt lerne ich Dreamweaver CS4" im Buchhandel erscheinen?
Das Buch ist seit dem 07.04.2009 zu haben. Sie können es hier bestellen.
1. Ist auf der DVD-Beilage zum Kompendium Dreamweaver CS4 das Programm enthalten?
Auf der DVD finden Sie eine Testversion von Adobe Dreamweaver mit vollem Funktionsumfang. Diese können Sei 30 Tage lang testen. Möchten Sie das Programm danach noch verwenden, müssen Sie eine Lizenz bei Adobe erwerben und Dreamweaver aktivieren.

 


© Dr. Susanne Rupp