CSS content an falscher stelle angezeigt.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
banner
bild
blocken
code
denkfehler
display
http
image
inhalt
klappen
mist
mitte
raubritter
richtig funktion
sitz
steige
team
tip
url
-
Hallo,
ich steige leider gerade durch css mal wieder nicht durch. Ich habe es schon mehrmals mit so einem ähnlichen code geschafft. Aber jetzt scheitere ich an so etwas wahrscheinlich recht einfachem.
Ich habe die Seite
http://raubritta.lima-city.de/StrategicWar/team.php
dort möchte ich zuerst mein Menü anzeigen und danach den Inhalt hineinschreiben.
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"> <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"> <meta name=\"robots\" content=\"INDEX,FOLLOW\"> <meta name=\"keywords\" content=\"StrategicWar\"> <meta name=\"description\" content=\"StrategicWar\" > <title>StrategicWar</title> <link rel=\"stylesheet\" href=\"index.css\" type=\"text/css\"> </head> <body> <div id=\"header\"></div> <div id=\"content\"> <div> <a href=\"index.php\" id=\"navi_startseite\"></a> <a href=\"registrieren.php\" id=\"navi_registrieren\"></a> <a href=\"chat.php\" id=\"navi_chat\"></a> <a href=\"forum.php\" id=\"navi_forum\"></a> <a href=\"screenshots.php\" id=\"navi_screenshots\"></a> <a href=\"team.php\" id=\"navi_team\"></a> <a href=\"impressum.php\" id=\"navi_impressum\"></a> </div> <div id=\"inhalt\"> <h2>TEAM</h2> Robin alias Raubritter<br> Sebastian alias Sebby92<br> </div> </div> <div id=\"schluss\"></div> </body> </html>
body { background-color: #808080; } a:link { color:black;} a:visited { color:black;} a:focus { color:black;} a:active { color:black;} img { border: 0; } #banner { height:123px; width:1000px; background-image:url(bilder/header2.jpg); background-repeat:no-repeat; display:block; float:left; } #content { height:418px; width:1000px; background-image:url(bilder/nav.jpg); background-repeat:repeat-y; display:block; } #navi { height:418px; width:200px; display:block; float:left; } #interface { height:418px; width:500px; display:block; float:left; } #links { height:418px; width:150px; display:block; } #rechts { height:418px; width:350px; display:block; float:left; } .oben { background-image:url(bilder/oben.jpg); background-repeat:no-repeat; } .mitte { height:150px; background-image:url(bilder/mitte.jpg); background-repeat:repeat-y; } .unten { background-image:url(bilder/unten.jpg); background-repeat:no-repeat; } a.navi_uebersicht { background-image:url(bilder/uebersichti.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_terminplan { background-image:url(bilder/terminplani.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_songs { background-image:url(bilder/songsi.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_band { background-image:url(bilder/bandi.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_shop { background-image:url(bilder/shopi.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_technik { background-image:url(bilder/techniki.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_nachrichten { background-image:url(bilder/nachrichteni.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_notizzettel { background-image:url(bilder/notizzetteli.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_einstellungen { background-image:url(bilder/einstellungeni.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_statistiken { background-image:url(bilder/statistikeni.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_vhp { background-image:url(bilder/vhpi.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_finanzen { background-image:url(bilder/finanzeni.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_band { background-image:url(bilder/bandi.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; } a.navi_logout { background-image:url(bilder/logouti.jpg); background-repeat:no-repeat; width:160px; height:38px; display:block; }
Ich sitze jetzt wirklich schon 2 h an diesem mist und finde einfach nicht die richtig Funktion.
Bin echt für jeden Tipp dankbar.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Dem div, in dem das Menü angezeigt wird, gibst du erstmal einen Namen. \"menu\" vllt.
Dann sieht das ganze ungefähr so aus:
#menu{
/*bla*/
float:left;
}
und beim Inhalt-Div fügst du ein \"float:right;\" ein.
Solte dann klappen^^ -
vielen dank.
Ich hatte es bereits einmal mit etwa der sache (menu div) hab sie aber dann wieder gelöscht, da ich dachte es könnte auch ohne gehen^^. Dort hat in der Zeit wohl was anderes gefehlt... -> denkfehler
endlich kann ich weiterprogrammieren.
(inhalt div hab ich auf float:left gelassen ;)) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage