Avatar billede hhdsleizer Nybegynder
07. april 2005 - 16:59 Der er 7 kommentarer og
1 løsning

Problemer med ramme

hej eksperter... jeg er ved at lave en ny side og ville denne gang prøve at lave det hele i rammer. Disse rammer består af 8 billeder(4 hjørner+ 4kanter) der samles i en table. dette går fint i firefox men da jeg undersøgte omindholdet så tilfreds ud i IE er der hul mellem den øverste del og resten...

min table ser ud som følger:

<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
    <TD><div id=nvborder></div></TD>
    <TD width="800px"><div id=nborder></div></TD>
    <TD><div id=neborder></div></TD>
</TR>
<TR>
    <TD height="100px"><div id=vborder></TD>
    <TD><p>Hej alle</p></TD>
    <TD><div id=eborder></div></TD>
</TR>
<TR>
    <TD><div id=svborder></div></TD>
    <TD><div id=sborder></div></TD>
    <TD><div id=seborder></div></TD>
</TR>
</TABLE>

og mit css

#nvborder{
    width: 5px;
    height: 5px;
    background-image: url("billeder/nvborder.bmp");
    background-repeat: no-repeat;
}


#nborder{
    width: 100%;
    height: 5px;
    background-image: url("billeder/nborder.bmp");
    background-repeat: repeat-x;
    }

#neborder{
    width: 5px;
    height: 5px;
    background-image: url("billeder/neborder.bmp");
    background-repeat: no-repeat;
    }


#vborder{
    width: 5px;
    height: 100%;
    background-image: url("billeder/vborder.bmp");
    background-repeat: repeat-y;
    }

#eborder{
    width: 5px;
    height: 100%;
    background-image: url("billeder/eborder.bmp");
    background-repeat: repeat-y;
    }

#svborder{
    width: 5px;
    height: 5px;
    background-image: url("billeder/svborder.bmp");
    background-repeat: no-repeat;
}

#sborder{
    height: 5px;
    width: 100%;
    background-image: url("billeder/sborder.bmp");
    background-repeat: repeat-x;
    }

#seborder{
    width: 5px;
    height: 5px;
    background-image: url("billeder/seborder.bmp");
    background-repeat: no-repeat;
}

har jeg lavet en mega brøler eller lavet en tryk fejl? kan ikke se det.. hvis måden jeg har gjort det på er helt i vejret modtager jeg også gerne forslag til andre måder at gøre dette på..
Avatar billede hhdsleizer Nybegynder
07. april 2005 - 19:58 #1
glemte helt at sige at siden det ligger på er http://www.sleizer.dk
Avatar billede Daniel.E Praktikant
08. april 2005 - 13:45 #2
du kan altid lave et seperat css stylesheet hvor du placere de sidste 2 rigtigt.  Eller er det 4.. hmm.. nå, men se på koden nedenunder.

position: relative:
top: 10px;

Du kan lave et stylesheet der hedder iefix.css, og ligge der forskellige ind i der.

<!--[if IE]>
    <link rel="stylesheet" type="text/css" media="screen" href="iefix.css" />
<![endif]-->


Jeg skulle sidde og download alle de forskellige billede filer 1 af gangen, ved at kigge i din CSS kode, og sammensætte korrekt URL.  Det gad jeg ikke lige, så husk til næste gang at gøre det nemmere for os.  Så kan vi give mere korrekt hjælp.

Giv mig ikke points.... jeg er ikke samler.. så hellere et lille ord i min karma..
Avatar billede roenving Novice
08. april 2005 - 15:10 #3
>>vb2

Hvorfor trykkede du  ikke bare på linket ?-)

-- og hvorfor lægger du diver ind i cellerne, kan du ikke bare sætte det på cellerne ?o]

<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
    <TD id="nvborder">&nbsp;</TD>
    <TD width="800px" id="nborder">&nbsp;</TD>
    <TD id="neborder">&nbsp;</TD>
</TR>
<TR>
    <TD height="100px" id="vborder">&nbsp;</TD>
    <TD><p>Hej alle</p></TD>
    <TD id="eborder">&nbsp;</TD>
</TR>
<TR>
    <TD id="svborder">&nbsp;</TD>
    <TD id="sborder">&nbsp;</TD>
    <TD id="seborder">&nbsp;</TD>
</TR>
</TABLE>

-- og så skal du tilføje line-height:0; til dine styles, så mellemrummet indeni ikke laver for stor højde !-)
Avatar billede roenving Novice
08. april 2005 - 15:10 #4
-- og font-size:0px;
Avatar billede Daniel.E Praktikant
12. april 2005 - 09:16 #5
hvilket link indeholder den komplette pakke for at gøre det nemt ??
Avatar billede roenving Novice
12. april 2005 - 16:20 #6
Hvis jeg skal teste den slags kode udskifter jeg altid bare relative billed-stier med absolutte ...

-- men det var jo ikke nødvendigt at downloade, da koden var rimelig tydelig !-)
Avatar billede hhdsleizer Nybegynder
01. oktober 2007 - 23:40 #7
lukker
Avatar billede roenving Novice
03. oktober 2007 - 13:59 #8
Kom du aldrig videre ?-)
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