Share
Ich bin immer noch erstaunt darüber, wie gut das Collis-Tutorial "Build a Sleek Portfolio Site From Scratch" weiterentwickelt. Es sind schon Monate vergangen, trotzdem gibt es jede Woche starke Zahlen. Angesichts dieser Tatsache habe ich beschlossen, einen Screencast zu erstellen, der genau zeigt, wie man eine PSD in perfektes XHTML / CSS konvertiert.
Ich werde dich nicht anlügen. Dieses Video ist etwas langweilig. Es macht einfach keinen Spaß zu sehen, wie jemand 30 Minuten lang Margenwerte eingibt. :) Aber es ist wichtig.
Könnten wir uns wirklich Webentwickler nennen, wenn wir nicht mit IE6 kämpfen müssten? Und ist es ein Zufall, dass "6" auch die mit dem Teufel verbundene Zahl ist? Wer weiß.
Meistens sieht die Site in IE6 gut aus, aber wir sollten ein paar Macken ändern. Erstellen Sie ein neues Stylesheet und nennen Sie es "ie6.css". Legen Sie es in Ihren CSS-Ordner. Fügen Sie dann Folgendes ein.
#container #mainContent # tier2 margin-bottom: 273px! important; # tier3 #news position: relative; links: .56em; #header height: 158px; #header #login top: 1em; rechts: 1.5em;
Es gibt nichts, worüber wir wirklich gehen müssen. Meistens stelle ich die Positionierung einiger Elemente ein.
Der letzte Schritt besteht darin, auf unser neues Stylesheet im Head-Tag unseres Dokuments zu verweisen.
Ich hoffe das hat dir geholfen. Jeder hat seine eigene Art, Dinge zu tun; Ich würde also gerne Ihre Gedanken hören. Dieses Tutorial war ein großes Unterfangen. Ich würde mich über einen Digg freuen, wenn er es für nützlich hielt.
Accentsconagua