kostenloser Webspace werbefrei: lima-city


CSS content an falscher stelle angezeigt.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    raubritta

    Kostenloser Webspace von raubritta

    raubritta hat kostenlosen Webspace.

    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.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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^^
  4. Autor dieses Themas

    raubritta

    Kostenloser Webspace von raubritta

    raubritta hat kostenlosen Webspace.

    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 ;))
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!