Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 29.12.2022, 10:03
cloned cloned ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Zitat:
Des weiteren soll es responsive sein
Dann solltest du, bevor du dir CSS aneignest, dich mit den Grundsätzen von HTML befassen. Stellst du tabellarische Daten dar? Wenn die Antwort nein lautet (und das sollte sie bei einer Bildergalerie) schmeiße alles, was du an table-elementen in der Seite hast, raus. Auch ist <center> -tag deprecated, aussehen der Seite wird heutzutage mit CSS definiert. Auch align="center" wird heute nicht mehr verwendet, das muss auch gelöscht werden:

Dann bleibt folgendes übrig:
Code:
<a href='#zurück'><IMG SRC="/imagesfree/left.png" border=0 alt='zurück' Title='zurück'></A><A HREF='hauptbild'><IMG ALT='hauptbild' title='hauptbild' SRC='/images/action1.jpg' border=1></A>
<a href='#vor'><IMG SRC="/imagesfree/right.png" border=0 alt='vor' Title='vor'></A><HR>

<H3>Bilder auswahl</h3>
<A HREF='#bild2'><IMG SRC="/images/action2.jpg"  border=1 alt="pic2" title="pic2" ></A>
<A HREF='#bild3'><IMG SRC="/images/action3.jpg"  border=1 alt="pic3"   title="pic3" ></A>

<A HREF='#bild4'><IMG SRC="/images/action4.jpg"  border=1 alt="pic4" title="pic4"></A>
<A HREF='#bild5'><IMG SRC="/images/action5.jpg"  border=1 alt="pic5" title="pic5"></A>
Damit hast du dein Grundgerüst für ein valides HTML.
Du kannst deinen hover-effekt nicht mit CSS umsetzen, dafür braucht es in deinem Fall Javascript. Du definierst einen event-handler für hover und tauscht dann das Bild im Main-Bereich aus.

Falls du dich jetzt beschwerst dass deine Seite nicht mehr ganz so aussieht wie mit deinen Tables: Willkommen bei den Grundlagen zu CSS, das ist der perfekte Ausgangspunkt um es zu lernen.
Nimm divs um die Elemente zu gruppieren und style diese dann mit CSS damit es so aussieht wie gewünscht.

Das "es soll responsive sein" kannst du beim ersten lernen ja auslassen. Da es dafür dann wohl wieder auf ähnliches hinaus laufen wird: 90% des Codes löschen und das CSS neu schreiben damit es für responsive passt.
Mit Zitat antworten
Sponsored Links