Bildergalerie unter Navigation

Artusur

Hi. Ich habe leider keine Ahnung wieso meine Navigation die auf meiner Index Seite einwandfrei funktioniert, zerstört wird und auch die Bildgalerie nicht so aussieht wie sie sollte. Ich bin totaler Anfänger und stehe gerade im Wald. Ich habe einen clearfix:: after nach der Navigation probiert, aber das funktioniert auch nicht. Würde mich freuen wenn mir jemand da weiterhelfen kann. Grüße
Hier zwei Screenshots von der index.html und der bilder.html Ich habe meine htmls sowie meine externe CSS schon über https://validator.w3.org/unicorn laufen lassen und der Zeigt keine Probleme an. An der html kann es nicht liegen. Es muss die CSS sein, nur sehe ich da nichts. Die CSS habe ich als hochgeladen, wenn jemand rein sehen wollen würde? Würde mich freuen wenn mir jemand da weiterhelfen kann. Danke im Voraus!

Sailor

Eine ZIP-Datei wird sich hier sicherlich niemand herunterladen.. und mit deiner Fehlerbeschreibung und den Screenshots kann wohl niemand irgendeine sinnvolle Hilfestellung geben. Poste einen Link zur Seite und alles wird gut :)!

Artusur

Ich mach das Offline. Deswegen die .zip vielleicht die CSS hier einfügen?

Artusur

CSS

*{
margin:0;
padding:0;
font-family: Verdana;
}

.wrapper{
display:flex;
flex-flow:column wrap;
text-align:center;
}

.wrapper > *{
flex:1 100%;
}

.header{
background-color: #27A9E1;
color:white;
height:200px;
text-align: center;
font-size: 72px;
line-height: 200px;
}
.navigation{
list-style: none;
margin:0;
padding:0;
background-color: #BF362E;
border-top:2px solid white;
display:flex;
flex-flow:row wrap;
}
.navigation > a{
text-decoration: none;
display:block;
color:#F7EE6F;
text-align:center;
padding:15px;
background-color: #BF362E;
}
.navigation a:hover{
background-color:#F7EE6F;
color:#BF362E;
}


}
.row{
background-color: #F7EE6F;
display:flex;
flex-wrap:wrap;
padding:0;
}
.col{
padding:0px;
flex:100;
}

.col img{
max-width: 100%;
height:auto;
margin-top:0px;
}
footer{
background-color: #BF362E;
height:200px;
color:#F7EE6F;
text-align: center;
font-size: 40px;
line-height: 200px;
}

@media screen and (min-width:565px)
{
.navigation{
flex-flow:row wrap;
justify-content:space-around;
}
}

@media screen and (min-width:850px)
{
.navigation{
justify-content:flex-end;
}
}

@media (min-width:40em){
.col{
flex:50%;
max-width:50%;
}

@media (min-width:68.75em){
.col{
flex:25%;
max-width:25%;
}
}

Alles anzeigen

Sailor

Das ist zumindest schon mal die halbe Miete... aber ohne den zugehörigen HTML (und ggf JavaScript) Code steht man auch nur davor, wie der Ochs vorm Berg. Man muss da immer Beides haben.

Zum Einfügen von Code nutzt man hier im Forum die Einfügefunktion.. die verbirgt sich hinter dem Symbol </> oben in der Menüleiste des Editors (drittes Symbol von rechts).

Und dein Anliegen hast du auch noch nicht wirklich beschrieben...

Zitat von Artusur

und auch die Bildgalerie nicht so aussieht wie sie sollte

... tja... wie soll sie denn aussehen?

Bildergalerie unter Navigation

Tags

Benutzer online in diesem Thema