#1

Kissling

Eroberer  (94 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.vision4d.de

Wie baut man am besten ein dynamisches Banner in ein bestehendes Pro-Design ein?

Hallo,

Wie baut man am besten ein dynamisches Banner in ein bestehendes Pro-Design ein?

Ich habe mal ein kleines Mockup am Beispiel von "New York City (responsiv)" gebastelt.

Meine Idee wäre bei den Eigenschaften von home unter HTML im Absatz "Am Anfang des <body>-Bereichs" etwas in der folgenden Art einzutragen:

<style>
 .sqrtopbanner {
 display: block;
 width: 100%;
 height: auto;
 max-width: 1600px;
 margin-left: auto;
 margin-right: auto;
 }

 @media screen and (min-width: 1200px) {
 .sqrtopbanner {
 }
 }

 @media screen and (max-width: 1199px) {
 .sqrtopbanner {
 }
 }

 @media screen and (min-width: 1024px) {
 .sqrtopbanner {
 }
 }

 @media screen and (max-width: 1023px) {
 .sqrtopbanner {
 }
 }
</style>

<div class="sqrtopbanner">
 <img src="./images/pictures/layoutpictures/nyc/th029w.jpg?w=1600">
</div>

aber was trage ich in den einzelnen @media screen Bereichen am besten ein, um das ganze jetzt responsive zu machen?

Könnte mir da jemand mit mehr Erfahrung in diesem Bereich unter die Arme greifen?

 

Ach ja, unter Website-Eigenschaften könnte man auch noch entsprechenden HTML Code einfügen.

Was ist besser, "Website-Eigenschaften" oder "home"?

Und wo ist der Unterschied?

 

Gruß,

Ronald

 


171 Aufrufe | 1 Beiträge