• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Header schief...

Oxix999

Oxix999

Neues Mitglied
Hallo zusammen,

habe mir heute folgendes Template heruntergeladen:
Download Free templates number 7302 - FreeWebTemplates.com

Nun habe ich Header, Buttons, Text etc. angepasst. Nun sieht das ganze so aus:



Wie ihr erkennen könnt, stimmt da etwas nicht.^^ Habe schon versucht das per Hand zu verschieben oder per "height". Aber die "height" Werte gibt es irgendwie nur für das Zeug darunter. Kann mir da jemand helfen? Oder woran liegt das? In Dreamweaver kann ich das auch nicht wirklich verschieben. Der Rahmen wird rot, gelb oder blau- aber nichts passiert.

Ich weiß nicht mehr weiter. :( Soll ich hier den gesamten Quellcode posten ? ^^

Gruß
 
Werbung:
Oxix999 schrieb:
Ich weiß nicht mehr weiter. :( Soll ich hier den gesamten Quellcode posten ? ^^

Gruß
Zum Vergrößern anklicken....


Ich denke, das es besser wäre, wenn du quelltext + css postest. Denn wie es hier ausseiht, sofern es ein ordentliches (scherz..haha...) template ist, scheinst du im css was verändert zu haben oder du zu große / kleine grafiken verwendet.

Am nützlichsten wäre es, wenn du die Seite hochladen könntest, dann könnte man dir am besten helfen.

Gruß
Loon3y
 
Danke erstmal.

Abe das ist doch scheisse...mein anderes Template konnt ich Problemlos hochladen. Hier liegen die Bilder auch in einem "Images" Ordner. Normalerweise reicht ja "top.jpg" usw., so habe ich es beim anderen auch gemacht. Warum geht das jetzt nicht?
<td height="301" colspan="2" valign="top"><div class="top.jpg"><br />

Muss da noch dieses "imagebla" Zeug hin?
 
Werbung:
Oxix999 schrieb:
Danke erstmal.

Abe das ist doch scheisse...mein anderes Template konnt ich Problemlos hochladen. Hier liegen die Bilder auch in einem "Images" Ordner. Normalerweise reicht ja "top.jpg" usw., so habe ich es beim anderen auch gemacht. Warum geht das jetzt nicht?
<td height="301" colspan="2" valign="top"><div class="top.jpg"><br />

Muss da noch dieses "imagebla" Zeug hin?
Zum Vergrößern anklicken....


Was ist das? Ein bild bindest du endweder, sofern es inhalt hat:

Code: 
<img src="deinbild.jpg" width="xxx" height="xxx" alt="xxx">

oder, wenn es inhaltslos ist und zu "designzwecken ist", also hintergrund über css ein:

Code: 
#box { background-image: url(deinbild.jpg); }

oder:

Code: 
.box { background-image: url(deinbild.jpg); }

Wie es hier ausseiht, fehlen dir grundlegende html- und css-kentnisse. Vllt solltest du einmal bei 0 anfangen und dir das Grundwissen aneigenen?

Selbst gemachte Homepages haben den Vorteil, dass man weiß, was man gemacht hat. Templates sind meist schlechter Quellcode und veraltete Standards.

Gruß
Loon3y
 
Ich habe mich auch gefragt, was das ist. Und ich habe mich mal vor einiger Zeit mit HTML beschäftigt. Aber warum klappt das dann aufm Desktop?
Siehe Zeile: <td height="301" colspan="2" valign="top"><div class="top"><br />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Muvis</title>

<style type="text/css">

<!--

body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

}

body {

background-image: url(images/background.jpg);

background-repeat: repeat-x;

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

-->

</style>

<link href="styles.css" rel="stylesheet" type="text/css" />

<style type="text/css">

<!--

a:link {

color: #233937;

}

a:visited {

color: #595E61;

}

a:hover {

color: #595E61;

}

a:active {

color: #990000;

}

h1,h2,h3,h4,h5,h6 {

font-family: Georgia, Times New Roman, Times, serif;

}

h1 {

font-size: 24px;

color: #0C1514;

}

h2 {

font-size: 18px;

color: #2E4344;

}

h3 {

font-size: 16px;

color: #000000;

}

-->

</style></head>



<body><table width="770" border="0" align="center" cellpang="0">

<tr>

<td height="301" colspan="2" valign="top"><div class="top"><br />
<img src="top.jpg" colspan="2" height="301"

<br />
<br />
</div><div class="menu">

<div class="menusystem"><ul class="themenu">

<li><a href="index.html">Home</a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html">Kontakt</a></li>

</ul></div>

</div></td>

</tr>

<tr>

<td colspan="2" valign="top"></td>

</tr>

<tr>

<td width="242" height="0" align="left" valign="top" bgcolor="#FFFFFF"><div class="side-top">

Infokasten

</div>

<div class="side-center">

<p>Hier stehen mal irgendwann Informationen. </p>

</div>

<div class="side-bot"> </div></td>

<td width="518" valign="top"><table width="516" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<tr>

<td valign="top"><h1>&nbsp;</h1>
<h2>&nbsp;</h2>
<h3>&nbsp;</h3></td>

</tr>

</table></td>

</tr>

<tr>

<td colspan="2"><div class="bottom">

<div class="bottom-menu"><ul class="thebmenu">

<li><a href="index.html">Home</a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html"></a></li>

<li><a href="index.html">Kontakt</a></li>

</ul></div>

</div></td>

</tr>

<tr>

<td colspan="2" bgcolor="#FFFFFF"><div align="center"><a href="http://www.communivoice.com">Copyright xy</a></div></td>

</tr>

</table>



<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>

</html>
Zum Vergrößern anklicken....
 
Du verwendest erst css-angaben innerhalb des <head>..</head>, dann bindest du eine externe css-datei ein, dann nochmal css-angaben direkt im head-bereich und anschließend nochmal inline-angaben.

solltest du nicht alle angaben in eine einzige Datei auslagern?

Desweiteren zeichnest du deinen Inhalt nicht korrekt aus. Erst wenn dein html fehlerfrei und semantisch korrekt ist, kannst du deine css-fehler beheben. Ansonsten sucht man die Nadel im Nadelhaufen...man löst einen Fehler und schon kommt der nächste.

Anbei, vorab, du hast ein <img> nicht geschlossen und gibst ihm "colspan"...wohlmöglich könnte das die Ursache sein..vllt aber auch nicht.


Gruß
Loo3ny
 
Werbung:
EDIT: Hat sich erledigt. Ich musste nur an den Größen Spielen. Danke für eure Hilfe. :)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben