Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
a href Atribut verhaut meinen Grid
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="dilly87, post: 13429, member: 4583"] also der CSS ist komplett. Die Columns und Rows werden dann in der HTML definiert z.B. (w-1, h-4) unten nochmal der gesamte html. [CODE]<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Johannes Dillmann</title> <link rel="stylesheet" href="general_settings.css"> <link rel="stylesheet" href="header.css"> <link rel="stylesheet" href="image-grid.css"> <link rel="stylesheet" href="Lauchhammer.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Martian+Mono:wght@100;200;300;400;500;600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap" crossorigin> </head> <body> <header> <div class="header_text"> <nav> <input type="checkbox" id="toggle_button"> <label for="toggle_button"> <span class="material-symbols-outlined">lunch_dining </span> </label> <ul> <li><a href="index.html">Johannes Dillmann</a></li> <li><a href="about.html"> about</a></li> <li><a href="mailto:johannesdillmann87@gmail.com">contact</a></li> </ul> </div> </header> </body> <div class="container"> <div class="gallery-container w-1 h-4"> <div class="gallery-item"> <div class="image"><img src="Images/Alloheim.jpg" alt="Lauchhammer"></div> <div class="text">Begegnung<br><div class="text2"> <br>FOTOGRAFIE</div></div> </div> </div> <div class="gallery-container w-1 h-2"> <div class="gallery-item"> <div class="image"><a href="Lauchhammer.html"><img src="Images/LauchhammerBuch.jpg" alt="Lauchhammer"></a></div> <div class="text">Lauchhammer <br><div class="text2"> <br> CORPORATE DESIGN</div></div> </div> </div> <div class="gallery-container w-1 h-2"> <div class="gallery-item"> <div class="image"><img src="Images/Babbsatt.jpg" alt="Lauchhammer"></div> <div class="text">Babbsatt<br> <div class="text2"> <br>CORPORATE DESIGN</div></div> </div> </div> <div class="gallery-container w-1 h-4"> <div class="gallery-item"> <div class="image"><img src="Images/Habitat.jpg" alt="Lauchhammer"></div> <div class="text">Habitat<br> <div class="text2"> <br>FOTOGRAFIE</div></div> </div> </div> <div class="gallery-container w-1 h-2"> <div class="gallery-item"> <div class="image"><img src="Images/Offside.jpg" alt="Lauchhammer"></div> <div class="text">Offside <br> <div class="text2"> <br> CORPORATE DESIGN</div></div> </div> </div> <div class="gallery-containe w-1 h-2"> <div class="gallery-item"> <div class="image"><img src="Images/ili.jpg" alt="Lauchhammer"></div> <div class="text">Lauchhammer<br> <div class="text2"> <br>CORPORATE DESIGN</div></div> </div> </div> <div class="gallery-containe w-1 h-3"> <div class="gallery-item"> <div class="image"><img src="Images/NCRC.jpg" alt="Lauchhammer"></div> <div class="text">Charité <br> <div class="text2"> <br>DRUCK</div></div> </div> </div> <div class="gallery-containe w-2 h-3"> <div class="gallery-item"> <div class="image"><img src="Images/MyaLink.jpg" alt="Lauchhammer"></div> <div class="text">Mya LInk / Charitè<br> <div class="text2"> <br>DRUCK</div></div> </div> </div> <div class="gallery-containe w-1 h-3"> <div class="gallery-item"> <div class="image"><img src="Images/FujiStreet.jpg" alt="Lauchhammer"></div> <div class="text">Street <br> <div class="text2"> <br>FOTOGRAFIE</div></div> </div> </div> </div> </body> </html> [/CODE] thanks! [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
a href Atribut verhaut meinen Grid
Oben
Unten
