Ich habe zur Zeit eine Navigation mit 2 Buttons wenn ich jetz die Maus vom einen auf den anderen Button bewege, rutsch die Überschrift nach links. Wenn ich dann die Maus von dem Button nehmen rutscht die Üerschrift wieder zurück.
Was ist daran Schuld?
Text verschiebt sich
-
Wie wärs mit einem Link, damit wir uns das mal ansehen können?
Eine gute Idee, die auch in diesem Thread aufgegriffen werden sollte. -
Eine gute Idee, die auch in diesem Thread aufgegriffen werden sollte.
Webseite ist zur Zeit nur offline.
-
Webseite ist zur Zeit nur offline.
Dann schiebe das irgendwo hin, ist doch egal wo. Nur ansehen müssen wir uns das können! -
So etwa?
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Meine Gallerie</title> <!-- <link rel="stylesheet" type="text/css" href="stylesheet.css" />--> <style type="text/css"> <!-- * {margin:0px;padding:0px;} body {background:url("hinten.png") no-repeat left top;font: 101% Arial-Black, Helvetica, sans-serif; text-align:center;} #wrapper{ width:800px; margin: 0 auto;} #header {background:url(header.jpg) no-repeat left top; height:120px; width:800px; margin-top: 150px;} #header p {color:white;text-align:right; font-size:2em;padding:0.4em 0.4em 0 0; } #navigation { background: #c00 url(navi.gif) repeat-x; width: 800px;height:20px;} #navigation ul {list-style-type: none;} #navigation li {font-size: 11px;display: inline;line-height: 21px;} #navigation a { color: #ffffff;text-decoration: none; padding: 0 10px; float: left;} #navigation a:hover { background-image: url(hover.gif);text-decoration: none;background-position: 0 0; height:20px;} #schatten {background-color: white;height:12px;margin-left:75px;margin-right:75px;} #inhalt { clear:both;height:500px;width:800px; } #inhalt h1, h2, h3, p, ul {padding-bottom:.7em;} --> </style> </head> <body id="startseite"> <div id="wrapper"> <div id="header"> <p>Meine Gallerie Grafiken/Fotos</p> </div> <div id="navigation"> <ul> <li><a href="#">Startseite</a></li> <li><a href="#">Signaturen</a></li> </ul> </div> <div id="inhalt"> <h1> Willkommen in meiner Gallerie</h1> <p> Du findest hier Grafiken und Fotos </p> <p> Unter Grafiken findest du Fanart/Avatare/Signaturen Unter Fotos findest du Digitalfotografien </p> <p> Die Grafiken die du hier auf der Seite findest sind alle mit Gimp erstellt! </p> </div></div> </body> </html> -
wrapper ist eine Hülle der die Information der Formatierung, die allgemeine Positionierung (hier Zentrierung) und z.B. die Breite der Site vorgibt und den Rest der Webseite einschließt. Du kannst es auch als Rahmen o.ä. bezeichnen.
-
Probiere es aus und du bist schlauer!
-
ok hat nicht geklappt im stylesheet
Dann hast du was falsch gemacht. -
Tja wie siehte es jetzt aus ist die Frage? Hast Du unter dem Thema CSS schon mal etwas von der "Vererbungslehre" gehört. Manchmal ist es erwünscht und wenn nicht muss man es ausschließen. Besser wäre Du packst alles in einen Ordner (.html,.css -Datei und den Grafikordner) packst ihn und lädst ihn bei http://www.fileuploadx.de/
z.B.: hoch und dann sehen wir wo der Hase im Pfeffer liegt.8) -
Zitat
......Besser wäre Du packst alles in einen Ordner (.html,.css -Datei und den Grafikordner) packst ihn und lädst ihn......
.. wo ist das Problem. Keiner wartet doch für jede Datei den Countdown ab
-
Na klar geht das : http://www.fileuploadx.de/860171
Du musst natürlich #inhalt {background-color:#fff;} auch eine Farbe geben, damit er eine anzeigen kann. -
Naja geht doch mit dem hochladen. Ordnung sollte aber auch sein(Bilder in ein Ordner,css-Dateien in ein Ordner, js-.......usw.). dann behält man auch die Übersicht.
Ach ja erzeuge mal eine kleine Hintergrundkachel!!!
