Die Div-Ausgabe wird vertikal ausgedruckt, obwohl die Ausgabe in den vorherigen Zeilen horizontal erfolgt

Anonymous · Post by **Anonymous** » 19 Dec 2025, 02:54

Ich versuche, eine Webseite für ein Projekt zu erstellen, und ich wollte die Seite etwas erweitern, also habe ich einfach den Inhalt auf die vorhandene Seite kopiert.
Die Dinge im Haupt-Tag wurden genau so implementiert, wie ich es erwartet hatte. Die Divs in meiner Galeriefunktion werden jedoch vertikal angezeigt.
Ich habe versucht:

auf Syntaxfehler zu prüfen
auf falsche Einzugsausrichtung zu prüfen
den CSS-Code zu überprüfen, auf den in den Tags verwiesen wird
Andere Elemente neu ausrichten, um auf Fehler in Bezug auf Breite oder Biegung zu prüfen
grok um Rat fragen

aber konnte nichts daraus machen. Es gibt keinen zusätzlichen Code, auf den von anderen Dateien verwiesen wird, sondern nur Bilder oder Webseiten (die keinen störenden Code enthalten). Ich verwende Notepad++ zum Bearbeiten.
Ich versuche schon seit Stunden, dieses Problem zu beheben.
Hier ist der betreffende Code:

Code: Select all

        *
{
box-sizing: border-box;
margin: 0px;
}

header
{
background-image: url("KBHassets/images/KBH/KBHtexture.png");
padding: 50px;
}
footer
{
display: block;
clear: both;
background-color: #5B7A8C;
padding: 25px;
background-image: url("KBHassets/images/KBH/KBHtexture.png");
}

gallery
{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
background-color: #5B7A8C;
background-image: url("KBHassets/images/KBH/KBHtexture.png");
}
div.gallery-item
{
width: 370px;
margin: 5px;
}
div.gallery-item img
{
width: 100%;
height: 250px;
}
div.gallery-item div.desc
{
text-align: center;
color: white;
}
div.gallery-item:hover
{
background-color: #7593A5;
}
#logo
{
border-radius: 10%;
background-color: white;
padding: 10px;
align: center;
}
main
{
width: 80%;
float: left;
padding: 20px;
}
#mainfont
{
color: white;
text-decoration: none;
background-color: #5B7A8C;
display: block;
float: right;
width: 90%;
}
.mainimg
{
width: 10%;
height: 100px;
float: left;
}
main fieldset
{
border: none;
background-color: #EEEEEE;
}
main fieldset:hover
{
background-color: #C6C6C6;
}
#mainfont-desc
{
float: right;
width: 90%;
}

side
{
width: 20%;
background-color: #EEEEEE;
float: right;
}
#sidefont
{
width: 300px;
color: white;
}
@media screen and (max-width:600px)
{
main, side, div.gallery
{
width:  100%;
}

}

Code: Select all


KBH.com






[img]KBHassets/images/KBH/KBHLogo.png[/img]



Head title

"a quote"







Sıcak Haber



[url=http://localhost/KBHassets/sub-pages/a.html]
[img]KBHassets/images/community/a.png[/img]
[/url]
title_a


[url=http://localhost/KBHassets/sub-pages/b.html]
[img]KBHassets/images/community/b.png[/img]
[/url]
title_b


[url=http://localhost/KBHassets/sub-pages/c.html]
[img]KBHassets/images/community/c.png[/img]
[/url]
title_c


[url=http://localhost/KBHassets/sub-pages/d.html]
[img]KBHassets/images/community/d.png[/img]
[/url]
title_d





[img]KBHassets/images/community/a.png[/img]
[url=http://localhost/KBHassets/sub-pages/a.html]title_a[/url]
[h4]Lorem ipsum[/h4]



[img]KBHassets/images/community/b.png[/img]
[url=http://localhost/KBHassets/sub-pages/b.html]title_b[/url]
[h4]Lorem ipsum[/h4]



[img]KBHassets/images/community/c.png[/img]
[url=http://localhost/KBHassets/sub-pages/c.html]title_c[/url]
[h4]Lorem ipsum[/h4]



[img]KBHassets/images/community/d.png[/img]
[url=http://localhost/KBHassets/sub-pages/d.html]title_d[/url]
[h4]Lorem ipsum[/h4]





[url=http://localhost/KBHassets/sub-pages/a.html]
[img]KBHassets/images/community/a.png[/img]
[/url]
title_a


[url=http://localhost/KBHassets/sub-pages/b.html]
[img]KBHassets/images/community/b.png[/img]
[/url]
title_b


[url=http://localhost/KBHassets/sub-pages/c.html]
[img]KBHassets/images/community/c.png[/img]
[/url]
title_c


[url=http://localhost/KBHassets/sub-pages/d.html]
[img]KBHassets/images/community/d.png[/img]
[/url]
title_d





[img]KBHassets/images/community/a.png[/img]
[url=http://localhost/KBHassets/sub-pages/e.html]title_a[/url]
[h4]Lorem ipsum[/h4]



[img]KBHassets/images/community/b.png[/img]
[url=http://localhost/KBHassets/sub-pages/f.html]title_b[/url]
[h4]Lorem ipsum[/h4]



[img]KBHassets/images/community/c.png[/img]
[url=http://localhost/KBHassets/sub-pages/g.html]title_c[/url]
[h4]Lorem ipsum[/h4]






table_title*

value1


value2


value3


value4


value5




Lorem ipsum.

Die Div-Ausgabe wird vertikal ausgedruckt, obwohl die Ausgabe in den vorherigen Zeilen horizontal erfolgt

Die Div-Ausgabe wird vertikal ausgedruckt, obwohl die Ausgabe in den vorherigen Zeilen horizontal erfolgt ⇐ HTML

Quick Reply