Avatar billede harlis Nybegynder
11. marts 2002 - 09:22 Der er 29 kommentarer og
1 løsning

Lodret streg, 1 pixel bred...

Hej.

Jeg leger lidt med en hjemmeside og kunne godt tænke mig en lodret streg på en pixel(bredde) som "mellem-led" mellem 2 frames. Kan man kun lave det i en tabel, og hvis ja; Hvordan?

Se eksempel her: www.fremskrittspartiet.no

(har prøvet at kigge på deres kilde, men det blev jeg ikke klogere af *S)

harlis

PS: Ved ikke rigtigt om det er den rigtige kategori jeg har spurgt i...
Avatar billede hoejrup Nybegynder
11. marts 2002 - 09:41 #1
Det er lavet som en enkelt pixel, og noget css. Så det er ikke en tabel.

.leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/system/images/blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 09:43 #2
Så kan jeg bare sætte det ind i min <head> og så spiller det bare?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 09:53 #3
Nej, du skal lave en sort prik som et gif billede: blackpix.gif
Derefter skal du skrive følgende i dit head tag:

<style type="text/css">
Det er lavet som en enkelt pixel, og noget css. Så det er ikke en tabel.

.leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/system/images/blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>

/per
Avatar billede hoejrup Nybegynder
11. marts 2002 - 09:54 #4
<style type="text/css">
.leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/system/images/blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 09:57 #5
nu har jeg gjort det, men stregen kommer ikke frem...

skal man ikke "kalde" den frem nede i body et sted?
Avatar billede harlis Nybegynder
11. marts 2002 - 09:59 #6
mit dokument ser nu sådan ud:
<html>
<head>
<title>test</title>
<style type="text/css">
.leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>
</head>
<body>
Virker det mon?
</body>
</html>

Hvad mangler jeg for at kunne få stregen frem?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:00 #7
.leftMenuDeliminator skal også kaldes i din html med f.eks. <body id="leftMenuDeliminator">

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:03 #8
Nu ser siden sådan ud:
<html>
<head>
<title>test</title>
<style type="text/css">
.leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>
</head>
<body id="leftMenuDeliminator">
Virker det mon?
</body>
</html>

Og der kommer ingen streg stadigvæk...

billedet og html siden ligger i samme mappe
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:06 #9
Har du husket at lave et billede gif med navnet blackpix.gif, og lagt den ind i din mappe?

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:09 #10
ja, jeg gemte deres billede inde fra siden www.fremskrittspartiet.no

(blackpix.gif)...

kan du se om det virker i din browser med førnævnte kode/billede?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:10 #11
Prøv at ændre . til #

<html>
<head>
<title>test</title>
<style type="text/css">
#leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>
</head>
<body id="leftMenuDeliminator">
Virker det mon?
</body>
</html>

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:13 #12
virker heller ikke...:

<html>
<head>
<title>test</title>
<style type="text/css">
#leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>
</head>
<body id="leftMenuDeliminator">
Virker det mon?
</body>
</html>
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:19 #13
Det virker fint her: http://www.kazoma.dk/eksperten/demo.html

/per
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:22 #14
Når du skal hente billedet blackpix.gif, så skal du huske at anvende stien til dit billede:

BACKGROUND-IMAGE: url(/minbilledemappe/billeder/blackpix.gif);

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:26 #15
nu har jeg lagt billedet i en mappe ved navn grafik...:

<html>
<head>
<title>test</title>
<style type="text/css">
#leftMenuDeliminator
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(/grafik/blackpix.gif);
    BACKGROUND-REPEAT: repeat-y
}
</style>
</head>
<body id="leftMenuDeliminator">
Virker det mon?
</body>
</html>

Men det virker stadigvæk ikke... men jeg kunne godt se at dit virkede!
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:28 #16
Du har sikkert ikke lavet dit billede om til gif. Du må nemlig ikke bare ændre navnet på dit billede til gif, det skal gøres i et billedbehandling program som Photoshop, Paint Shop Pro eller CoralDraw mv.

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:32 #17
jeg gemte billedet fra deres side (blackpix.gif)og når jeg åbner det billede så kan jeg se en lille sort prik...så det burde ikke være det!

Det kan vel heller ikke være browserversionen, når jeg kan se den du lavede?

og heller ikke skærmopløsning?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:34 #18
Har du prøvet at gemme min html fil, der virker udemærket?

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:35 #19
det kan godt se ud til at den klistrer sig op ad den venstre kant...(måske) kan man flytte den f.eks. 5 cm ind fra venstre kant?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:35 #20
Hvis min html fil ikke virker på din server, så er det fordi den er uploaded forkert.

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:39 #21
ja, gemmer jeg din, så virker det heller ikke... man kan da godt åbne det i browseren fra f.eks. c: IKKE?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:39 #22
Ja, du skal ændre position til:

BACKGROUND-POSITION: 50mm 0mm;

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:44 #23
Nu virker det... ER DET IKKE LIDT FOR MYSTISK???

hvordan kan den ligge helt ude i siden i min, og ikke i din?

og hvordan foregår det så: Hvis jeg nu vil ligge den de 5cm fra venstre kant(og gør det). Hvad så hvis der kommer folk med en lavere opløsning, flytter stregen sig så?
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:50 #24
Stregen bliver altid tegnet 5cm ud for venstre kant, uanset opløsningen på skærmen.

/per
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:51 #25
Er du tilfreds?

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:51 #26
Nå, men jeg takker mange gange for hjælpen, den har været guld værd! (uden at overdrive!) Men du skal lige oprette et svar så du kan få dine velfortjente points...!  :o)

Harlis
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:51 #27
Det kan være en fejl i din browser.

/per
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:52 #28
Velbekomme!

/per
Avatar billede harlis Nybegynder
11. marts 2002 - 10:52 #29
100%, tak for hjælpen; her er dine points!
Avatar billede hoejrup Nybegynder
11. marts 2002 - 10:53 #30
Velbekomme!

/per
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
Kurser inden for grundlæggende programmering

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