Web-Spirit Blog - Webdesign und Webentwicklung
11.11.2007 | Jetzt kommentieren!
Sicherlich sind die Newsteaser (oder auch: Newsflash, Popup-Effekt) von Web.de und gmx.net bekannt. Es werden drei News gefeatured, von denen jeweils eine Nachricht bei einem Mouseover ein größeres Bild bekommt und der Text erweitert wird. Da die genannten Seiten jedoch JavaScript für den Newsteaser verwenden, funktioniert der Effekt nicht mehr, sobald man JavaScript deaktiviert hat. Meine Version dieses Newsteasers funktioniert ohne JavaScript. Der XHTML Code und das CSS sind natürlich valide.
»
Weiterlesen
01.11.2007 | 2 Kommentare
Eine komfortabale Möglichkeit eine Navigation in CSS zu erstellen, ist die Verwendung einer Liste. Diese kann über CSS beliebig gestaltet werden. Da wir Schrift im Klartext verwenden, ist die Navigation optimal suchmaschinenoptimiert (SEO).
»
Weiterlesen
30.10.2007 | 11 Kommentare
Einen "MouseOver-Effekt" kann man ganz leicht ohne Javascript realisieren. In CSS benutzt man einfach die Pseudoklasse "hover". Da aber nicht alle Browser diese Pseudoklasse bei allen Elementen unterstützen, konzentrieren wir uns nur auf das A-Element.
»
Weiterlesen
