Avatar billede mads375 Juniormester
27. februar 2012 - 10:18 Der er 21 kommentarer og
1 løsning

CSS virker ikke

Hejsa.

Mit css virker ikke, jeg kan overhovedet ikke få hul igennem til det. Men det mener jeg at når jeg ser det i browseren, får jeg ikke et baggrundbillede, og heller ikke en width og height.

Er der en der kan se hvad jeg gør galt?

Mvh Mads
Avatar billede Vixo Novice
27. februar 2012 - 10:21 #1
Kan du vise din kode, så jeg kan se hvad du har gjort forkert??
Avatar billede mads375 Juniormester
27. februar 2012 - 10:36 #2
Ja selvfølgelig da, orry :-/

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TEC Rejser</title>
<link rel="stylesheet" type="text/css" href="css/top.css" />
</head>
<body>
    <table width="800" border="1" align="center">
        <tr width="600">
            <td class="logo"></td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
    <table  width="800" border="1" align="center">
        <tr>
            <td width="600">7</td>
            <td>
                <table>
                    <tr>
                        <td>14</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table  width="800" border="1" align="center">
        <tr>
            <td>8</td>
            <td>9</td>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
        </tr>
    </table>


</body>
</html>






@CHARSET "UTF-8";

.logo    {
    width: 482;
    height: 97;
    background-image: url(../img/banner_01);
    background-repeat: no-repeat;
}
Avatar billede mads375 Juniormester
27. februar 2012 - 10:39 #3
Det var det her billede jeg ville have vedhæftet i føste spørgsmål :-)

http://billedeupload.dk/?v=RXgjv.jpg
Avatar billede Vixo Novice
27. februar 2012 - 10:44 #4
du skal skrive:

width: 482px;
height: 97px;

altså angive hvad bredden og højden skal være i
Avatar billede mads375 Juniormester
27. februar 2012 - 10:49 #5
åh ja det er rigtigt, det har jeg rettet, men der sker stadigvæk ikke noget. Jeg kan ikke se at det skulle være andet en stien. Selvom man retter px i width og height, så burde siden i browseren jo at vise noget af billedet
Avatar billede Vixo Novice
27. februar 2012 - 10:55 #6
Du har vel husket at placere css filen i den rigtige mappe så? ^^
Hvis det ikke virker kan jeg desværre ikke lige se fejlen
Avatar billede mads375 Juniormester
27. februar 2012 - 10:57 #7
Hov nu er der hul igennem.

.logo    {
    width: 482px;
    height: 97px;
    background-image: url(../img/banner_01);
    background-repeat: no-repeat;
}

den registrer tabel width og height nu, men nun mangler billedet bare. jeg prøvede at sætte .jpg, men der skete ikke noget.

ændringen er ../
Avatar billede Vixo Novice
27. februar 2012 - 11:02 #8
Nej, billedet skal jo også være af type .jpg hvis det skal virke.
Umiddelbart tror jeg det er stien til dit billede som der er noget galt med
Avatar billede keysersoze Ekspert
27. februar 2012 - 11:14 #9
billedet kan vel også sagtens være et .gif eller .png - det må du kunne se under filolysningerne.
Avatar billede Vixo Novice
27. februar 2012 - 11:19 #10
Prøv at skriv:

background-image:url('../img/banner_01.jpg');

hvis det er en .jpg fil.

I den kode du sendte i #2 , har du glemt at angive filtype på billedet.
Avatar billede Vixo Novice
27. februar 2012 - 11:23 #11
Hvis han skriver i sin kode at billedet er .jpg, så skal billedtypen og være .jpg, og ikke .gif eller .png.

Hvis han vil have et billede af filtypen .png, skal han jo bare angive dette.
Avatar billede keysersoze Ekspert
27. februar 2012 - 11:30 #12
hvis du ellers læser står der ikke at billedet er jpg - kun at det blev forsøgt med jpg.
Avatar billede mads375 Juniormester
27. februar 2012 - 11:49 #13
Det er mærkeligt, der sker bare ingenting. Skal jeg prøve at gemme den i et andet format end jpg?

Jeg har lige taget et screenshot af min sti til billedet. Bare lige for at få verificeret at det er den rigtige sti der bliver skrevet i css

http://billedeupload.dk/?v=vHfN7.jpg
Avatar billede mads375 Juniormester
27. februar 2012 - 11:59 #14
iøvrigt det skal lige nævnes at jeg har omdøbt jpg filen til "banner" istedet for "banner_1". Det har jeg selvfølgelig rettet i css
Avatar billede keysersoze Ekspert
27. februar 2012 - 12:13 #15
Nu siger du godt nok at bredde og højde ændrer sig - men hvis din struktur er som i dit ene billede bør stien til din CSS-fil være ../css/top.css. Kan du lægge det online så vi kan se hvad der sker eller ikke sker?
Avatar billede mads375 Juniormester
27. februar 2012 - 12:42 #16
Hov det virker sku nu efter jeg uploadede det:'

http://www.cs.au.dk/~mcduck4/rejser/html/index.html

men hvorfor dælen virker det så ikke på min localhost. Hm det var da mærkeligt??
Avatar billede mads375 Juniormester
27. februar 2012 - 12:45 #17
jeg har prøvet at genstarte localhost serveren (tomcat) inde i eclipse. Jeg kan sagtens se tabellerne, men ikke baggrund.

http://billedeupload.dk/?v=2AqZW.jpg
Avatar billede Vixo Novice
27. februar 2012 - 15:10 #18
Det ved jeg ikke hvorfor den gør..
Men ellers virker det?
Avatar billede mads375 Juniormester
27. februar 2012 - 17:34 #19
jo det virker når eg uploader, men ikke som localhost. Det er jo der jeg skal bruge det hele tiden, så jeg kan se hvordan det ser ud. Så derfor er problemet desværre ikke løst. Hvis der er andre ideer, må i meget gerne skrive dem :-)
Avatar billede keysersoze Ekspert
27. februar 2012 - 18:38 #20
Hvis du benytter IE kan compatibility mode være sat anderledes op end ellers så prøv at se om en ændring heri gør nogen forskel. Ellers så prøv at installere et program som fiddler så du kan se hvilke filer der hentes eller bliver forsøgt hentet og melder dit billede en 404 skyldes det en forkert henvisning. Giver intet af dette resultat så prøv med et mere simpelt eksempel, fx baggrundsbillede i html eller body.

Endelig - og nok vigtigst - så sørg for at skrive valid kode; http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cs.au.dk%2F%7Emcduck4%2Frejser%2Fhtml%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0
Avatar billede mads375 Juniormester
26. april 2012 - 19:24 #21
hov, kom helt fra at lukke tråden her. Det var som du sagde keyserzone en forkert henvisning.

Tak for hjælpen, og ligger du ikke et svar?

vh Mads
Avatar billede keysersoze Ekspert
26. april 2012 - 19:38 #22
svar
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