kostenloser Webspace werbefrei: lima-city


Fehler in der CSS-Design Datei?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    thorkai

    Kostenloser Webspace von thorkai

    thorkai hat kostenlosen Webspace.

    Ok hab nen Problem und das ist folgendes

    Ich möchte direkt unter meiner Übgangs grafik eine Überschrift setzten (Grafik) doch das Bild wird komplet weiter unten angezeit was ich garnicht verstehen kann :confused:
    http://thorkai.lima-city.de/Unbenannt10.jpg

    Nun denke ich mir dass der Fehler womöglich in der CSS design Datei liegt also hier kommt der Code hoff ihr könnt mir helfen ;)

    Achja bin noch nen fölliger Anfänger also nciht zu schlimm mit der Bewertung :D

    <style type="text/css">
    
    
    /*
    ---------------------------
    Banner
    ---------------------------
    */
    
    #header
    {
    width: 900px;
    height: 300px;
    
    border: 0px solid #000000;
    }
    
    /*
    ---------------------------
    Title
    ---------------------------
    */
    
    #title
    {
    width: 900px;
    height: 133px;
    font-family: Comic Sans MS;
    font-color : #ffffff;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000000;
    background-image: url(Uebergang.png);
    color : 000000;
    }
    
    
    /*
    ---------------------------
    Menue
    ---------------------------
    */
    .menu
    {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    color: ffffff;
    border: 0px solid #000000;
    
    }
    
    .menu li
    {
    float: left;
    width: 150px;
    font-family:  Comic Sans MS;
    font-size: 16px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    color: ffffff;
    text-align: center;
    background-image: url(ButtonUnten-01.png);
    
    }
    
    
    a.eins {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(1-Home.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.eins:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(1-HomeMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.zwei {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(2-Downloads.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    
    a.zwei:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(2-DownloadsMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    
    
    a.drei {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(3-Tagebuch.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    
    a.drei:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(3-TagebuchMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.vier {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(4-Galerie.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.vier:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(4-GalerieMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    
    a.fünf {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(5-Gaestebuch.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.fünf:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(5-GaestebuchMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    
    a.sechs {
       font: normal 14px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(6-Impressum.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    a.sechs:hover {
       font: normal 16px, Comic Sans MS, sans-serif;
       display:block;
       text-decoration:none;
       line-height: 25px;
       width:150px;
       height:44px;
       margin-left:0px;
       color: ffffff;
       font-weight: bold;
       margin-right:0px;
       
       
       background:transparent url(6-ImpressumMO.png) no-repeat; left; margin-bottom:0px; margin-top:0px; 
    }
    
    .menu li a
    {
    float: left;
    width: 133px;
    font-family: Comic Sans MS;
    font-size: 16px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: ffffff;
    text-decoration: none;
    
    }
    
    .menu li a:hover
    {
    float: left;
    width: 133px;
    
    font-family: Comic Sans MS;
    font-size: 16px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: ffffff;
    text-decoration: none;
    background-image: url(ButtonUntenMO-03.png);
    
    }
    
    
    
    
    
    
    
    
    /*
    ---------------------------
    Schreibfenster
    ---------------------------
    */
    #handle
    {
    width: 900px;
    height: 1400px;
    font-family: Comic Sans MS;
    font-color : #ffffff;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000000;
    background-image: url(bgcolor.png);
    color : 000000;
    
    }
    
    </style>
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. w******s

    Die "Infos" reichen nicht aus. Pures CSS hilft nichts, wir müssten auch mal das Markup sehen (HTML) und am besten postest du ein Link zu der Seite oder lädst sie hoch!
  4. Autor dieses Themas

    thorkai

    Kostenloser Webspace von thorkai

    thorkai hat kostenlosen Webspace.

    http://thorkai.lima-city.de/indexhaupt.php?site=Downloads


    Hey

    was meinst du mit markup sehen das Html wo ich das rein geschrieben habe?


    <html>
    <head>
    <title>Thorkai.de</title>
    </head>
    <body>
    <img src=Unbenannt-1.png>
    
    </body>
    </html>


    ist nur ne Beispiel Seite ums zu testen also noch nichts drin ;)
  5. t*****b

    Schau dir doch das Bild einmal an: http://thorkai.lima-city.de/Unbenannt-1.png, du hast vergessen die Grafik auszuschneiden.
  6. Autor dieses Themas

    thorkai

    Kostenloser Webspace von thorkai

    thorkai hat kostenlosen Webspace.

    trueweb schrieb:
    Schau dir doch das Bild einmal an: http://thorkai.lima-city.de/Unbenannt-1.png, du hast vergessen die Grafik auszuschneiden.


    Umgeändert hat aber trz nichts gebracht :(
  7. Hi,

    Der Fehler liegt nicht im CSS sondern im erstellten HTML !!!

    <html>
    <head>
    
    <link rel="shortcut icon" type="image/x-icon" href="/images.ico">
    <title>ThorKai.de</title>
    <link rel="stylesheet" type="text/css" href="design.css">
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
    
    
    </head>
    
    <style type="text/css">
    /*
    ---------------------------
    Hauptrahmen
    ---------------------------
    */
    
    #rahmen
    {
    width: 900px;
    margin-top: 0px;
    bg-color: 959595;
    ;
    
    border: 1px solid #000000;
    
    }
    
    /*
    ---------------------------
    Title
    ---------------------------
    */
    
    #title
    {
    width: 900px;
    height: 133px;
    font-family: Comic Sans MS;
    font-color : #ffffff;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000000;
    background-image: url(Uebergang.png);
    color : 000000;
    }
    
    </style>
    
    
    
    <body style="background-image: url(bg_sky.jpg);">
    
    
    
    
    <center>
    
    <div id="rahmen">
    
    
    <div id="header">
    
    <center><img src="Header.png"></center>
    </div>
    
    
    
    
    
    <div id="menu">
    <table cellspacing=0 cellpadding=0 style="margin-bottom:0px; margin-top:0px;">
    	<td align="center">	   <a class="eins" href="?site=Home"></a></td>
    	<td align="center">	   <a class="zwei" href="?site=Downloads"></a></td>
    	<td align="center">	   <a class="drei" href="?site=Tagesbericht"></a></td>
    
    	<td align="center">	   <a class="vier" href="?site=Galerie"></a></td>
    
    	<td align="center">	   <a class="fünf" href="?site=Gaestebuch"></a></td>
    	<td align="center">	   <a class="sechs" href="?site=Impressum"></a></td>
    </table>
    
    <div id="title">
     
    <background-image: url(bgcolor.png);">
    
    </div>
    
    
    
    
    <div id="handle">
    
    <html>
    <head>
    <title>Thorkai.de</title>
    </head>
    <body>
    <img src=test2.png>
    
    </body>
    </html>
    
    
    
    
    </div>
    
    </div>
    
    </center>
    </body>
    
    </html>

    dort steht ja innerhalb der Grundseite in dem div mit der id="handle" noch mal ein komplettes HTML-Gerüst. Deshalb wird die Grafik zu tief angezeigt.

    EDIT:
    Bei der Grafik hast du zwar den Text freigestellt (den grauen Hintergrund entfernt) aber mit "ausschneiden" waren sicherlich die Pixel oberhalb des Textes gemeint.

    Beitrag zuletzt geändert: 12.8.2009 21:27:24 von simasiel
  8. Autor dieses Themas

    thorkai

    Kostenloser Webspace von thorkai

    thorkai hat kostenlosen Webspace.

    Wie dämlich ich einfach war ;) Tut mir Leid dass ich euch eure Zeit geklaut habe ;)

    falls ich noch solch ein dämliches Problem habe denke ich erst nach bevor ich was sage :D obwohl ich nach gedacht habe aber nciht aufsproblem gekommen bin
  9. 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!