 CSS, ich steh auf'm Schlauch... |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
 12.09.2006 - 7:22
Beitrag
#1
|
|
|
is getting harder Gruppe: User Beiträge: 13 Mitglied seit: 06.09.2006 Mitglieds-Nr.: 6.258  |
Beispiel
Wie schaffe ich es, dass ich genau unter die Thumbnails auch noch Bildunterschriften habe? Wenn ich div-container nehme, stehen die Unterschriften untereinander. Bei float:left steht eine an der linken Seite. Ich steh echt auf'm Schlauch - ich brauch einen Denkanstoß... Ansonsten habe ich die Seite jetzt komplett ohne Tabellen *grins*, und den Scroller sieht man auch wieder  Claudia |
 |
 
|
 |
Antworten
|
14.09.2006 - 12:41
Beitrag
#2
|
|
|
hdb  Gruppe: User Beiträge: 685 Mitglied seit: 26.10.2001 Wohnort: Köln Mitglieds-Nr.: 5 |
HTML <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Auch ich kämpfe für ein tabellenfreies web, was es auch koste!</title> <style type="text/css"> #con { text-align: center; width:340px; margin:auto; } #col1 { float: left; height: 100px; width: 100px; border: 1px solid #000000; margin: 0px 5px; } #lnk1 { float: left; height: 12px; width: 100px; font: 9px Arial, Helvetica, sans-serif; color: #993300; margin: 5px 5px 0px; } </style> </head> <body> <div id="con"> <div id="col1"></div> <div id="col1"></div> <div id="col1"></div> <div id="lnk1">link</div> <div id="lnk1">link</div> <div id="lnk1">link</div> <br clear="all" /> </div> </body> </html> |
|
|
|
|
14.09.2006 - 16:29
Beitrag
#3
|
|
|
is getting harder Gruppe: User Beiträge: 13 Mitglied seit: 23.08.2006 Wohnort: Halstenbek Mitglieds-Nr.: 6.197 |
Ohne besserwisserisch wirken zu wollen, die Lösung funktioniert zwar, aber 2 Anmerkungen:
ZITAT(db @ 14.09.2006 - 13:41)  <div id="col1"></div> <div id="col1"></div> <div id="col1"></div> <div id="lnk1">link</div> <div id="lnk1">link</div> <div id="lnk1">link</div> Die mehrfache Verwendung der gleichen id ist nicht HTML/CSS-konform, auch wenn die meisten Browser das akzeptieren. Der richtige Weg ist hier die Definition von Klassen und die Einbindung mit "class"  ZITAT <br clear="all" /> Nicht gut, da XHTML, nicht HTML, dann muss auch eine entsprechende Definition im Header erfolgen Dieses nur, da ich neben dem Kampf den Tabellen auch den Kampf für "HTML strict" aufgenommen habe. ZITAT(claudettina @ 14.09.2006 - 10:20) Nee, klappt nicht. Ich hab mal einen Screenshot angehängt, wie es jetzt aussieht. Anscheinend greift die class der gallery nur noch beim ersten Bild. Außerdem will ich alle drei nebeneinander zentriert haben und nicht einen ganz links. Deswegen denke ich mal, dass float:left nicht geeignet ist. Claudia Na sorry, versuche es einmal mit der richtigen Schreibweise. Ich hatte in CSS "heigth" geschrieben! Es muss aber "height" heissen.  Gegebenenfalls muss die Definition der class .gallery angepasst werden bzw. die Eigenschaften von "span" neu definiert werden, falls sie zuvor andere Eigenschaften zugewiesen bekommen hat. |
|
|
|
|
15.09.2006 - 12:05
Beitrag
#4
|
|
|
is getting harder Gruppe: User Beiträge: 13 Mitglied seit: 06.09.2006 Mitglieds-Nr.: 6.258 |
ZITAT Na sorry, versuche es einmal mit der richtigen Schreibweise. Ich hatte in CSS "heigth" geschrieben! Es muss aber "height" heissen. Ich hab das schon richtig geschrieben, und nicht einfach nur per copy und paste eingefügt. Ich wollte und will hier aber keine Grundsatzdiskussionen vom Zaun brechen - auch wenn Ihr Euch freut *lol*. Ich bin für mich zu einer Lösung gekommen, und die heißt Tabelle. Ist am einfachsten und sieht (hoffentlich) überall gleich aus. Ist aber noch nicht hochgeladen, weil ich noch im Büro sitze. Claudia |
|
|
|
|
15.09.2006 - 12:18
Beitrag
#5
|
|
|
hdb Gruppe: User Beiträge: 685 Mitglied seit: 26.10.2001 Wohnort: Köln Mitglieds-Nr.: 5 |
ZITAT(claudettina @ 15.09.2006 - 13:05) ... Ich bin für mich zu einer Lösung gekommen, und die heißt Tabelle. Ist am einfachsten und sieht (hoffentlich) überall gleich aus. Ist aber noch nicht hochgeladen, weil ich noch im Büro sitze. Claudia Glückwunsch! :-) Zunächst mal mit einer Tabelle, zwei Zeilen mit je drei Spalten, keine Schnörkel wie Border etc.. Später vielleicht mit CSS "aufhübschen", denn, wer hätte das gedacht? CSS ist auch für Tabellen gemacht. |
|
|
|
Beiträge in diesem Thema
claudettina CSS 12.09.2006 - 7:22
stwie ZITAT(claudettina @ 12.09.2006 - 7:2... 12.09.2006 - 14:00
jomal Tja, eigentlich schon Alles gesagt.
Aber das mit d... 14.09.2006 - 9:35 Auge Hallo
ZITAT(jomal @ 14.09.2006 - 10... 14.09.2006 - 20:02 db ZITAT(Auge @ 14.09.2006 - 21:02) ...... 14.09.2006 - 22:11 jomal [quote name='Auge' date='14.09.2006 - ... 17.09.2006 - 16:02 claudettina Nee, klappt nicht. Ich hab mal einen Screenshot an... 14.09.2006 - 9:20 db ZITAT(stwie @ 14.09.2006 - 17:29) Oh... 14.09.2006 - 17:25 jomal Dieses nur, da ich neben dem Kampf den Tabellen au... 22.09.2006 - 6:51 i.b.g Hallo,
jaaaaaa, endlich mal wieder was los hier... 15.09.2006 - 6:08 db HTML sei keine Programmiersprache, wurde hier tref... 15.09.2006 - 11:23 Conny Moin Dieter,
ZITAT(db @ 15.09.2006 - 10... 16.09.2006 - 9:44 db ZITAT(Conny @ 16.09.2006 - 10:44) ..... 16.09.2006 - 10:17 Conny Hallo Dieter,
ZITAT(db @ 16.09.2006 - 9... 16.09.2006 - 21:39 db Guckst du hier!
Damit man einen erfolgreichen... 17.09.2006 - 11:41 |
7 Besucher lesen dieses Thema (Gäste: 7 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 23.05.2025 - 5:21 |