2016-12-08 3 views
0

Ich habe ein Problem mit meinem Rand und Bild mit Laptop. Ich möchte eine graue und weiße Grenze an Ort und Stelle haben. Wenn ich die Auflösung reduziere - Grenze nicht auf Position bleiben. Image habe das gleiche Problem.Mittleren Rand und Position des Bildes

Dies ist mein erstes Projekt. Bitte geben Sie mir einen Hinweis zu meinem Code.

https://szymal.github.io/hello-minimal/index.html

+0

Über welches Bild redest du auf der Website? –

+0

Laptop-Bild mit Glas Wasser – KamilloPL

+0

Gibt es einen bestimmten Grund, warum Sie alle Spalten mit% Margen schieben und sie nicht in einem zentrierten Container platzieren? Dann können die 2 Navigationen innerhalb eines links schwebenden Containers sein und das Bild kann nach rechts schweben und es ist nicht notwendig, position: absolute zu verwenden. Mit Ihrem derzeitigen HTML wären nur einige Hacks möglich, die keine gute Lösung sein werden. –

Antwort

0

Ich sehe in Bootstrap würde. Genauer gesagt

.img-responsive -> macht ansprechbar ein Bild (schön auf das übergeordnete Element skaliert)

Sie weitere Informationen finden Sie hier: http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

Sobald Sie in diesem Blick Sie suchen in Zeilen beginnen und Spalten mit Bootstrap auch. Es erleichtert meiner Meinung nach alles.

Was die für die Grenzfrage:

border-top: 1px solid white; 

border-bottom: 1px solid gray; 

Ich hoffe, das hilft!

+0

Ich benutze diese Zeit Semantic HTML5 nicht Bootstrap. – KamilloPL

Verwandte Themen