Wer sich zum ersten mal mit HTML beschäftigt oder es von grund auf lernen möchte, dem lege ich ans Herz zunächst meinen Beitrag „HTML-Grundgerüst“ durchzulesen, da dieser Beitrag auf diesem auf baut.
Früher war es üblich, seine Webseite mit Hilfe von DIV-Tag und IDs bzw. Klassen aufzuteilen und zu formatieren. So hat man z.B. Tag wie folgende erstellt <div id=“header“></div> in HTML5 wurden nun einige TAGs hinzugefügt, die solche DIV-Tags ersetzten bzw. abkürzen.
Weiterlesen
Im normal Fall, wird die HTML-Element Ebene durch deren Anordnung in der HTML-Datei bestimmt. Das kann man sich am besten Vorstellen, wie Folien die übereinander gelegt werden. Jedes neue Element (im HTML von oben nach unten geschrieben) entspricht einer neuen Folie, die man auf die bisher vorhanden Folien oben drauf legt. Weiterlesen
Da Mobile-Geräte in der Regel einen kleineren Monitor haben als man es Desktop-Computer gewohnt ist, ist es nicht überraschend, dass der Viewport für die Mobilen-Geräte meistens viel zu groß ist und die Website in den kleinen Monitor gequetscht wird. Wenn es kein spezielles Mobile-Template gibt, dann ist dieser Vorgang erstmal okay, wenn man allerdings ein extra Template erstellt hat und der Viewport dennoch zu groß ist, sollte man diesen anpassen. Weiterlesen
Mit Tabellen Website-Layout´s umzusetzen ist zwar längst überholt, aber wenn man denn mal wirklich eine Tabelle braucht,
sollte man zumindest Wissen, wie man eine Tabelle anlegt.
Weiterlesen
Im Normalfall, dehnt sich die Breite einer Liste über die gesamte zu Verfügung stehende Breite des Elternelement bzw. des Containers (z.B. DIV) in dem sie liegt.
Wenn man die Liste innerhalb des Containers zentrieren möchte, dann gibt man Ihr eine feste Breite und zentriert Sie dann mit Hilfe von margin:0 auto; aber was macht man, wenn die Liste keine feste Breite haben darf, da die Breite der Listen punkte sich verändern könnten oder ein neuer Punkt hinzugefügt wird der breiter ist als die voreingestellte Breitenangabe der Liste? Weiterlesen
Es ist keine Seltenheit, dass ein Layout für eine Website besondere Schriften enthält die zwar gut aussehen, aber leider keine Standard Schriften sind, so dass diese auf den meisten Geräten nicht da gestellt werden können. Weiterlesen
Schon einmal Versucht ein Element über die gesamte Höhe des Browsers laufen zu lassen?
Hier eine Lösung ganz ohne Javascript oder jQuery, ganz einfach mit CSS. Weiterlesen
Welcher Template-Entwickler kennt das nicht, in Photoshop hat man eine Box mit Ebenenstile wie z.B. Schlagschatten, Inneren Schatten, Verlauf oder einfach nur mit abgerundete Ecken gestaltet und muss diese Stile jetzt in CSS übertragen, oftmals ist das ein wenig fummelig bis man den Stile so hat, wie er in der Vorlage zu sehen ist. Jetzt gibt es allerdings eine Alternative dazu, die Extension CSS3Ps (http://css3ps.com) übernimmt genau das für einen. Schluss mit dem rumprobieren und kontrollieren, wie genau den der Winkel oder der Abstand war.
