Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „HTML nimmt CSS nicht an !“

admir

Hi lol :D

Hallo Leute.

Ich gebs zu, ich bin der größte CSS "Noob" der Welt :).

Desswegen brauche ich dringen eure Hilfe.

Ich habe eine HTML Datei und eine CSS Datei die wiefolgt aussehen:


HTML:

<!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>
<link rel="stylesheet" href="style.css" type="text/css">
<title>Dachdecker</title>
</head>

<body>

<div class="silver">
<div id="nav">
<ul>
<li><a href="randomlol" title="Home" class="current">Home</a></li>
<li><a href="randomlol" title="Button 2">Button 2</a></li>
<li><a href="randomlol" title="Button 3">Button 3</a></li>
<li><a href="randomlol" title="Button 4">Button 4</a></li>
<li><a href="randomlol" title="Button 5">Button 5</a></li>
</ul>
</div>
</div>

</body>
</html>


Und eine CSS Datei die so aussieht:


body {
margin-left: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
}

/* Silberne Navigation*/
silver #nav{
position:relative;
display:block;
height:50px;
font-size:11px;
font-weight:normal;
background:transparent url(images/silver_nav_background.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
}




Was ich damit erreichen wollte war eine Simple Navigation die aus 2 Bildern besteht..

Nur habe ich das Problem, dass dich Css Datei nicht aufgenommen wird von der Html datei (bzw. keinen Einfluss auf das Aussehen hat)...

Vielleicht könnt ihr ja einen Fehler finden oder mir einfach Tipps geben.

Ich wäre euch sehr verbunden

Liebe Grüße


Admir.
 

Herr_D

offline

AW: HTML nimmt CSS nicht an !

Code:
silver #nav{

da fehlt ein Punkt

Code:
.silver #nav{



allerdings ist die Anordnung auch eher merkwürdig... wozu brauchst du eine class silver, wenn du eigentlich die id nav formatieren willst?
 

admir

Hi lol :D

AW: HTML nimmt CSS nicht an !

Code:
silver #nav{

da fehlt ein Punkt

Code:
.silver #nav{



allerdings ist die Anordnung auch eher merkwürdig... wozu brauchst du eine class silver, wenn du eigentlich die id nav formatieren willst?


Ich hab von w3schools so.

Also das mit dem text passt jetzt. Aber irgendwie erscheint das Bild immernoch nicht..
(Name und Pfad sind richtig)

Eig sollte das ganze ja noch so aussehen:



(Ohne Grafischen Text und Rollover halt)...

Hab dafür 1 Pixel rausgenommen und das ist das Bild: "images/silver_nav_background.gif"

Das im HTML vorhanden ist.

Es ist echt zum verzweifeln ^^... ich riechs aber schon, es ist ein winzig kleines Problem :s

Jedenfalls Danke für die schnelle und gute Antwort!
 

Herr_D

offline

AW: HTML nimmt CSS nicht an !

ich sitz grad an Unterrichtsvorbereitungen für morgen... deshalb wenig zeit...


Momentan scheint auch keiner der css-Freaks online zu sein... deshalb mußte wohl etwas warten ;)
 

admir

Hi lol :D

AW: HTML nimmt CSS nicht an !

ich sitz grad an Unterrichtsvorbereitungen für morgen... deshalb wenig zeit...


Momentan scheint auch keiner der css-Freaks online zu sein... deshalb mußte wohl etwas warten ;)

Ahh ein Lehrer ist der Herr :>...

Naja, ich hab soweit Zeit.

Muss die Welt des CSS' nun in 2 Tagen überreißen oder ich werde gefeuert hihi. Naja, ich mach das schon irgendwie :).

*hofft auf einen css-pro :>*

lg
 

alexanderhey

Aktives Mitglied

AW: HTML nimmt CSS nicht an !

hi.

liegt die css auch in dem gleichen ordner wie die htm-datei ? sonst bringen alle änderungen nichts.
 
AW: HTML nimmt CSS nicht an !

1. Dein Hintergrundbild heißt silver_nav_background.gif.gif
Also entweder im Quellcode so angeben oder das eine .gif entfernen. ;D

2. Entferne im Stylesheet das "transparent".

3. Nun klappts. :)
 

Herr_D

offline

AW: HTML nimmt CSS nicht an !

Guck mal hier nach...






Irgendwas stimmt bei deinem css nicht (die li werden noch nicht nebeneinander angezeigt).... mir fehlt nur grad die Zeit das umzuschreiben :(


Woher haste das Menue? Orginalquelle
 

admir

Hi lol :D

AW: HTML nimmt CSS nicht an !

1. Dein Hintergrundbild heißt silver_nav_background.gif.gif
Also entweder im Quellcode so angeben oder das eine .gif entfernen. ;D

2. Entferne im Stylesheet das "transparent".

3. Nun klappts. :)


Wohoo... Danke :D! Vielen Dank !!!
yeheehe

Danke für die ganze Hilfe Leute!


Ps: Du hast ein süßes Lächeln =)
 

Gackoo_duz

Gackoo

AW: HTML nimmt CSS nicht an !

Du hast das Bild falsch benannt... silver_nav_background.gif.gif

Sollte doch nur mit einen .gif, oder?

Der Stylesheet sollte dann so aussehen

/* Silberne Navigation*/
#nav{
position:relative;
display:block;
height:50px;
font-size:11px;
font-weight:normal;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
background-color: transparent;
background-image: url(silver_nav_background.gif);
background-repeat: repeat-x;
background-position: left top;
}

Ausserdem recht es wenn du nur das DIV formatierst.
Die Class kann weg

Also dann:
<div id="nav">
<ul>
<li><a href="www.google.de" title="Home" class="current">Home</a></li>
<li><a href="www.google.de" title="Button 2">Button 2</a></li>
<li><a href="www.google.de" title="Button 3">Button 3</a></li>
<li><a href="www.google.de" title="Button 4">Button 4</a></li>
<li><a href="www.google.de" title="Button 5">Button 5</a></li>
</ul>
</div>


Dann klappts auch mit den Nachbarn
 
S

saftig

Guest

AW: HTML nimmt CSS nicht an !

da war mehr als 1 fehler drin ;)
lern das mal lieber nochmal :D und kopier nicht nur.. davon lernt man nix..
hier so gehts:

musste noch schön die navipunkte formatieren und positionieren..
viel spass damit :)

bitteschön :p
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
174.479
Beiträge
2.577.994
Mitglieder
65.965
Neuestes Mitglied
peacefrogs
Oben