✔ anfänger frage zum hintergrund

Status
Nicht offen für weitere Antworten.
P

Pielo

Mitglied
tagchen ich bin relativ neu in der thematik css, habe sonnst immer alles mit reinem html gemacht, wollte (weil ich meine seite eh mal bissl neu machen wollte halt auch bissl css reinbringen).

so ich habe ein ziemlich komisches problem. ich habe mir die video2brain "html und css einstieg" besorgt. aber irgendwie will das bei mir mit dem hintergrund nicht so richtig funken, noch nicht mal die Übungsdatein von v2b über die hintergrund sache funken bei mir (noch nicht mal hintergrundfarbe)!!

hier mal der code:

<!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>
<title>CSS</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
<!--

p {

background-color:#ffdddd;
oder halt dann das bild (beide version probiert)
background: url(Page_neu/bg.gif) repeat-x fixed;
background-repeat:no-repeat;
background-position:center

}

//-->
</style>

</head>
<body>

text

</body>
</html>


wer lieb wenn mir einer men tip geben könnte woran es liegen kann.

danke schon mal im vorraus

***lg PIelo***

P.S.: habe es mit opera, firefox und IE probiert (jeweils aktuelle versionen)
 
Hi,

die CSS-Regel wurde für das p-Element definiert, also bette den Text in dieses Element ein, damit sie wirksam wird:

Code: 
<body>

<p>text</p>

</body>
Dem Dateiname der Hintergrundgrafik zufolge, ist die Regel aber wohl eher für das body-Element bestimmt ;)

Und dann möchte ich dich darum bitten, unsere Netiquette (Nr.15) bzgl. der Groß -und Kleinschreibung zu beachten, vielen Dank. :)

mfg Maik
 
Hallo @Pielo

Herzlich willkommen hier im Forum :)

Mach mal bitte zwischen <body> und </body> ein:
Code: 
<p>&nbsp;</p>

rein :)

Daran liegt es nämlich :)
Du weißt diese CSS-anweisungen dem falschen Objekt zu :)

Ich denke du willst, dass der gesamte (body) Hintergrund schwarz wird :)

Versuch es im CSS mal so:

Code: 
<style type="text/css">
<!--

body {

background-color:#ffdddd;
oder halt dann das bild (beide version probiert)
background: url(Page_neu/bg.gif) repeat-x fixed;
background-repeat:no-repeat;
background-position:center 

}

//-->
</style>

Grüße Simon :)


Edit: @Maik - Wieso bist du immer schneller ?! ;)
 
Maik hat gesagt.:
Hi,

die CSS-Regel wurde für das p-Element definiert, also bette den Text in dieses Element ein, damit sie wirksam wird:

Code: 
<body>

<p>text</p>

</body>
Dem Dateiname der Hintergrundgrafik zufolge, ist die Regel aber wohl eher für das body-Element bestimmt ;)

Und dann möchte ich dich darum bitten, unsere Netiquette (Nr.15) bzgl. der Groß -und Kleinschreibung zu beachten, vielen Dank. :)

mfg Maik
Zum Vergrößern anklicken....

SimonErich hat gesagt.:
Hallo @Pielo

Herzlich willkommen hier im Forum :)

Mach mal bitte zwischen <body> und </body> ein:
Code: 
<p>&nbsp;</p>

rein :)

Daran liegt es nämlich :)
Du weißt diese CSS-anweisungen dem falschen Objekt zu :)

Ich denke du willst, dass der gesamte (body) Hintergrund schwarz wird :)

Versuch es im CSS mal so:

Code: 
<style type="text/css">
<!--

body {

background-color:#ffdddd;
oder halt dann das bild (beide version probiert)
background: url(Page_neu/bg.gif) repeat-x fixed;
background-repeat:no-repeat;
background-position:center 

}

//-->
</style>

Grüße Simon :)


Edit: @Maik - Wieso bist du immer schneller ?! ;)
Zum Vergrößern anklicken....


Danke, euere Tips waren auf jeden Fall die Richtige.


Und dann möchte ich dich darum bitten, unsere Netiquette (Nr.15) bzgl. der Groß -und Kleinschreibung zu beachten, vielen Dank.
Zum Vergrößern anklicken....

Ja sorry ich probiere mich in Zukunft zu bessern, auch wenn ich nicht der beste im Deutschunterricht war.

@ all

danke noch mal für eure total schnellen Antworten!

***lg Pielo***
 
Ich hab mir diese Deklarationen im nachhinein etwas genauer angeschaut:
Code: 
background: url(Page_neu/bg.gif) repeat-x fixed;
background-repeat:no-repeat;
Zum Vergrößern anklicken....
Hier solltest du dich entscheiden, ob das Hintergrundbild nun auf der X-Achse wiederholt werden soll, oder ob die background-repeat:no-repeat-Deklaration ihre Gültigkeit besitzt, und das Hintergrundbild eben nicht wiederholt werden soll.

mfg Maik
 
Maik hat gesagt.:
Ich hab mir diese Deklarationen im nachhinein etwas genauer angeschaut:

Hier solltest du dich entscheiden, ob das Hintergrundbild nun auf der X-Achse wiederholt werden soll, oder ob die background-repeat:no-repeat-Deklaration ihre Gültigkeit besitzt, und das Hintergrundbild eben nicht wiederholt werden soll.

mfg Maik
Zum Vergrößern anklicken....

ui ja danke, hab ich total übersehn. ich hatte vorhin sämtliche Sachen probiert und getestet und da hab ich das dann halt auch probiert gehabt!!

kann ich eigendlich ein Hintergrund einfügen und dann (weil das bild etwas kleiner ist) noch ne Hintergrundfarbe einfügen
 
Selbstverständlich kannst du das, indem du beispielsweise die einzelnen Eigenschaftswerte in der background-Eigenschaft angibst ;)

Code: 
background: #ffdddd url(Page_neu/bg.gif) repeat-x fixed;
Ansonsten gibt es da noch die längere Variante:

Code: 
background-color: #ffdddd;
background-image: url(Page_neu/bg.gif);
background-repeat: repeat-x;
background-attachment: fixed;
mfg Maik
 
Maik hat gesagt.:
Selbstverständlich kannst du das, indem du beispielsweise die einzelnen Eigenschaftswerte in der background-Eigenschaft angibst ;)

Code: 
background: #ffdddd url(Page_neu/bg.gif) repeat-x fixed;
Ansonsten gibt es da noch die längere Variante:

Code: 
background-color: #ffdddd;
background-image: url(Page_neu/bg.gif);
background-repeat: repeat-x;
background-attachment: fixed;

mfg Maik
Zum Vergrößern anklicken....

Cool danke! Das wars jetzt erst mal, aber ich komm sicher im laufe meines bastelns noch mal auf euch zu, ihr seid wirklich klasse und vorallen super schnell! :D

***lg Pielo***
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück