Hat dir diese Antwort geholfen?
das irst Letter-Element war nur zum Testen noch drin, und ich habs aus Versehen nicht rausgenommen... aber trotzdem danke für den Hinweis.
Bzgl. der divs nebeneinander, hab ich im Buch nachgelesen, dass dies wohl nicht gehen würde, weil dies nur Blöcke definiert, die dann hintereinander gezeigt werden (egal, was jetzt drin erscheint).
Hat dir diese Antwort geholfen?
Ist so nicht richtig. Dazu verwendest Du eben die float-Anweisungen. Eben float:left oder float:right. Nach dem zugewiesenen Div sollte aber mit clear:both die floatoption aufgehoben werden.
Am besten Du schaust Dir mal fertige oder angehende Tutorials an. Da versteht man eher das zusammenspiel der vielen Attribiute und Formatierungen!
Nimm Dir ein Grundgerüst einer Beispielsseite her und experimentiere damit. Du wirst sehen, wie schnell man hinter einigen Kniffs oder Problemen kommt. ;O)
Ich schreibe aus Erfahrung.^^
http://css.talky.de
http://barrierefrei.e-workers.de/
http://www.css4you.de/
Nun wünsche ich viel Spaß beim Stöbern und Probieren.
gruß saffi
Hat dir diese Antwort geholfen?
so... mensch bin ich bescheuert... zumindest teilweise:
<HTML>
<head>
<link href="css/css.css" rel="stylesheet" type="text/css">
</link>
</head>
<body>
<p>Hier ist dann der erste Text im Dokument eingetragen</p>
<div id="header">
<div id="header_logo_links">
<p>hier kommt das LOGO rein</p>
</div>
<div id="header_spacer">
<p>hier käme eine Spacer rein</p>
</div>
<div id="header_search">
<p>hier käme später das Suchfeld rein</p>
</div>
</body>
und css: body{
valign:center;
width:780px;
border=1px;
color:white;
background-color:black}
#header {
height:70px}
#header_logo_links {
background:red;
width:250px;
color:aqua;
align=LEFT}
#header_spacer {
background:green;
width:200px;
color:Fuchsia}
#header_search{
background:aqua;
width:400px;
color:red;
align:RIGHT}
Hat dir diese Antwort geholfen?
Da gibts aber nen Validator für. Der könnte Dir helfen:
http://jigsaw.w3.org/css-validator/
Hat dir diese Antwort geholfen?
danke schon mal...
4 Fehler sind noch drin, die mach ich gleich raus.
aber das grundsätzliche Problem wg. den div-Blöcken ist damit noch nicht geklärt.
Hab das Float jetzt noch mal eingebaut... aber das ändert auch nicht wirklich viel... weil der Spacer da noch drin ist... der in den Center müsste... aber nicht geht
und was das float auflösen gemeint ist, ist auch noch nicht klar.
Danke aber bislang
Hat dir diese Antwort geholfen?
richtig, div definiert einen block. (p beansprucht z.b. auch eine zeile) dem kannst aber mit
display:inline; abhelfen.clear:both;setzt.Hat dir diese Antwort geholfen?
so... mal wieder etwas weiter.
Damit ich immer nur ein bisschen Fehler suchen muss für einen Anfänger, mach ich immer nur div für div hintereinander eingefügt ;-)
css:
/*
HTML-Tags-Formatierungen
*/
body{
width:100%;
color:black;
background-color:white;
border:1px;
border-width:thin;
border-style:dashed }
/*
Grundlayouts
*/
#header {
height:70px;
cursor:pointer;
background-color:lime;
border:2px;
border-width:thin;
border-style:dotted}
#breadcrumbs {
height:25px;
cursor:none;
background-color:purple;
border:1px;
border-width:thin;
border-style:groove
}
/*
Elemente innerhalb der Grundlayouts
*/
#header_logo_links {
background:red;
width:250px;
color:aqua;
height:70px;
float:left}
#header_search{
background:aqua;
width:400px;
color:red;
height:70px;
float:right}
/*
allgemeines
*/
#whiteline {
width:100%;
height:2px;
clear:both
}
.text-shadow {
text-shadow: #ffffff 3px 3px 5px
}
und html:<HTML>
<head>
<link href="css/css.css" rel="stylesheet" type="text/css">
</link>
</head>
<body>
<div id="header">
<div id="header_and_spacer">
<div id="header_logo_links">
<p>hier kommt das LOGO rein</p>
</div>
<div id="header_search">
<p>hier käme später das Suchfeld rein</p>
</div>
</div>
</div>
<div id=whiteline"></div>
<div id="breadcrumbs">
<p>hier kommen dann später die breadcrumbs rein</p>
</div>
</body>
1. Frage: warum ist die whiteline nicht zu sehen, obwohl die 1, oder in anderen Tests auch mal 2 oder 3 px gross ist.Hat dir diese Antwort geholfen?
Bei sowas mach ich immer das betreffene Element ganz groß und bunt und wenn man es dann immernoch nicht sehen kann, dann schau ich ob ich mich verschrieben habe (oder ein Anführungszeichen vergessen habe oder sowas).
1. Frage: warum ist die whiteline nicht zu sehen, obwohl die 1, oder in anderen Tests auch mal 2 oder 3 px gross ist.
das liegt daran, dass der Absatz (<p>) typischerweise mit margin/padding vordefiniert ist. setz mal beides auf 0
2.) warum ist der text in breadcrumbs nicht innerhalb vom block / div... sondern bei mir wird er auf der unteren linie vom div angezeigt.
p{
margin:0;
padding:0;
} dann siehts gut aus.
3.) ihr habt mal geschrieben, man muss nicht so verschachteln wie Tabellen... kann man das in diese Beispiel auch schon einhalten?
Hat dir diese Antwort geholfen?
ok, das mit dem <p> hab ich in der css-Datei mal mit margin:0;padding:0 gefüllt. Jetzt geht's ;-) Danke dafür.
bzgl. der whiteline hab ich die height mal mit 20px oder so gefüllt, mal ohne clear:both, mal mit... egal, was ich mach, es wird nicht angezeigt.
irgendwo hab ich da noch nen Bug drin ;-)
| « tabellencode erstellen | Brauche DRINGEND! Hilfe bei HomePage » | ||
PC: Wie kann ich html-spiele erfinden und die html sprache erlernen?:D ich bedanke mich schon mal im vorausdas ist meine homepage vom anbieter beepworld ich will ...
Hallo.Ich wollte wissen, wie ich bei der Kreierung einer HTML Seite einrichten kann, dass wenn ich b...
Hi,ich habe eine Bildergalerie in .html.Jetzt will ich diese Bildergalerie in meine .html seite ein...
Hallo wie kann ich einen String mit HTML inhalt drucken ohne ne Grafik zu erstellen, weil es dadurch...
hallo,...gibt es eine möglichkeit html dateien(tabelle) mit html oder javascript (ohne php ) in e...
HAllo ich wolte was Fragen. Und zwar ich suche einen der mir Kostenlos und unferbindlich c++ Program...
Hallo,ich möchte "programmieren lernen" unter linux ;)ich bin kein absoluter noob der von...
Hallo zusammen ich hab ne fragewas für programmier sprechen gibt es und welche kann man am einfachs...
Wenn Ihnen diese Seite nicht weiterhilft, können Sie hier unsere ganze Webseite nach passenden Tipps oder ähnlichen Fragen durchsuchen lassen, oder im Chat nach Hilfe fragen!
Wie können wir ihnen (kostenlos!) weiterhelfen?
