Avatar billede jwolf Nybegynder
06. oktober 2000 - 13:35 Der er 21 kommentarer og
1 løsning

baggrunds billede som IKKE gentager sig.

Nogen der ved hvordan får et baggrundsbillede til kun at blive vist én gang på en side. Hvis billedet er lille, vil den automatisk \'Tile\' det så der kommer flere af det samme billede ved siden af hinanden, hvilket jeg ikke vil ha\'!
Avatar billede barlach Nybegynder
06. oktober 2000 - 13:38 #1
background=\"../layout/center_bg.gif\" style=\"background-repeat: no-repeat;\"
Avatar billede barlach Nybegynder
06. oktober 2000 - 13:38 #2
i dit <body>-tag
Avatar billede jwolf Nybegynder
06. oktober 2000 - 13:44 #3
prøver lige..
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 13:45 #4
Du kan definerer det i css:

BACKGROUND: white url(\"baggrund.gif\");
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: center center;

Position virker i Netscape 4, men virker sådan :  BACKGROUND-POSITION: \'vertical pos\' \'horisontal pos\';
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 13:46 #5
position virker IKKE i netscape 4 - sorry
Avatar billede jwolf Nybegynder
06. oktober 2000 - 13:51 #6
kanon! 1000 tak! du ved ikke tilfældigvis også om man kan lave en margin så baggrundsbilledet ikke ligger klistret op ad siden? Jeg kunne selvfølgelig bare lave billedet om, men det kunne være fikst hvis man kunne gøre det i html :o)
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 13:59 #7
jeg mener at du skal bruge

background-position: 25px 25px;

regenet fra øverst venstre hjørne. I dette eksempel vil den strate billedet 25pixels fra venstre kant og 25 pixels fra toppen.


Avatar billede barlach Nybegynder
06. oktober 2000 - 14:00 #8
mmm...prøv feks LEFTMARGIN=\"40\"
Avatar billede barlach Nybegynder
06. oktober 2000 - 14:00 #9
eller som mikkelfunck siger... =)
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 14:02 #10
Avatar billede jwolf Nybegynder
06. oktober 2000 - 14:10 #11
hvordan bruger jeg css? :o)
Avatar billede jwolf Nybegynder
06. oktober 2000 - 14:15 #12
det skal erklæres skal det ikke?
<STYLE TYPE=\"text/css\"> eller sådan noget oppe i <head> ??
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 14:17 #13
du ligger denne linie i <head>

<link rel=\"stylesheet\" href=\"filnavn.css\" type\"text/css\">

Og så kigger du på
http://www.w3.org/TR/REC-CSS1

for yderligere oplysninger. css er et stylesheet hvor du kan definerer dine fonte, farver, headers etc gennemgående for hele din site. Men hvis det kun er en side det handler om, så gør som barlach har foreslået. Det er sgu nemmere. 80)

Mikkel
Avatar billede jwolf Nybegynder
06. oktober 2000 - 14:23 #14
ok. tak for hjælpen... det funker nu ;o)
det var dælme hurtig hjælp, kanon!
Avatar billede jwolf Nybegynder
06. oktober 2000 - 14:35 #15
hov.. jeg kan ikke få det til at virke når jeg bruger css...

sådan ser min style.css fil ud:
BACKGROUND: black url(\"f:\\homepage\\bg.jpg\");
BACKGROUND-REPEAT: no-repeat;
background-position: 25px 25px;

og den ligger samme sted som resten af hjemmesiden

sådan ser min <head> ud:

<head>
<link rel=\"stylesheet\" href=\"f:\\homepage\\style.css\" type\"text/css\">
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<title>New Page 1</title>
</head>


den vil ikke engang vise bg-billedet :o(
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 14:41 #16
min fejl ;-)

BODY
{
BACKGROUND: black url(\"f:\\homepage\\bg.jpg\");
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 25px 25px;
}

Avatar billede jwolf Nybegynder
06. oktober 2000 - 14:49 #17
Yeah! Så kører det! Wohoo! ;o)
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 14:54 #18
cool, tjek det link jeg gav dig til W3C, der er masser af gode ting at hente. 80)
Avatar billede jwolf Nybegynder
06. oktober 2000 - 15:14 #19
Skulle man ikke kunne lave sin .css fil sådan her?

STYLE
{
A:hover {font-weight: plain; color: #000FFF; text-decoration: none;}
a:visited    { font-weight: plain; color: #FF0000; text-decoration: none;}
a:active    { font-weight: plain; color: #FF0000; text-decoration: none;}
a:link      { font-weight: plain; color: #FF0000; text-decoration: none;}
A:visited:hover {font-weight: plain; color: #000FFF; text-decoration: none;}
}

BODY
{
BACKGROUND: url(\"f:\\homepage\\SGUFT.jpg\");
BACKGROUND-REPEAT: no-repeat;
background-position: 50px 0px;
}
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 15:21 #20
næsten...

A:hover
{font-weight: plain; color: #000FFF; text-decoration: none;}
a:visited 
{ font-weight: plain; color: #FF0000; text-decoration: none;}
a:active 
{ font-weight: plain; color: #FF0000; text-decoration: none;}
a:link
{ font-weight: plain; color: #FF0000; text-decoration: none;}
A:visited:hover
{font-weight: plain; color: #000FFF; text-decoration: none;}

det du har lavet kan du til gengæld ligge i html-filen.

Mikkel
Avatar billede jwolf Nybegynder
06. oktober 2000 - 15:24 #21
hmm.. jeg fik det til at virke sådan her:
BODY
{
BACKGROUND: #E0F4FF url(\"bg.jpg\");
BACKGROUND-REPEAT: no-repeat;
background-position: 50px 0px;
A:hover {font-weight: plain; color: #000FFF; text-decoration: none;}
a:visited    { font-weight: plain; color: #FF0000; text-decoration: none;}
a:active    { font-weight: plain; color: #FF0000; text-decoration: none;}
a:link      { font-weight: plain; color: #FF0000; text-decoration: none;}
A:visited:hover {font-weight: plain; color: #000FFF; text-decoration: none;}
}

Jwolf
Avatar billede mikkelfunck Nybegynder
06. oktober 2000 - 15:32 #22
yep! :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester