Für Elemente, die nur einmal auf jeder Seite vorkommen solltest du die Farben im div definieren.
Elemente, die auf einer Seite mehrmals vorkommen können, definiere als Klasse.
Und für Formatierungen, die lediglich sporadisch oder nur einmal vorkommen (du willst z.B. innerhalb eines Absatzes ein paar Wörter farblich hervorheben), nimm den span.
Beiträge von sejuma
-
-
-
Die Positions-, Größen- und Dateiangaben müsstest du noch anpassen. Ansonsten sollte es klappen:
CSSCode
Alles anzeigena.info{ position:relative; z-index:1; text-decoration:none; } a.info:hover{z-index:2;position:absolute;} a.info span{display: none; background-image: url(hoverbild.jpg); } a.info:hover span{ display:block; position:absolute; top:2em; left:20em; width:150px;height:100px; }HTML
-
Vorher gefiel's mir erheblich besser. Ist wie bereits erwähnt zu dunkel/trist und nicht mehr so sehr mit einer lebendig-frischen Wassersportart zu assoziieren.
-
Da ist schon mal eine Datei vorhanden. Nur hat die keinerlei Inhalt:
Code<head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> </body> </html>
Ich vermute, dass das deine index.htm ist. Die ist allerdings leer. Jetzt müsstest du zwischen <body> und </body> noch einen beliebigen Inhalt reinschreiben und dann nochmal hochladen. -
mach mal zunächst einen horizontal zentrierten Div nach diesem Muster. Auf die Vertikale Zentrierung kannst du dabei zunächst mal verzichten.
Dann packe darein deine div's. Lass bei denen überall die position, left und right-Angaben weg. Stattdessen kannst du ggf. mit margin-left arbeiten.
Verpasse dem linken ein "float:left;" und dem rechten ein "float:right;"
Orientiere dich am besten an diesem Code: http://www.stichpunkt.de/css/3-box2.html -
Schick uns mal einen Link
-
die anderen dürfen auch, aber die index muss.
-
Stell dir mal eine Exploreransicht vor, ich versuch das mal mit sehr bescheidenen Mitteln darzustellen:
|-----Dein Webspace (Rootverzeichnis)
|
|---------index.html
|---------Ordner1
|---------Ordner2So müsste das also aussehen. Deine index.html darf sich also nicht in einem von dir hochegladenen Ordner1 oder Ordner2 befinden, sondern muss "über" diesen Ordnern stehen.
-
Die darf sich nicht in einem Ordner befinden sondern muss direkt ins Rootverzeichnis. Achtung dann mit den Verlinkungen der Startseite. Die sind dann anzupassen.
-
Sieh dir doch mal die ganzen Lappi's für 1 € an, da ist fast überall ein Duo-Vertrag mit dabei. So blöd kann doch niemand sein, dass er einen neuen Lappi, PC oder Fernseher für einen Euro verkauft oder sich gerade mal vertippt.
Bei dir würd' ich mich bedanken, wenn du mich auf so ein Angebot aufmerksam gemacht hättest und ich darauf reingefallen wäre.edit:
OK, es sind nicht deine eigenen Angebote. Ich finde es aber auch nicht gerade ruhmreich, wenn man auf solche dubiosen Geschäftspraktiken vermittelt.
Nenne mir 20 solide neue Lappis für 1 € ohne Zusatzverträge und ohne Fallstricke und ich schlage sofort zu. -
Der Trick ist ganz einfach, musst nur näher hinschauen:
Du kaufst nen Laptop für 1 € und kaufst automatisch einen Handy-Tarif für mindestens zwei Jahre oder sonst irgendwas mit, was du nicht brauchst.
Früher sagte man dazu "Nepper, Schlepper, Bauernfänger"!
Vorsicht ist geboten!!!Würd' mich mal interessieren, ob das ebay-Logo lizensiert ist. Ansonsten bilde mal schon kräftig Rücklagen für Schadenersatzforderungen und Prozesskosten.
-
Sorry, aber für mich ist das eine typische Seite zum "gleichwiederwegklicken".
Introseite unnötig.
Willkommen-Fenster: unnötig.
Falls jemand nicht willkommen ist, brauchst du auch keine Seite. Der Besucher will gleich wissen um was es geht.
Das erfährt er dann auch auf der (dann mittlerweile dritten) Startseite nicht:
Ein Header, der IT-Technik und Welt symblisiert, darunter in verspielten und naiven Regenbogenfarben nochmal ein unnötiges Herzlich Willkommen.
Jetzt weiß man zwar immer noch nicht, um was es auf deiner Page geht, soll aber gleich einen Newsletter abonnieren.
Dass mir diese Seite um sounsoviel Uhr angezeigt wird interessiert mich nicht.
Und in welchen Browsern deine Seite getestet wurde ist ebenfalls unwichtig. Hauptsache sie funktioniert mit den Browsern der Besucher.
Dann unterschiedliche Schriftarten.
Also: Sowohl designmäßig als auch inhaltlich noch ein ziemliches Chaos. -
Das dürften wohl einige der einschlägigsten Seiten sein:
http://css.fractatulum.net/elemente.htm
http://www.css4you.de/
http://www.andreas-kalt.de/webdesign/tuto…ayout-erstellen
http://www.webmaster-resource.de/tutorials/css/css-tutorial.php
http://www.stichpunkt.de/css/index.html
http://de.html.net/tutorials/CSS/ -
Die Verbindung zu den übrigen Angaben wird überwiegend durch die gängigen HTML-Tags hergestellt.
-
Jetzt solltest du dich mal etwas selbst bemühen, sonst lernst du gar nichts dabei.
Schließlich ist das hier ein Hilfeforum und kein "Mach-mir-mal-Forum"Füge mal in den Content-div einen Absatz (p-Tag), eine Überschrift h2 oder ein Bild (img) ein.
Dann setz in den Navi-Bereich mal einen Link.
Informiere dich bei http://www.css4you.de/ was eine Klasse ist und benutze die in der CSS definierten Klassen.
-
Dein HTML-Code müsste dann so lauten:
Code
Alles anzeigen<body> <div id="wrapper"> <div id="header"> hier kommt der header rein </div> <div id="nav"> hier kommt die horizontale Navi rein </div> <div id="sindebar"> hier kommt die rechte Sidebar rein </div> <div id ="content"> hier kommt der content rein </div> <div id="footer-links"> hier kommt der linke Footer rein </div> <div id="footer"> hier kommt der Footer rein </div> </div> </body>Wenn du die CSS-Angaben wie von xXx_BaSStar_xXx beschrieben richtig eingebaut hast, müssten dann die entsprechenden Formatierungen sichtbar werden.
-
Super! Die Farbharmonie finde ich jetzt ganz hervorragend gelunden. Glückwunsch!
-
Ich kenne Dreamweaver nicht und weiß nicht, wo man das dort einstellt. Vielleicht weißda jemand anders hier eine Antwort. Über den Quelltext ist das aber kein Problem.
Da kommt es darauf an, ob du mit CSS-Styleangaben arbeitest oder nicht.
Falls du eine CSS-Datei hast oder dein CSS-Code im Header steht schreibst du einfach stattdann
Welchen Prozentwert du nimmst musst du einfach ausprobieren. Insgesamt sollten es incl. Abstände und Rahmenbreiten natürlich nicht mehr als 100% werden, da man sonst scrollen muss. Versuch's zunächst mal ehr mit nur 98 %.
Wenn dann noch Platz ist, einfach die Werte noch etwas hochsetzen. -
Zitat von Sojo
Was genau verstehst du/ihr eigendlich unter Template? Ich meine weshalb sieht diese Seite nach Template aus und eine andere halt nicht? Nurso eine Frage nebenbei.
Man sieht solche Seiten halt zu oft. Sieht halt zu genormt aus, ohne dass eine persönliche Note zu erkennen wäre. Soll heißen: Das Layout ist austauschbar, könnte ebenso für jeden x-beliebigen Inhalt verwendet werden.
Von der Übersichtlichkeit und Gliederung find' ich's ja ganz o.k. Aber irgendwie finde ich solche Seiten besser, bei denen eine "individuelle Note" erkennbar ist. So etwa nach dem Motto: Mensch, diese Seite kann nur vom Wassersportclub Bern sein, die hat kein anderer.
Mal ein kleines Beispiel: Das Wasserbild im Header kann von überall her stammen. Aber euer Bootshaus wäre sicherlich "einmalig". Da geht's irgendwie um den Wiedererkennungseffekt und um die Identifikation.
Der header meiner Page oder das gesamte Layout ist mit Sicherheit (mal noch vornehm ausgedrückt) sehr laienhaft und noch sehr verbesserungswürdig. Aber er ist für uns eben "einmalig" und hat einen Wiedererkennungseffekt.Das meinte ich mich "templatemäßig".