2017-06-04 9 views
0

Ich habe einen Entwurf in PSD-Datei wie folgt aus: Original-Design psdDesign-Sidebar mit Grenze

und jetzt, ich versuche, diesen Entwurf auf psd-Datei konvertieren Datei in HTML. Das ist mein Ergebnis und es ist nicht wie Design: convert

+3

Bitte setzen Sie Ihre HTML und CSS, um zu wissen, was Sie tun? – AdhershMNair

+0

Hallo! Willkommen bei SO! Bitte legen Sie Ihren Code (was haben Sie versucht?) Und Ihr Problem zu lösen, damit wir verstehen, was genau Sie versuchen zu tun. –

+0

inspizieren Sie Ihr Element mit F12 können Sie sich ein Bild machen. – Samyappa

Antwort

0

Machen Sie den li und ein Element 100% Breite, Anzeigeblock in HTML. geben Sie die a-Füllung von 30px links oder so, und geben Sie dann eine linke Grenze von 3px solid transparent. Ändern Sie bei Hover die Rahmenfarbe in Gelb.

0

Ein bisschen schwer zu sagen, ohne den Code zu sehen, aber höchstwahrscheinlich sollten Sie padding-left anstelle von margin-left auf diesen Listenelementen verwenden, um den Abstand vom linken Rand des Elternelements zu erstellen.