 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. |
|
|
|
|
14.09.2006 - 17:25
Beitrag
#4
|
|
|
hdb Gruppe: User Beiträge: 685 Mitglied seit: 26.10.2001 Wohnort: Köln Mitglieds-Nr.: 5 |
ZITAT(stwie @ 14.09.2006 - 17:29) Ohne besserwisserisch wirken zu wollen, die Lösung funktioniert zwar, aber 2 Anmerkungen: ... Sorry, als Ketzer kann ich mich hier nur am Rande um Konformisten kümmern. Mach Dir Kopien von lnk1 und img1 und ändere die Zeilen. Dann noch validieren und das entsprechende Logo einbinden. Ganz wichtig! Wenn's dann immer noch funktioniert, tja, dann funktioniert es halt. |
|
|
|
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 claudettina ZITATNa sorry, versuche es einmal mit der richtige... 15.09.2006 - 12:05 db ZITAT(claudettina @ 15.09.2006 - 13... 15.09.2006 - 12:18 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 |
6 Besucher lesen dieses Thema (Gäste: 6 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 23.05.2025 - 4:49 |