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
CSS
Scrollbalken nach rechts
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="proxo, post: 11522, member: 2173"] Servus basti1012, schön, von dir nochmal zu hören! Natürlich habe ich mich bereits einige Stunden mit dem Thema Flexbox beschäftigt (2Tutorials und 1Buch). Die ersten Versuche, meine Seite vorsichtig umzubauen, zeigen, dass ich das bislang bestimmt noch nicht gut verstanden habe. Aber: Learning by doing. Mit einer Stunde wäre schön, aber völlig unrealistisch für mich. Wie die fertige Seite aussieht, s. Anhang oben (Homepage_Foto.png). So soll sie auch mit Flexbox bleiben. Mein CSS steht bereits oben, den HTML mit Inhalt jetzt noch hier. Besten Dank im Voraus für deine Mühe! <!DOCTYPE html> <!-- Final Lang_C --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Start Lang Cosmetics</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <link href="/home/hans/Homepage_final/Home_neu_final-Dateien/stylebox_final_flex.css" rel="stylesheet"> </head> <body> <!-- Kopfbereich --> <article> <header> <h1>Herzlich Willkommen bei LANG Cosmetics<img src="/home/hans/Homepage_final/Home_neu_final-Dateien/Logo Ayer.png" align="right" alt="Logo A" max-width="150" height="50"/> <img src="/home/hans/Homepage_final/Home_neu_final-Dateien/Maria-G-Schriftzug.png" align="right" alt="Logo MG" max-width="200" height="48" /></h1> </header> <header> <h2>Seit 1976 für unsere Kunden zuverlässig am selben Ort.</h2> </header> <!-- Inhaltsbereich --> <main> <div> <ul id="angebot"><h2><b>Wir verwöhnen Sie mit Produkten von Maria Galland und Ayer <br>in entspannter Atmosphäre:</b></h2> <figure id="Fotoweg"; style="float: right; text-align: left; margin: 0 0 0 1rem;"> <img src="/home/hans/Homepage_final/Home_neu_final-Dateien/Netti_4b.png" alt="Foto" max-width="100%" height="auto"> </figure> <br><li>Maria Galland Beauty Treatments</li> <li>Gesichtspflege mit Ayer</li> <li>Maniküre</li> <li>Medizinische Fußpflege</li> <li>Fußreflexzonenmassage (System: Hanne Marquardt)</li> <li>Pediküre, auch mit Lack</li> <li>Enthaarung / Wachs</li> <li>Brauenfärben</li> <li>Wimpernfärben</li></ul></div> <div> <p><ul id="offnungszeiten"> <b>Unsere Geschäftszeiten: </b><br> Mo, Di, Do, Fr: 9 – 18 Uhr <br> Mi: 9 – 12 Uhr <br> <br>Und nach Vereinbarung. <br> <br> <b>Behandlungen nur <br>nach telefonischer Vereinbarung</b> <br> <b>Tel.: 089-932299</b><br> <br>LANG Cosmetics<br> 81927 München, Ostpreussenstr. 35<br> </ul></p></div> <div> <p id="Online-Kauf"><b>Falls Sie gerade verhindert sind persönlich bei uns Ihre gewohnten Produkte einzukaufen, können Sie das hier auch bequem direkt Online machen:</b><br> <b>Maria Galland:</b> <a href="[URL]http://www.mariagalland.com/de_DE/home?INSTid=6021035[/URL]" id="BG_1596540997012_32169" target="_blank">Maria Galland Online Shop</a>       <b>Ayer:</b> <a href="[URL]https://ayer-cosmetics.com/de/?sPartner=anette-lang[/URL]" target="_blank">Ayer Online Shop</a></p></div> </main></article> <!-- Fußbereich --> <footer> <p id="footer"> <a href="file:/home/hans/Homepage_final/Home_neu_final-Dateien/Impressum_Datenschutz_neu.html" target="_blank">Impressum und Datenschutz</a> </footer> </body></html> [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
Scrollbalken nach rechts
Oben
Unten
