Button-Bilder werden nicht angezeigt.

iceee · 09.06.2010

Hallo nochmal,

ich werd hier noch stammgast durch meine vielen Fragen :S
Naja, also ich hab das Problem, dass die Buttons von meinen Icons nicht im Browser angezeigt werden.

HTML Code:

Code:

<body>
<center>

<table width="200" border="0" cellspacing="0" id="logo1">
  <tr>
    <td><div id="logo"></div></td>
  </tr>
</table>


    <ul id="navigation">
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Browse</a></li>
        <li><a href="index.html">Support</a></li>
        <li><a href="index.html">Help</a></li>
        <li><a href="index.html">Links</a></li>
    </ul>
</br>
</br>
<table width="800" border="0" cellspacing="0">
  <tr>
    <td height="800"><div id="text"></div></td>
  </tr>
</table>

</center>
</body>

CSS-Code:

Code:

body {
	background-image:url(Images/Hintergrund.png);
	background-repeat:repeat;
}

#header {
	background-image:url(Images/headone.png);
	background-repeat:repeat-x;
	height:160px;
	width:auto;
}

ul#navigation {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
		margin-left: 500px;
		margin-top: -70px;
}

ul#navigation li {
        padding: 0px;
        margin: 0px;
		display:inline-block;
}

ul#navigation li a:link {
        display:inline-block;
        border: 1px solid #000;
        background:url(Images/Button1.png);
		padding:15px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
}

ul#navigation li a:hover {
        display:inline-block;
        border:1px solid #6FC;
        background:url(Images/Button.png);
        color: #000;
}
	
#logo {
	margin-top:-30px;
	height:120px;
	width:200px;
	background:url(Logo/Berryunlimitedklein.png);
}

#logo1 {
	position:relative;
	right:212px;
}

#text {
	background:url(Images/Body.png);
	height:800px;
	border:1px solid #000;
	margin-top:100px;
}

Screenshot:

Programme:

-Dreamweaver, Google Chrom und Photoshop für die Bilder

Ich hoff ich hab diesmal alles richtig gemacht mit Frage posten

Hoffe mir kann jemand helfen, im Dreamweaver werden die bilder ganz Normal angezeigt...

...MfG

cebito · 09.06.2010

AW: Button-Bilder werden nicht angezeigt.

iceee schrieb:
im Dreamweaver werden die bilder ganz Normal angezeigt...

100%ig ein Pfadproblem, DW sieht das nicht so eng... Erklär mal deine Ordner- und Dateistruktur, was ist wo?

sokie · 09.06.2010

AW: Button-Bilder werden nicht angezeigt.

möglicherweise liegts auch einfach an Gross/klein-Schreibung.
um da Fehlerquellen zu vermeiden solltest du vielleicht einheitlicher bei ordner und dateinamen arbeiten:
beisp.

Images/headone.png
Images/Button.png...

iceee · 09.06.2010

AW: Button-Bilder werden nicht angezeigt.

was meinst du denn mit ordentlicher arbeiten?
Ich geb mir doch schon mühe Ordnung auf allgemein der ganzen Festplatte zu halten.

EIn kleines Bild meiner Ordner.
Rechtschreibung ist doch eigentlich richtig, oder?

Den headone.png ist falsch, den habe ich noch von der alten idee übernommen, denn bis ich die Navileiste so habe wie jetzt hats bisschen gedauert, wie ich das am besten mache.

...MfG

iceee · 10.06.2010

AW: Button-Bilder werden nicht angezeigt.

Sorry für den Doppelpost, aber vielleicht hilft ja dass hier.
Ich habe jetzt die Hauptbuttons eingebunden, und dass Problem ist immernoch da.

Hab natürlich die selbe Art genommen, nur eben runterwärts.

HTML Code:

Code:

     <ul id="theme">
        <li><a href="index.html">Name 1</a></li>
        <li><a href="index.html">Name 2</a></li>
        <li><a href="index.html">Name 3</a></li>
        <li><a href="index.html">Name 4</a></li>
        <li><a href="index.html">Name 5</a></li></ul>

CSS Code:

Code:

ul#theme {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
		margin-left:0px;
		margin-top:50px;
}

ul#theme li {
        padding: 0px;
        margin: 0px;
		display:block;
}

ul#theme li a:link {
        display:block;
        border:1px solid #000;
        background:url(Images/Theme.png);
		background-repeat:no-repeat;
		padding:15px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
}

ul#theme li a:hover {
        display:block;
        border:1px solid #39F;
        background:url(Images/Theme.png);
		background-repeat:no-repeat;
        color: #000;
}

den rest habt ihr ja schon.

Vielleicht hilft euch ja dass.. Komischerweise wird das Logo und der Hintergrund angezeigt ....

MfG

edit//

http://www.abload.de/image.php?img=unbenanntl4fw.png

so siehts im Firefox aus, der rahmen ist 300px mal 100px groß und im selben Ordner wie die anderen Images

Sinane · 11.06.2010

AW: Button-Bilder werden nicht angezeigt.

Mhm wo liegt deine css-Datei? Wenn dein images-Ordner im Hauptverzeichnis liegt, deine css-Datei aber in einem anderen Ordner, versuch mal

HTML:

background: url(../Images/Theme.png)

GRUß Sinane

*Edit: Es ist tatsächlich sinnvoll, die Ordner- und Dateinamen einheitlich kleinzuschreiben, aus-versehen-klein-geschrieben geht dann nicht mehr

iceee · 11.06.2010

AW: Button-Bilder werden nicht angezeigt.

okay, dann eben alles klein.
Aber hatte es ja geprüft, ist alles Richtig.

berryunlimited
index.html
style.css
images
-> Button.png
logo
-> logo.png

Sinane · 11.06.2010

AW: Button-Bilder werden nicht angezeigt.

Kannst du mal bitte einen Link zu deiner Seite posten? Also keinen Screen?

iceee · 11.06.2010

AW: Button-Bilder werden nicht angezeigt.

Könnte ich morgen machen, da ich wie schonmal gesagt keinen Zugriff auf den Webspace und keine Ahnung ohne meinen Papa habe.

Also keine ahnung wie ich drauf komme.

Werde morgen mal hochladen-