zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bin Anfänger: Frage zu fließendem Text um Bild

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2012, 14:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2012
Beiträge: 19
Felge befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2012, 14:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Felge Beitrag anzeigen
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 ?
Rahmen haben zu viel Einfluss auf die Darstellung, als dass sie für Testzwecke geeignet wären (Stichworte: Box-Modell, Collapsing Margins). Nimm Hintergrundfarben.

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.04.2012, 17:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2012
Beiträge: 19
Felge befindet sich auf einem aufstrebenden Ast
Standard 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;

}
Vielen Dank und viele Grüße

Felge
Mit Zitat antworten
  #4 (permalink)  
Alt 26.04.2012, 17:26
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ü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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 26.04.2012, 17:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2012
Beiträge: 19
Felge befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 26.04.2012, 17:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #7 (permalink)  
Alt 26.04.2012, 17:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2012
Beiträge: 19
Felge befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #8 (permalink)  
Alt 26.04.2012, 18:16
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn Du schon keinen Link postest, nimm potentiellen Helfern wenigstens das Zusammenbasteln von HTML & CSS ab und schreib füge selber beides zusammen.
__________________
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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 26.04.2012, 18:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2012
Beiträge: 19
Felge befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.04.2012, 18:46
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:33 Uhr.