Søg
Avatar billede knallertjoe Praktikant
14. februar 2006 - 10:55 Der er 20 kommentarer og
1 løsning

CSS problem

Hej med jer.
Jeg har fået et login script som jeg arbejder lidt med.
I det script er der noget CSS (som jeg absolut ikke er særligt færm til - så derfor søger jeg hjælp.
Scriptet lyder:

<html>
<head>
<LINK href="css/styles.css" type=text/css rel=stylesheet>
</HEAD>
<BODY bgColor=#828282 leftMargin=0 topMargin=20 rightMargin=0>

<TABLE style="BORDER-BOTTOM: #000000 1px solid; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000" cellSpacing=0 cellPadding=0  align="center" width="80%" height="95%" bgColor=#e0e0e0 border=0 align="center">
<TBODY>
<TR height=85%>

<TD style="BACKGROUND-REPEAT: no-repeat" valign="top" align="center">
<BR><BR><BR>

Det jeg gerne vil er, at ændre farvekoderne #828282 og =#e0e0e0  til en gifbaggrund som hedder grasbaggrund.gif.

Jeg har rodet lidt med topstyle lite og fået følgende frem:
.background {
    background-image: url(../../../../Inetpub/wwwroot/supertipsligaen/grasbaggrund.gif);
    background-repeat: repeat;

Men hvordan indsætter jeg i det øverste, så det er grasbaggrund.gif der benyttes?

På forhånd tak.
Avatar billede fennec Nybegynder
14. februar 2006 - 11:25 #1
.xxx definere at alle elementer med class xxx bruger det anførte style. Du burde derfor bare skulle tildele dem den class og fjerne bgColor attributten:

<BODY class="background" leftMargin=0 topMargin=20 rightMargin=0>
<TABLE class="background" style="BORDER-BOTTOM...
Avatar billede horsmark Nybegynder
14. februar 2006 - 11:27 #2
måske du skulle starte med at undgå at sætte styles direkte på dine elementer således:

<html>
<head>
<LINK href="css/styles.css" type=text/css rel=stylesheet>
<style type="text/css">
    body {
        background-color:#828282;
        margin-top: 20;
    }
   
    table {
        border: #000000 1px solid;
        text-align: center;
        width:80%;
        height:95%;
        /*background-color:#e0e0e0;*/
      background-image: url(grasbaggrund.gif);
      background-repeat: repeat;   
    }
</style>
</HEAD>
<BODY>

<table cellSpacing=0 cellPadding=0>
    <tr height=85%>
        <td>test</td>
    </tr>
</table>
Avatar billede horsmark Nybegynder
14. februar 2006 - 11:29 #3
og endnu bedre som fennec skriver påsætte class

i headeren

table .minTabel {
...styles...
}

<table class="minTabel" ...
Avatar billede knallertjoe Praktikant
14. februar 2006 - 11:33 #4
Jeg er ikke helt med.
Jeg har fra et script:

</HEAD>
<BODY bgColor=#828282 leftMargin=0 topMargin=20 rightMargin=0>

og lidt længere nede:

width="80%" height="95%" bgColor=#e0e0e0 border=0 align="center">

I stedet for bgcolor vil jeg bare gerne benytte grasbaggrund.gif
Avatar billede fennec Nybegynder
14. februar 2006 - 11:41 #5
Du havde allerede lavet stylet (skal stå i dit CSS dokument):
.background {
    background-image: url(../../../../Inetpub/wwwroot/supertipsligaen/grasbaggrund.gif);
    background-repeat: repeat;
}

også udskifter du bare alle dine bgColor=#e0e0e0 og bgColor=#828282 med class="background"

bgColor skal jo ikke bruges længere :o)
Avatar billede knallertjoe Praktikant
14. februar 2006 - 11:57 #6
Jeg er totalt analfabet hvad angår CSS.

Kan du skære det i pap for mig:

I min CSS fil står der:

A {
    FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
    COLOR: #ffffff; TEXT-DECORATION: underline
}
BODY {
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
TD {
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
.small {
    FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana
}









I min header.inc har jeg:

<html>
<head>
<LINK href="css/styles.css" type=text/css rel=stylesheet>
</HEAD>
<BODY bgColor=#828282 leftMargin=0 topMargin=20 rightMargin=0>

<TABLE style="BORDER-BOTTOM: #000000 1px solid; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000" cellSpacing=0 cellPadding=0  align="center" width="80%" height="95%" bgColor=#e0e0e0 border=0 align="center">
<TBODY>
<TR height=85%>

<TD style="BACKGROUND-REPEAT: no-repeat" valign="top" align="center">
<BR><BR><BR>









Kan du fortælle hvordan de to filer skal se ud efter modificeringen?
Avatar billede horsmark Nybegynder
14. februar 2006 - 11:57 #7
åhh ja der er da et stylesheet *dammit* sorry :-|
Avatar billede fennec Nybegynder
14. februar 2006 - 12:17 #8
Dit style:
A {
    FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
    COLOR: #ffffff; TEXT-DECORATION: underline
}
BODY {
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
TD {
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
.small {
    FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana
}
.background {
    background-image: url(../../../../Inetpub/wwwroot/supertipsligaen/grasbaggrund.gif);
    background-repeat: repeat;
}

din header.inc
<html>
<head>
<LINK href="css/styles.css" type=text/css rel=stylesheet>
</HEAD>
<BODY class="background" leftMargin=0 topMargin=20 rightMargin=0>

<TABLE class="background" style="BORDER-BOTTOM: #000000 1px solid; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000" cellSpacing=0 cellPadding=0  align="center" width="80%" height="95%" border=0 align="center">
<TBODY>
<TR height=85%>

<TD style="BACKGROUND-REPEAT: no-repeat" valign="top" align="center">
<BR><BR><BR>
Avatar billede knallertjoe Praktikant
14. februar 2006 - 13:01 #9
Det virker desværre ikke
Hvis det hjælper noget ligger siden her:

http://www.supertipsligaen.dk/login/
Avatar billede fennec Nybegynder
14. februar 2006 - 13:10 #10
Smid lige ændringerne ind, så vi kan se hvad der sker, for de er der ikke nu :o)

Desuden har du 2 <body> tags i koden, hvilket er strengt ulovligt...
Avatar billede knallertjoe Praktikant
14. februar 2006 - 13:15 #11
Sorry.
Det var fordi jeg selv forsøgte noget.
Nu er ændringerne der.
Siden er da blevet hvid.
Tak for tålmodigheden i øvrigt !
Avatar billede fennec Nybegynder
14. februar 2006 - 13:19 #12
Du har ikke fået:

.background {
    background-image: url(../../../../Inetpub/wwwroot/supertipsligaen/grasbaggrund.gif);
    background-repeat: repeat;
}

... tilføjet i style.css
Avatar billede fennec Nybegynder
14. februar 2006 - 13:21 #13
Der er desuden noget galt med den url. Kan ikke tro den er lovlig. Skal nærmere være:
background-image: url('/grasbaggrund.gif');

Ved at starte med / henter den stien fra roden af websitet.
Avatar billede knallertjoe Praktikant
14. februar 2006 - 13:28 #14
Jeg havde glemt at kopiere den afsluttende tuborg med da jeg indsatte i mit style.

Nu har jeg endvidere ændret stien til /grasbaggrund.gif

Det virker desværre stadig ikke :-(
Avatar billede horsmark Nybegynder
14. februar 2006 - 13:32 #15
upload lige dine ændringer
Avatar billede fennec Nybegynder
14. februar 2006 - 13:36 #16
Jeg ser grønt græs nu...
Avatar billede knallertjoe Praktikant
14. februar 2006 - 13:40 #17
Hep hey.
Det virker.
1000 tak for hjælpen.
Smid nogle svar !!!!
Hvordan vil en rimelig pointfordeling være?
Avatar billede fennec Nybegynder
14. februar 2006 - 13:41 #18
Det er op til dig at fordele point...

.o) <-- One Eyed Jack
Avatar billede fennec Nybegynder
14. februar 2006 - 13:47 #19
En lille bemærkning nå du ændrer i CSS filen:

Det kan godt være du skal trykke F5 et par gange, inden du ser CSS opdateringerne. IE har det nemlig med at bruge den CSS fil, den har cashet fra sidste visning. Ved at trykke F5 tvinger man den til at hente den nye fil.

Det er ikke noget dine brugere vil mærke, da IE henter den rigtige fil, hvis man ikke har været inde inden for den sidste time, og surfer men rundt på dine sider, får den hentet det rigtige CSS på et eller andet tidspunkt (gerne efter et par sider).
Avatar billede knallertjoe Praktikant
14. februar 2006 - 13:52 #20
1000 tak.
Hvis du/i vil, er i meget velkomne til at tilmelde jer.
Se reglerne kort på forsiden - eller den længere version under "regler"
Avatar billede horsmark Nybegynder
14. februar 2006 - 14:32 #21
super at det spiller og skidt pyt med poijnt ;-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »