archive-de.com » DE » B » BABYDO.DE

Total: 436

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • BabyDo - CSS Template BABYDO 09
    Kristof Lego R Modelle Bildergallerie Download Diplomarbeit Aquarium Literatur CSS Links Sitemap CSS Template BABYDO 09 Details Zuletzt aktualisiert 10 März 2015 Dieses Template besteht aus einem main Bereich von 800px Die Zentrierung erfolgt über automatische Ränder Der Contentbereich content aussen ist 480px breit Darüber befindet sich noch das topmenue Als Doctype verwende ich xhtml strict main margin 0 padding 0 margin 0px auto text align left width 800px Das Mainmenue und der Contentbereich werden mittels float angeordnet Der Contentbereich umfliesst das Mainmenue float right Die Überschriften des Mainmenues werden formatiert mittels mainmenue p headermenue text align right margin 0 padding 0 padding top 5px padding right 20px height 25px font size 16px color FFFFFF background transparent url images bg mainmenue jpg center right no repeat In dem Hintergrundbild sind Rundung und Verlauf enthalten Eine Besonderheit sind die Rundungen im oberen Bereich des Contents Diese verwenden moz border radius und sind somit nur für den Mozilla Firefox Sollte CSS3 mal bei den meissten Browsern implementiert sein kann man das problemlos ersetzen content top margin 0 padding 0 margin top 5px text align left width 480px height 400px background transparent url images bg content top jpg center center no repeat border

    Original URL path: http://www.babydo.de/css/44-css-templates/1045-css-template-babydo-09.html (2016-05-02)
    Open archived version from archive


  • BabyDo - CSS - was ist das?
    Handy zu ändern Das ist nützlich um zum Beispiel Weblinks beim Drucken extra aufzuführen und nicht wie oft bei HTML Seiten zu verbergen Oder um für ein Anzeigemedium wie ein Handy mit geringerer Auflösung die Anzeige zu optimieren geringe Seitenbreite und höhe Quellen Lubkowitz Webseiten programmieren und gestalten 2 Aufl Galileo Computing bei Amazon bestellen Shafer und Yank Cascading Stylesheets 1 Aufl dpunkt verlag bei Amazon bestellen Ulli Neutzling Typo und Layout im Web Rowohlt Tb bei Amazon bestellen Spezifizierung CSS wird vom W3C spezifiziert die CSS1 Spezifikation 1996 ist in aktuellen Browsern mittlerweile nahezu vollständig umgesetzt Von CSS2 1998 sind einige Elemente bereits weit verbreitet wie zum Beispiel position absolute aber einige Fehler und Lücken in den Implementierungen machen die praktische Anwendung schwerer als nötig Die Fähigkeiten von CSS sind vielfältig Neben diversen weit über HTML 4 hinausgehenden Fähigkeiten im Farb und Schriftbereich die sich allerdings noch nicht mit spezialisierten Textsatzsprachen wie TeX messen können bietet es etwa die Möglichkeit alle Elemente frei zu positionieren Hintergrundbilder und Vorlesestimmen festzulegen sowie noch einiges mehr Das derzeit in Diskussion befindliche CSS3 wird im Gegensatz zu den Vorgängern modular aufgebaut sein d h einzelne Substandards beispielsweise zur Audiowiedergabe haben ihren eigenen Entwicklungsrhythmus und Versionsschritte In das Erstellen dieser Seiten habe ich mehrere Wochen inverstiert wobei der Inhalt schon vorlag Für Hinweise und Verbesserungsvorschläge bin ich sehr dankbar Geschichte Das Konzept der Cascading Style Sheets CSS wurde 1994 durch Håkon Wium Lie vorgeschlagen Bert Bos arbeitete zu dieser Zeit an der Implementation eines Browsers namens Argo der seine eigene Style Sheet Sprache benutzte Die beiden entschieden sich zusammenzuarbeiten und CSS zu entwickeln Es gab zu dieser Zeit auch andere Sprachen mit dem gleichen Ziel CSS brachte aber als erstes die Idee auf Regeln zu definieren die über mehrere Stylesheets hinweg vererbt werden konnten

    Original URL path: http://www.babydo.de/css/45-css-techniken/1055-css-was-ist-das.html (2016-05-02)
    Open archived version from archive

  • BabyDo - Flash of unstyled content
    Neueste Nachrichten Der Tod greift nicht daneben Donnerwetter Grimmbart Nacht über Reykjavik Home Kristof Lego R Modelle Bildergallerie Download Diplomarbeit Aquarium Literatur CSS Links Sitemap Flash of unstyled content Details Zuletzt aktualisiert 10 März 2015 CSS Unterstützung Nicht immer halten die Browser das was versprochen wird Immer wieder gibt es Probleme in der Darstellung zwischen den einzelnen Browsern welche es dem Webdesigner schwer machen sein Projekt umzusetzen Hier auf diesen Seiten habe ich einige häufige Probleme gesammelt Natürlich biete ich auch Lösungen an Konzentriert habe ich mich dabei nicht auf sog Hacks sondern eher auf eine Umgehung bzw schöne Lösung des aufgetretenen Problems Flash of Unstyled Content Stylingfehler im IE WIN nach dem Laden der Seite sieht man ganz kurz den Inhalt ohne Styles aufblitzen ein Redraw der Rendering Engine stellt dann die Seite mit den gesetzten Stylesheets dar Nutzt man die import Regel zum Laden eines Stylesheets kommt es beim Aufruf der Seite kurzzeitig zu einer Darstellung des Seiteninhaltes ohne Formatierung Bei schnellen Internetanbindungen oder sollte sich diese Seite bereits im Cache des Browsers befinden ist dieser Effekt kaum wahrnehmbar Es sind mir derzeit zwei Möglichkeiten bekannt dieses zu umgehen 1 Möglichkeit Platzierung eines LINK Elementes in den HEAD

    Original URL path: http://www.babydo.de/css/45-css-techniken/1054-flash-of-unstyled-content.html (2016-05-02)
    Open archived version from archive

  • BabyDo - Box horizontal zentrieren
    nicht daneben Donnerwetter Grimmbart Nacht über Reykjavik Home Kristof Lego R Modelle Bildergallerie Download Diplomarbeit Aquarium Literatur CSS Links Sitemap Box horizontal zentrieren Details Zuletzt aktualisiert 10 März 2015 Container oder Box zentrieren Um eine Box mittig zum übergeordneten Objekt auszurichten sind mir zwei unterschiedliche CSS Formatierungsmöglichkeiten bekannt Eine Möglichkeit besteht darin die Rechten und Linken Rand auf AUTO zu setzen Das funktioniert recht gut in den meisten Browsern mit CSS2 Unterstützung Zwingend erforderlich ist die Angabe eines Wertes für die Breite width inhalt width 720px margin 0px auto Problematisch ist der IE5 WIN Hier muss man Hilfe in einem Workaround suchen Die Eigenschaft TEXT ALIGN center vererbt sich zu den enthaltenen BOX Elementen body margin 0px padding 0px text align center Weitere Infos http bluerobot com web css center1 html Eine zweite Möglichkeit besteht in der Verwendung von negativen Rändern Hierbei handelt es sich um eine Verbindung aus fester Positionierung und einem negativen z B margin left Randwert Es wird ein Container erstellt Die Positionierung erfolgt ABSOLUTE Ein Abstand zum linken Rand LEFT wird angegeben mit dem Wert 50 Abschließend wird der linke Rand margin left auf die Hälfte der Breite des zu zentrierenden Elements gesetzt container position absolute

    Original URL path: http://www.babydo.de/css/45-css-techniken/1053-box-horizontal-zentrieren.html (2016-05-02)
    Open archived version from archive

  • BabyDo - Der Peek-a-boo Bug
    Sitemap Der Peek a boo Bug Details Zuletzt aktualisiert 10 März 2015 Der Peek a boo Bug Entsteht bei einem variablen Container in der Breite mit einer Box darin bei der z B float left gesetzt ist Der die innere Box umfliessende Content ist einfach nicht sichtbar Du kannst die Seite sooft reloaden wie du willst Ein scrollen wenn möglich der Seite lässt den Text hervortreten Hier mal kurz die Syntax in Kurzform aussenContainer background FF0000 border 1px dotted 000000 margin 1em 15 1em 13 font size 1em innenContainer float left border 1px solid 00FF00 padding 10px width 130px height 130px font size 1 5em text align center clear clear both border 1px dashed 0000FF text align center div id aussenContainer div id innenContainer div div id clear div div div Dieser Effekt tritt in sehr verschiedenen Zusammenhängen auf so dass es mitunter schwer ist diesen Bug zu erkennen Erste Möglichkeit dies zu beheben wäre den ClearStyle von der inneren Box zu entfernen Die Innere Box mit einem Background zu belegen hilft auch ist aber nicht so toll Zweite Möglichkeit dies zu beheben wäre dem aussenContainer eine feste Breite und Höhe zu geben Dritte Möglichkeit dies zu beheben wäre dem

    Original URL path: http://www.babydo.de/css/45-css-techniken/1052-der-peek-a-boo-bug.html (2016-05-02)
    Open archived version from archive

  • BabyDo - CSS Hacks
    Modelle Bildergallerie Download Diplomarbeit Aquarium Literatur CSS Links Sitemap CSS Hacks Details Zuletzt aktualisiert 10 März 2015 CSS Hacks IE7 Zoom Funktion Im IE7 können sie ausser der Schriftgröße auch die ganze Seite zoomen inklusive Grafiken und anderer Elemente Wenn Links im Text mit einem HOVER Effekt versehen werden und diesen eine Hintergrundfarbe zugewiesen wird kann es passieren dass diese Hintergrundfarbe beim zoomen nicht mehr über den Links positioniert ist

    Original URL path: http://www.babydo.de/css/45-css-techniken/1051-css-hacks.html (2016-05-02)
    Open archived version from archive

  • BabyDo - Attributselektoren
    Literatur CSS Links Sitemap Attributselektoren Details Zuletzt aktualisiert 10 März 2015 Attributselektoren Eine Besonderheit an diesem Template sind die Attributselektoren aus der CSS 3 Spezifikation Diese ist zwar noch nicht Standard jedoch werden diese von Firefox SeaMonkey Safari und IE7 unterstützt Insofern ist das Risiko dass diese Spezifikationen in die endgültige Version von CSS 3 übernommen werden relativ gering a href http padding right 10px background url images externallinks gif

    Original URL path: http://www.babydo.de/css/45-css-techniken/1050-attributselektoren.html (2016-05-02)
    Open archived version from archive

  • BabyDo - Bildersetzung
    gesetzt p span zu ersetzender Text span p Dem p Bereich wird nun das Hintergrundbild zugewiesen p background url image gif no repeat Der Inhalt des SPAN Bereiches wird ausgeblendet span display none Probleme gibt es mit einigen nicht allen Bildschirmlesegeräten die den Text ignorieren FIR funktioniert unter Internet Explorer 5 Opera 5 Netscape 6 und Safari mospagebreak title Dwyer Methode Dwyer Methode Die Dwyer Methode ist eine Abwandlung des FIR Der zu ersetzende Text wird in einen eigenen SPAN Bereich gesetzt p span zu ersetzender Text span p Dem p Bereich wird nun das Hintergrundbild zugewiesen p background url image gif no repeat Der Inhalt des SPAN Bereiches wird ausgeblendet span display block height 0 width 0 overflow hidden Probleme gibt es mit einigen nicht allen Bildschirmlesegeräten die den Text ignorieren Diese Methode funktioniert mit allen Browsern mospagebreak title Bildersetzung nach Phark Bildersetzung nach Phark Diese Methode ist geeignet für Bildschirmlesegeräte und es wird KEIN nicht semantisches SPAN Element benötigt p zu ersetzender Text p Dem p Bereich wird nun das Hintergrungbild zugewiesen p background url image gif no repeat text indent 4000px Der Text wird mittels eines sehr großen negativen Texteinzuges aus dem Sichtbereich entfernt Diese Methode löst das Problem mit Bildschirmlesegeräten Schwierigkeiten gibt es mit deaktivierter Bildanzeige und aktivem CSS Aus diesem Grund sollte diese Methode nicht für sehr wichtige Elemente einer Website eingesetzt werden mospagebreak title Methode nach Gilder Levin Methode nach Gilder Levin Diese Methode ist geeignet für Bildersetzungsgeräte und sie lößt auch das Problem bei deaktivierter Bildanzeige und aktivem CSS Benötigt wird ein leerer SPAN Bereich Die Grafik wird über den Text gelegt und wird sichtbar wenn die Bildanzeige abgeschaltet ist p span span zu ersetzender Text p p width 100px height 30px position relative Der p Bereich wird nun relativ positioniert span width

    Original URL path: http://www.babydo.de/css/45-css-techniken/1049-bildersetzung.html (2016-05-02)
    Open archived version from archive