 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. |
|
|
|
|
22.09.2006 - 6:51
Beitrag
#4
|
|
|
unser täglich Posting gib uns heute Gruppe: User Beiträge: 230 Mitglied seit: 28.01.2006 Wohnort: Braunschweig Mitglieds-Nr.: 5.804 |
Dieses nur, da ich neben dem Kampf den Tabellen auch den Kampf für "HTML strict" aufgenommen habe.
Hallo, stwie, wieso eigentlich Kampf gegen die Tabellen? Ich komme damit gut zurecht. Naja, was man einmal richtig kann, das schmeißt man kaum über Bord. Aber eine Überlegung ist es schon Wert. Ich habe früher auch kein CSS benutzt und es nun schätzen gelernt. Vielleicht bin ich da ein wenig träge. Allerdings sehe ich es so, dass eine Seite gut aussehen soll, und wie ich das erreiche, das spielt für mich kaum eine Rolle. Ich weiß, dass ich nicht immer den besten Stil beim programmieren habe (Hochsprache allerdings), aber wichtig ist doch, dass der User etwas Brauchbares findet, egal, ob da manchmal Spagetti-Code hintersteckt. Obwohl, meine alten Programme habe ich dann doch immer optimiert, aber der User merkt davon eigentlich nichts, lediglich die Wartung ist leichter. Apropos Wartung: viel wichtiger ist für mich das gute Kommentieren, zu dumm, dass das bei HTML-Code auch immer mit längeren Ladezeiten verbunden ist. Naja, bei meinem DSL2000 macht das nichts, aber es gibt ja auch noch Leute, die mit Modem arbeiten. Da in Phase5 keine Möglichkeut besteht, auch eine Version ohne Kommentare zu speichern, werde ich demnächst ein Programm schreiben, welches das für mich erledigt. Angeregt wurde ich von einem uralten Basic-Programm namens REMLINE. Ja, in Zeiten der alten DOS-Rechner war das nicht verkehrt, das Laden von Diskette wurde so schneller. Nun ja, ich werde erstmal bei den Tabellen bleiben, aber wenn Du ein vernünftiges Argument hast, überdenke ich diese Entscheidung natürlich. Gruß jomal
|
|
|
|
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 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 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 |
4 Besucher lesen dieses Thema (Gäste: 4 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 23.05.2025 - 5:05 |