Beiträge von sejuma
-
-
Ja, aber am besten nach </ul>, weil innerhalb ul nur li stehen darf.
-
1. indem du ul eine dem div entsprechende Breite zuweist, bzw. besser:
Und als "bezeichnung" verwendest du eben die des Div's. Der ist dann entbehrlich.2. In diesem Fall würde ich li nicht als inline-Element definieren, sondern mit float: left versehen. Auch dadurch ordnen sich die li's nebeneinander an.
Somit sind sie Blockelemente und du kannst ihnen eine Höhe zuweisen. -
-
Zitat
<p style="border:0px solid #fff; margin-left:10px !important; margin-left:5px;
font:bold 12pt Arial; float:left; width:100px;">02.02.2009</p>
Wo margin-left und float:left zusammentreffen musst du dem Element für den IE 6 jeweils noch einzuweisen. Gilt auch für den zweiten Absatz und analog für float: right und margin-right;
Erklärung: http://www.ohne-css.gehts-gar.net/0032.php -
Bei relativen Einheiten wie em oder Prozent kommt es darauf an, wie die Elemente verschachtelt sind. Das wirkt sich dann mitunter auf die Schriftgröße aus, je nachdem was übergeordnet ist.
Entsprechend Elvis' Vorschlag würde ich allerdings für body ebenfalls 100.01% definieren und für die einzelnen Elemente dann gezielt in em.Davon unabhängig: Unter 0.8em beginnt für mich bereits die kritische Grenze der guten Lesbarkeit.
-
Bitte einen Link.
-
-
Da musst du in der CSS-Datei nachsehen: Datei "style.css"
Es wäre eben doch besser, wenn du etwas Verständnis und HTML-/CSS-Grundwissen mitbringen bzw. dir aneignen würdest.
Andernfalls weißt du nie, was du tust und bist stets auf fremde Hilfe angewiesen, wenn du mal was ändern willst. -
Das war dann ein Missverständnis.
Nimm die class="menue" bei den li's wieder raus und weise sie wie ursprünglich ul zu.Bei .topcenter lösche "float: left;"
-
Du musst die Klasse "menu" nicht ul, sondern li zuweisen:
Code<div id="left"> <ul> <li class="menu"><a href="#"><img src="images/but1.jpg" alt="" width="150" height="150"></a></li> <li class="menu"><a href="#"><img src="images/but2.jpg" alt="" width="150" height="150"></a></li> <li class="menu"><a href="#"><img src="images/but3.jpg" alt="" width="150" height="150"></a></li> </ul>
-
Dann versuch's ma mit einer Spezialangabe, die nur der IE 6 versteht:
Bei dem Element, wo der Abstand ist, definiere dies neu mit anderem Abstand und stelle * html voran.
Beispiel:
Normaldefinition:Wenn der IE6 dann einen geringeren oberen margin benötigt, dann schreibe zusätzlich:
-
Sämtliche Style-Angaben solltest du aus dem HTML-Quelltext entfernen und in eine externe CSS-Datei schreiben. Dazu bieten sich Klassen an.
Das macht deinen Quelltext deutlich schlanker und damit übersichtlicher.
Die absoluten top/left-Werte halte ich für überflüssig, wurde aber m.W. im Forum bereits erörtert.
Sieh dir für die Startseite vielleicht auch einmal diese Beispiele an.Elemente wie <center> sind "deprecated" und können durch CSS-angaben ersetzt werden.
-
-
Rechtschreibfehler unterlaufen fast jedem. Nur häufen sie sich hier doch zu sehr und fallen auch nicht unter die Kategorie "Flüchtigkeitsfehler".
Auch inhaltlich stimmt manches nicht.ZitatHier schreiben Sie ihre CSS-Befähle
Zitat<p>Ein Text mit dem gelben Farbe</p>
p {color:orange;}ZitatDessweiteren
Zitatdass das Box-Modell aus mehreren
Elementen bestähtZitatMittlerweile die Struktur dieser Homepage basiert auf einer Flaot-Eigenschaft. Dies Zeigt sich deutlich bei dem Bild des Box-Modells. Dem Text (links oben, neben Bild) wurde "flaut:links" zugewisen damit das Bild "Box-Modell" nach rechts verschoben wird.
Die "Kaskadierung" bezieht sich nicht auf den z-Index, sondern umschreibt das Prinzip der "Vererbung von CSS-Eigenschaften" von einer höheren Ebene auf die nachfolgenden Ebenen.
Dieses Thema ist m.E. total verhauen und die Beispiele auch nicht unbedingt geeignet, absolute und relative Positionierungen verständlich zu erklären.Ich will die Seite jetzt aber nicht generell schlecht reden, weil ich aus eigener Erfahrung weis, wie viel Aufwand dahinter steckt.
Vielleicht folgende Verbesserungsvorschläge:1. Rechtschreibung besser beachten
2. Die Themen besser und übersichtlicher strukturieren (weniger ist mehr).
3. Die Theorie etwas mehr verinnerlichen: Auf den Unterschied von ID und Klasse bist du nicht eingegangen. Gerade das scheint mir ein sehr wesentlicher Punkt, der erläutert gehört. -
Tabellen sollten nur zu ihrem eigentlichen Zweck, nämlich für strukturierte Darstellungen verwendet werden.
Wenn du z.B. eine Adressliste erstellst mit Name, Straße, Ort, dann ist eine Tabelle das geeignete Mittel.Für reine Layoutzwecke sind Tabellen dagegen nicht geeignet. Sie wurden dazu früher (und z.T. leider auch heute noch) missbraucht, als es noch kein CSS gab.
Der Nachteil von Tabellen liegt u.a. in dem recht umfangreichen und deshalb unübersichtlichen Tabellencode.Moderne Websites erstellst du mit HTML und die Formatierung nimmst du über CSS vor.
Per CSS kannst du sehr gezielt die Formatierung von einzelnen Elementen wie Überschriften, Absätzen oder Listen vornehmen und darüber hinaus gruppierte Bereiche (Div's, Boxen, Container) formatieren. -
-
Dieses Bild hat 100% Höhe:
Und obendrüber kommt ja auch noch Inhalt mit entsprechenden Höhen und Abständen. macht zusammen also mehr als 100%.
Selbst wenn du das bei dir passend hinbekommst, wird es bei anderen Fenstergrößen wieder anders aussehen.
Da müsstest du allenfalls generess mit Prozentwerten arbeiten, sowohl für Bilder, Höhen, margin und padding. Das muss nicht immer sinnvoll sein.
Vielleicht helfen dir diese Links weiter:
http://www.ohne-css.gehts-gar.net/0025.php
http://http://www.ohne-css.gehts-gar.net/0055.php -
Das lässt sich sicher mit javascript oder PHP realisieren, kenn ich mich aber nicht mit aus.
Eine manuelle Möglichkeit wäre, das Hintergrundbild per CSS einem Element zuzuweisen. Dann bräuchtest du lediglich diese eine Datei zu ändern, indem du jeweils einen anderen Grafikpfad erfasst. -
Da spielen wohl auch noch Frames mit. Mit denen steh' ich ohnehin auf Kriegsfuß.
Vielleicht kannst du das ins Frameset einbauen? Aber wie gesagt, da bin ich kein Experte.
Sieh dir auch nochmal meinen ergänzenden Hinweis im letzten Beitrag an (editiert).