Samstag, 28. Februar 2009

CSS - Probleme mit negativen margin Werten im IE






Negative Margin-Werte, Probleme im IE


Lösung:  position: relative; hinzufügen


Die grauen Ränder sollten aus dem Satzspiegel herausragen, so dass die eigentliche Bildkante bündig am Text ausgerichtet ist. Kein Problem: Einfach den Bildern links einen negativen Margin-Wert von der Stärke des Rands zuweisen, fertig.
img {
border: 6px solid #E5E6E9;
margin-left: -6px;
}

Safari rendert richtig

In Safari sieht das auch ganz prima aus. Leider aber nicht in unserem Lieblingsbrowser, dem Internet Explorer. Dort wird alles, was nach links übersteht, einfach abgeschnitten:

Der IE rendert falsch

Erster Lösungsansatz bei einem solchen Problem: Man muss dem überstehenden Element “Layout” geben. In diesem speziellen Fall ist dies allerdings bereits der Fall, da es sich um ein img Element handelt. Will man zum Beispiel einem div oder einem h1 Element “Layout” geben, ist die einfachste Lösung, eine Breitenangabe (width) für das Element festzulegen. (Weitere Möglichkeiten findet ihr hier). Damit das ganze auch im IE6 funktioniert ist zusätzlich noch die Angabe position:relative nötig. In meinem Fall also:
img {
border: 6px solid #E5E6E9;
margin-left: -6px;
position: relative;
}
Für ein Element, dass nicht von Hause aus “Layout” hat:
#herausragend {
margin-left: -10px;
width: 100px;
position: relative;
}

Samstag, 21. Februar 2009

Google Text & Tabellen - Backup


Google Text & Tabellen - Dokumentenbackup leicht gemacht

Nach:
<http://www.drweb.de/magazin/google-text-tabellen-dokumentenbackup-leicht-gemacht/>


Voraussetzungen schaffen



  1. Firefox-Browser installieren, wenn noch nicht vorhanden.

  2. FF-Add-On GreaseMonkey installieren

  3. Userscript Google Docs:Download in Greasemonkey laden

  4. Download-Manager Add-On DownThemAll installieren

  5. Firefox neu starten


Vollsicherung des Google Docs-Space durchführen


Nachdem Sie die genannten Schritte ausgeführt haben, wechseln Sie zu "Google Text & Tabellen".


gdocs-dokumentuebersicht.png


Dort wird Ihnen am rechten Bildschirmrand ein Link auffallen, der
bislang nicht vorhanden war. Er ist bezeichnet mit "Download Your
Documents".


downloadyourdocuments.png


Zunächst müssen Sie die zu sichernden Dokumente jedoch auswählen.
Hierzu scrollen Sie nach unten, wobei GDocs ein paar Mal nachladen
wird, wenn Sie viele Dokumente abgelegt haben. Sind Sie beim letzen
Dokument angekommen, wählen Sie in der Statusleiste den Link neben dem
Wort "Auswählen" an. Bei mir sieht das so aus:


alle321.png


Sind alle Docs angehakt, klicken Sie auf den bereits genannten Link
"Download Your Documents" und wählen das gewünschte Zielformat aus. Ich
wähle Microsoft Office, weil ich just dabei bin, den
Google-Konkurrenten "Thinkfree" zu testen.


Sobald Sie das Format angewählt haben, präsentiert Ihnen das Script
von Mr. Shafer eine neue HTML-Seite mit Download-Links zu allen
Dokumenten. Diese könnten Sie jetzt einzeln anklicken und so Doc für
Doc auf Ihre Platte ziehen. Hier kommt das Add-On "DownThemAll" zum
Zuge.


gdd-uebersichtsseite.png





Sie klicken nämlich lediglich irgendwo auf der Seite mit der rechten Maustaste und wählen im Kontextmenü "DownThemAll". Im dann aufpoppenden Programmfenster haben Sie die Möglichkeit, den Speicherort festzulegen. Außerdem sollten Sie bei Filter "alle Dateien" anhaken, weil DTA sonst Ihre Texte und Tabellen verschmäht.