Fehler in der CSS-Design Datei?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

16:47, 12.8.2009

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>

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
~~w******s~~

16:52, 12.8.2009
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!
Autor dieses Themas
thorkai

thorkai hat kostenlosen Webspace.
20:40, 12.8.2009
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 ;)
~~t*****b~~

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

thorkai hat kostenlosen Webspace.

21:00, 12.8.2009

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 :(

simasiel

simasiel hat kostenlosen Webspace.

21:13, 12.8.2009

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

Autor dieses Themas
thorkai

thorkai hat kostenlosen Webspace.

23:23, 12.8.2009
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
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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city