|
|||
Bin Anfänger: Frage zu fließendem Text um Bild
Hallo Zusammen,
ich habe mich in den letzten Wochen privat mit (X)HTML und CSS auseinandergesetzt, weil ich einfach mal etwas neues lernen möchte. Ich habe zwar beruflich mit IT zu tun. Aber in einem völlig anderen Bereich und möchte einfach meinen Horizont ein wenig erweitern. Ich würde mich natürlich immer noch als totalen Anfänger bezeichnen, der aber so allmählich anfängt, das ein oder andere zu verstehen. Ich habe einmal verschiedene Fragen und hoffe, dass das keine Fragen sind, die ich auch ganz leicht hätte beantwortet finden können o. ä. Falls doch, bitte ich dies zu entschuldigen. Da ich natürlich keinen offiziellen Auftrag habe, eine Internetseite zu erstellen, teste ich gerade selbst ein wenig rum und habe einfach mal versucht, eine "Spiel"-Seite zu erstellen. Hierzu die erste Frage: Ich lasse mir zu Beginn über CSS immer Rahmen meiner Container anzeigen, um sehen zu können, wie die einzelnen Dinge ineinanderspielen. Ist dies eine Vorgehensweise die in Ordnung ist ? Ich habe eine Seite erstellt, die oben eine Art Kopfleiste enthält, darunter ein auf der linken Seite einen Container, der mit Float: left schwebt und rechts daneben befindet sich der eigentliche Inhaltsbereich. Nun habe ich zu Beginn in diesem Inhaltsbereich ein Bild eingefügt. Den Text im Inhaltsbereich wollte ich um das Bild fließen lassen. Ich habe daraufhin dem Bild eine Klasse zugewiesen und der Klasse im CSS gesagt, dass sie ebenfalls links floaten soll. Ist das so in Ordnung ? Optisch sieht das nämlich richtig aus. ... die letzte Frage ist folgende: Der oben beschriebene Inhaltsbereich passt sich von der Größe ja dem Text an, der dort eingetragen ist. Ich glaube, dass dies auch so richtig ist. Lösche ich jedoch den gesamten Text (was eigentlich ja nicht vorkommen sollte und behalte lediglich das Bild, dann ragt das Bild über den Inhaltsbereich heraus. ich vermute, weil es floatet. Ist das normal oder kann man da was gegen machen? Setze ich nämlich auf den Inhaltsbereich ein Clear, dann wird der gesamte Container erst unter dem schwebenden Menü angeordnet. Dies ist nun gar nicht mehr korrekt. Ich hoffe, ich "nerve" Euch nicht zu sehr und würde mich freuen, wenn ihr mich bei der ein oder anderen Frage unterstützen könntet. Vielen Dank und viele Grüße Felge |
Sponsored Links |
|
|||
Zitat:
Zum Rest: Man kann über CSS-Probleme nicht nur anhand von Beschreibungen reden. Bitte lies und beachte die Hinweise für Fragende. Poste immer einen Link zum Problem. Wenn du bisher nichts online hast: Such dir einen Freehoster.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Horizontales Menü...
Zunächst einmal möchte ich die Gelegenheit nutzen, mich bei Dir, Fricca für Deine Rückmeldung zu bedanken. Ich bin absolut noch in der totalen Lernphase und "leider" habe ich eigentlich gar keinen richtigen Grund bzw. Aufgabe, das Erstellen von Webseiten mit (X)HTML und CSS zu erlernen. Aber es scheint einfach unfassbar viel Spaß zu machen. Und vielleicht fällt mir ja das ein oder andere ein, wenn man mal gut genug ist. Eine neue Frage von mir wäre - ich beschäftige mich gerade damit, eine Liste als Menü Horizontal einzurichten -, ob ich einmal einen CSS-Code posten darf und Euch dazu befragen darf, ob dies eine durchaus gängige Methode wäre, um sowas umzusetzen? Falls ja, wäre ich total happy, denn es wäre ungeklaut einfach ein Code von mir:
Hier ist er: Code:
*{ margin: 0px; padding: 0px; } #page { margin: auto; width: 1000px; border: solid 1px black; } #menuecontainer { text-align: Center; } #menue ul { margin: auto; list-style-type: none; border: solid 1px blue; padding-top: 0px; padding-bottom: 0px; margin-top: 20px; } #menue ul li { display: inline; border: solid purple 1px; } #menue ul li a { padding: 0px 20px 0px 20px; border: solid 1px black; text-decoration: none; color: black; font-family: Verdana; } Felge |
|
||||
Über Menüs findest Du sehr viel in den FAQ.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Hallo heiko_rs,
okay. Vielen Dank. Gucke ich nach. Wäre es dennoch denkbar, dass Du oder irgendjemand es kurz "überfliegt" und einfach nur kurz "Mist" oder "Okay" zurückschreibt, weil ich es eben mal nicht einfach nur irgendwo abschreiben wollte. Grüße. |
|
|||
CSS ohne HTML ist nutzlos.
Bitte lies nochmal genau, was ich oben geschrieben habe. Davon abgesehen: Zum erlernen von HTML und CSS eignet sich Little Boxes. Dort erfährst du auch, welche Techniken man wofür einsetzen kann.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Okay... Entschuldigung.
Also hier ist der entsprechende HTML-Code dazu: HTML-Code:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="testseite4.css" /> <title>Beschreibung der Seite</title> </head> <body> <div id="page"> <div id="menuecontainer"> <div id="menue"> <ul> <li><a href="#" title="Menü 1">Menü 1</a></li> <li><a href="#" title="Menü 2">Menü 2</a></li> <li><a href="#" title="Menü 3">Menü 3</a></li> <li><a href="#" title="Menü 4">Menü 4</a></li> <li><a href="#" title="Menü 5">Menü 5</a></li> </ul> </div> </div> <h1 class="ueberschrift">Neuigkeiten aus dem .......</h1> <p> <a href="#" title="Bildtitel"><img src="bild.jpg" class="bild" alt="bild" width="150px"></a></p> </div> |
|
|||
Hallo,
mist. Ich scheine alles falsch zu machen.. Was soll ich genau tun ? Ich kann keinen Link posten, weil ich doch in der totalen Beginnerphase bin und ich das alles nur lokal mache und keinen Link habe. Tut mir leid. Ich hatte einfach darauf gehofft, dass irgendjemand mir sagen kann; ja, dies ist eine durchaus gängige Methode, um so ein horizontales Menü zu erzeugen. Egal. Trotzdem Danke für die Hilfe. Ich habe auch nicht verstanden, was ich wie zusammenführen soll. Vielleicht melde ich mich später nochmal mit eindeutigeren bzw. besser gestellten Fragen. Grüße Felge |
Sponsored Links |
|
||||
Zusammenfügen durch ein style-Element in head. Wenn Du das nicht machst, muss sich das jeder Helfer auf's Neue selber zusammentippen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hover effekt auf ganze TD zelle | gandalf_hh | CSS | 27 | 13.07.2011 20:06 |
Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 09:42 |
Parent DIV soll mit der Höhe seines Childs wachsen | Tekkla | CSS | 2 | 19.11.2009 19:27 |
Bild im Text (Textfluss) | blackowi | CSS | 1 | 20.10.2009 17:50 |
Text Position | barca | CSS | 14 | 10.05.2006 12:25 |