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

Firefox zeigt Background-Bild nicht an ?!

Anfaenger

Neues Mitglied
Hallo,
ich bin wirklich ein Anfänger ;) habe bis jetz immer nur mit Templates gearbeitet .. habe mich aber jetz mal ran gemacht selber ein html zu schreiben.. Ich schreibe mit Phase 5 und benutze Opera als WEB.Browser . . .
na gut dann hab ich ich rangemacht . . Hintergrundbild reingepackt und oben ganz einfach mit DIV ein paar buttons reingefügt.. soweit so gut.. in OPERA ;)
aber wenn ich das ganze Ding in Firefox öffne seh ich davon gar nichts mehr ..
nur SCHWARZ..
was hab ich falsch gemacht??? BITTE dringend um Hilfe ..
DANKE

Hier ist der Quellcode der Indexdatei:

http://ak47-music.de/Ordner0/index_quelltext.txt
 
Zuletzt bearbeitet:
Werbung:
Du solltest dir erstmal ansehen, wie ein HTML-Dokument auszusehen hat:

HTML:
<body text="#000000" bgcolor="black" link="#FF0000" alink="#FF0000" vlink="#FF0000">
</body></html>
<body><html>
ist mit Sicherheit nicht korrekt und ich glaube nicht, dass dir das Phase 5 ausgespuckt hat ;)

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 5crime Entertainment </title>

<meta name="author" content="Ray Gunner">
<meta name="editor" content="html-editor phase 5">

<style type="text/css">
body {
  background-color:#000;
  color:#fff;
}
</style>

</head>
<body>
<!-- hier dein Code rein -->

</body>
</html>
sollte erstmal reichen.

Zu deinen Bildern: lass man probeweise alle <div> - Tags weg!
 
hehe 2. problem taucht auf xD

Danke, firefox zeigt mir jetz was an ..
aber ich kann von meinen buttons nur den contact anklicken die anderen sind ganz normale bilder ?? warum kann man die nicht anklicken ?

und wenn ich aus <div style=" -> <style=" und am ende aus /></a></div> -> /></a> mache zeigt es mir den button gar nicht an .. also der quelltext sieht bisher so aus :

5crime Entertainment

was mach ich denn jetz schon wieder falsch?? danke
 
Werbung:
Dein <center> - Tag wird nicht geschlossen!

Code:
position:relative; top:113px; left:-210px;
sollte man zur Positionierung besser nicht heranziehen.

Mit left:-210px schiebst du dein Bild nach Links aus dem Browserfenster raus, wenn ich nicht irre!

Lass die <div>- Tags mal weg. Vermutlich überlagern sich einige Bilder und du kannst deswegen nur bestimmte anklicken!
 
ok

ok wenn ich die div tags weglasse kann man die buttons anklicken . yuhuu ;)
aaaaaaber ^^ sie sind logischer weiße dann ganz links unten .. und die ganze seite verschiebt sich ..
und weil ich den div tag gelöscht hab kann ich sie ja nicht mehr mit dem top:px; left:px; positionieren.. also wie krieg ich diese buttons dann an den platz wo ich sie haben will nämlichst oben in der leiset von meinem hintergrund bild... ???
danke
wäre nett wenn ich einen fertigen code bekommen könnte..
TAUSEND DANK !!

achja und wenn ich : position:relative nicht benutzen soll .. was soll ich dann anstatt von relative benutzen??

danke
 
Suchst du eine horizontale Liste?

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 5crime Entertainment </title>

<meta name="author" content="Ray Gunner">
<meta name="editor" content="html-editor phase 5">

<style type="text/css">
body {
  background-color:#000;
  color:#fff;
}

#logo {
  float:left;
}

#menu ul li {
  display:inline;
}
</style>

</head>
<body>
<!-- hier dein Code rein -->

<div id="logo">
  <img src="./ordner/logo.png" alt="" />
</div>
<div id="menu">
  <ul>
    <li>Link1</li>
    <li>Link2</li>
    <li>Link3</li>
    <li>Link4</li>
    <li>Link5</li>
  </ul>
</div>
</body>
</html>

Zum Thema: "Bitte fertigen Code posten" lies dir mal http://www.html.de/feedback/27540-freundlichkeit-im-forum.html durch. Gehe nicht davon aus, dass du hier immer fertige Schnipsel bekommst. Du musst selber arbeiten!

Gruß
 
Werbung:
uff

danke .. hab das problem jetz so gelöst habe statt relative einfach absolute angegeben und gebe jetz die pixel zur positioniereung neu ein ..
funktioniert auch soweit links sind and er richtigen stelle und lassen sich anklicken...

oder ist das ein schweres html verbrechen ?? ;)

danke für deine hilfe ..
 
Lass mal zunächst das noch weg:
Code:
 <center>

Ferner verzichte darauf, für jeden Link einen eigenen Div zu verwenden und dann auch noch jeden div zu positionieren.
Für eine Navigation verwendet man üblicherweise eine ul-Liste.
Beispiele hierzu findest du hier

edit: auch "absolute" ist nicht erforderlich.
 
oder ist das ein schweres html verbrechen ?? ;)

Kann man so sehen, ja, bitte nicht machen.

Nicht jeder Mensch der im Internet surft nutzt die gleiche Einstellung wie du. Bei ihm befinden sich die einzelnen Elemente dann womöglich ganz woanders oder liegen sogar außerhalb des Bildschirms. Bei position:absolute; verhält es sich glaube ich sogar so, dass noch nicht einmal ein Scrollbalken angezeigt wird, wenn sich der Content außerhalb des Screens befindet. Da bin ich mir aber nicht ganz sicher.

Jedenfalls solltest du das abstellen!

Gruß
 
Werbung:
hey

hab das jetz mal so ausprobiert und alle links werden rechts oben angezeigt!
und mein hintergrunds bild was zentriert sein sollte links
.. das heißt ich muss diese dinger ja noch irgendwie einzeln positionieren .. oda?
sonst sind die ja irgendwo ..
und wie mach ich das?? ich hab ja den einzelnen div tag von jedem link gelöscht .. daher funktionieren ja auch meine pixel angaben nicht mehr ..
bitte um hilfe danke

hier soweit hab ich es jetz :

5crime Entertainment
 
sry

sry ich blick echt nix mehr.. nochmal ganz langsam für mich . bitte
bin echt blutiger anfänger ;)

ich hab jetz den html code.. so : 5crime Entertainment

jetz muss ich noch eine css anlegen oder?? wenn ja .. wie muss ich die nennen ?? text.css ?

ich hab das einfach mal gemacht eine text.css datei angelegt ..



und das hier reingeschriben : container {
clear: both;
float: left;
width: 100%;
overflow: hidden;
background: #024c68;
font-family: Verdana;
font-size: 1em;
}

#navi {
float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

#navi li {
float: left;
position: relative;
right: 50%;
}

#navi a {
width: auto;
display: block;
padding:0 10px;
line-height: 1.5em;
color: #fff;
background: #ff8500;
border:1px solid #024c68;
text-decoration:none;
}

#navi a:hover {
background: #ffa340;
color: #000;
}



aber verändert hat sich nichts?

ich blick css wirklich nicht noch weniger wie html.. bitte um hilfe .. und bitte so damit es auch der größte dep* es versteht... danke ;)
 
Werbung:
Zurück
Oben