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

Anonymous · Post by **Anonymous** » 18 Dec 2025, 23:07

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 und eingefügt.
Die Dinge im Haupt-Tag wurden genau so implementiert, wie ich es erwartet hatte. Allerdings werden die Divs in meiner Galeriefunktion vertikal angezeigt.
Ich habe versucht:

auf Syntaxfehler prüfen
auf falsche Einzugsausrichtung prüfen
den CSS-Code prü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 habe jetzt schon seit Stunden versucht, dieses Problem zu beheben.~~
Hier ist der betreffende Code

Code: Select all

KBH.com





*
{
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%;
}

}






[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