Banner

[kai]

hallo ich weis nicht wie ich ein Banner auf emine Page machen soll wir machen das gerade in der Schule.
{ background-image;url  ((egal ob ich hir eine URL oder den Pfad von meinem PC mache es kalppt nicht :-( ))  ;
background-repeat:repeat-x }

[Tobias K.]

Hallo kai,

hallo ich weis nicht wie ich ein Banner auf emine Page machen soll wir machen das gerade in der Schule.

mhh... den Satz versteh ich nicht so ganz, falls dir ein paar Punkte oder Kommata fehlen, hier sind welche: ...,,, :-)

{ background-image;url  ((egal ob ich hir eine URL oder den Pfad von meinem PC mache es kalppt nicht :-( ))  ;

das wundert mich nicht, du musst hinter 'background-image' auch einen Doppelpunkt schreiben und nicht einen Strichpunkt. Außerdem solltest du vielleicht die Leerzeichen hinter 'url' weglassen.

Aber was hat das ganze mit einem Banner zu tun?

Grüße aus Nürnberg
Tobias

[kai]

Danke Es ist zwar das erste mal das ich so was mache.

[kai]

Es klappt nicht ich habe es so gemacht

#probe { position:absolute; top:10px; left:20px;
background-image:url
http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg;
background-repeat:no-repeat; background-position:300px 400px; }

und ein div take das so heist

<div id="probe"></div>

es geht nicht :-(
*Heul*

[Nash Bridges]

Du hast die Klammern vergessen, versuch es so:

background-image: url(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);

Viel Glück!

[Tobias K.]

Hallo kai,

[...]
background-image:url
http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg;
[...]

da fehlt noch eine Klammer um die url:
background-image:url(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
Außerdem kann man das Bild nicht sehen, da er bei 300/400px anfängt, das div aber keine Ausdehnung hat.
Ist das Bild eigentlich wirklich dein Ernst? :-)

in solchen Fällen hilft: http://jigsaw.w3.org/css-validator/

Grüße aus Nürnberg
Tobias

[kai]

Nein aber das ist ein wall paper und ich dachte das sieht besser aus aber   geht ja nicht

#probe { position:absolute; top:300px; left:300px;
background-image:url
(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
background-repeat:no-repeat; background-position:500px 500px; }

[Jan]

Hallo,

#probe { position:absolute; top:10px; left:20px;
background-image:url
http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg;
background-repeat:no-repeat; background-position:300px 400px; }

<div id="probe"></div>

wenn alles so da steht wie hier kannst du das hintergrundbild nicht sehen da der <div> leer ist und auch via css keine grösse angegeben wird.
gib mal height und width werte an.

Gruss, Jan aus Dresden

[kai]

#probe { position:absolute; top:300px; left:300px;
background-image:url
(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
background-repeat:no-repeat; background-position:500px 500px; }

so geht aber auch nicht leider  was mache ich  Falsch

[Tobias K.]

Hallo kai,

background-image:url
(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);

lass den Zeilenumbruch nach url weg.

Grüße aus Nürnberg
Tobias

[MudGuard]

Hi,

#probe { position:absolute; top:300px; left:300px;
background-image:url

Es wurde Dir doch bereits gesagt, daß zwischen url und ( kein whitespace stehen darf.

(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
background-repeat:no-repeat; background-position:500px 500px; }

cu,
Andreas

[kai]

#probe { position:absolute; top:300px; left:300px; height:500px; width:500px;
background-image:url(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
background-repeat:no-repeat; background-position:500px 500px; }

so geht es auch nicht der zeilenumbruch ist im programm weg da steh ddas alles zu sammen !!1111

[Jan]

Hallo,
background-image:url(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);

background-repeat:no-repeat; background-position:500px 500px; }

mach mal das background-position:500px 500px; weg so liegt das bild ja nicht im sichtbaren bereich des div.

Gruss, Jan aus Dresden

[Tobias K.]

Hallo kai, <- auch wenn du Anrede und Verabschiedung konsequent ignorierst

#probe { position:absolute; top:300px; left:300px; height:500px; width:500px;
background-image:url(http://awp.gamesweb.com/wallpaper/wallpapers/Bubble_Gum_Crisis/aap.thumb.jpg);
background-repeat:no-repeat; background-position:500px 500px; }

logisch, das man da nichts sieht, dein <div> hat eine Größe von 500x500px, dein Hintergrundbild fängt aber erst bei der Position 500px/500px an und zwar ausgehend von der oberen Ecke des <div>s und nicht des Dokuments (logisch, das bild ist ja das Hintergrundbild von dem <div> und nicht von <body>). Deshalb fängt das Bild erst an, wenn das <div> gerade zu Ende ist. Du musst also entweder das <div> größer machen, oder die Zahlen bei der Position des Hintergrundbildes verkleinern.

Grüße aus Nürnberg
Tobias

[Carsten Schmidtke]

hallo ich weis nicht wie ich ein Banner auf emine Page machen soll wir machen das gerade in der Schule.
{ background-image;url  ((egal ob ich hir eine URL oder den Pfad von meinem PC mache es kalppt nicht :-( ))  ;
background-repeat:repeat-x }

schau dir doch mal an, wie ich das mache (erst weitleiten lassen und dann den Quelltext des Hautframes anzeigen lassen:

Abstrakte_Malerei: [url]http://www.wooop.de/Bilder/Abstrakte_Malerei/Abstrakte Malerei.htm[/url]
Barock: [url]http://www.wooop.de/Bilder/Barock/Barock.htm[/url]
Surrealismus: [url]http://www.wooop.de/Bilder/Surrealismus/Surrealismus.htm[/url]
Expressionismus: [url]http://www.wooop.de/Bilder/Expressionismus/Expressionismus.htm[/url]
Gotik: [url]http://www.wooop.de/Bilder/Gotik/Gotik.htm[/url]
Impressionismus: [url]http://www.wooop.de/Bilder/Impressionismus/Impressionismus.htm[/url]
Jugendstil: [url]http://www.wooop.de/Bilder/Jugendstil/Jugendstil.htm[/url]
Klassizismus: [url]http://www.wooop.de/Bilder/Klassizismus/Klassizismus.htm[/url]
Kubismus: [url]http://www.wooop.de/Bilder/Kubismus/Kubismus.htm[/url]
Manierismus: [url]http://www.wooop.de/Bilder/Manierismus/Manierismus.htm[/url]
Popart: [url]http://www.wooop.de/Bilder/Popart/Popart.htm[/url]
Realismus: [url]http://www.wooop.de/Bilder/Realismus/Realismus.htm[/url]
Rennaissance: [url]http://www.wooop.de/Bilder/Rennaissance/Rennaissance.htm[/url]
Rokoko: [url]http://www.wooop.de/Bilder/Rokoko/Rokoko.htm[/url]
Romantik: [url]http://www.wooop.de/Bilder/Romantik/Romantik.htm[/url]
Symbolismus: [url]http://www.wooop.de/Bilder/Symbolismus/Symbolismus.htm[/url]
Asian_Art: [url]http://www.wooop.de/Bilder/Asian_Art/Asian Art.htm[/url]
Originale: [url]http://www.wooop.de/Bilder/Originale/Originale.htm[/url]
Discounter: [url]http://www.wooop.de/Bilder/Discounter/Discounter.htm[/url]
Art_Deco: [url]http://www.wooop.de/Bilder/Art_Deco/Art Deco.htm[/url]