Avatar billede dal Nybegynder
31. august 2003 - 22:48 Der er 19 kommentarer og
1 løsning

Ext. CSS med class

Jeg har problemer med at få margin imellem to tabeller som jeg linker til i Ext.CSS
Jeg har to tabeller (.venstre og .hojre) inde i en hovedtabel .tabel_1
Jeg bruger class f.eks: <table="tabel_1>
Måske er der syntaksfejl, eller andet som ikke er som det skal være ?
Paster en del af mit CSS :)

.venstre
{
    width: 145px;
    background: #1FA07A;
    vertical-align : top;
   
}

.hojre
{
    width: 625px;
    background: #ffffff;
    font-family :Verdana, Sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align : top;
}


.tabel_1
{
    width: 770px;
    position: absolute;
    top: 0px;
    left: 0px;
Avatar billede ztyxx Nybegynder
31. august 2003 - 22:50 #1
class skal være
<table class="tabel_1">
ikke
<table="tabel_1>
Avatar billede dal Nybegynder
31. august 2003 - 22:55 #2
Undskyld der var en tastefejl foroven, det er ikke den so skaber problemer :)
Avatar billede ztyxx Nybegynder
31. august 2003 - 23:00 #3
hvor mange tr og td er der i tabel_1
Avatar billede dal Nybegynder
31. august 2003 - 23:07 #4
Det starter sådan:
<table border="0" cellpadding="0" cellspacing="0" class="tabel_1">
  <tr>
    <td class="venstre" valign="top"><!-- #include file="1.asp" -->
   
   
    </td>
    <td class="hojre">
Avatar billede swuppe Nybegynder
31. august 2003 - 23:08 #5
du sætter ikke margin nogen steder i det css du har vist. prøv f.eks. margin-right: 10px; i .venstre
Avatar billede dal Nybegynder
31. august 2003 - 23:29 #6
Den vil ikke, har enda forsøgt med margin-right: 100px;
Avatar billede dal Nybegynder
31. august 2003 - 23:37 #7
Jeg får "margen/luft" til venstre for .venstre når jeg laver om på tabel_1 sådan
width: 780px;
    position: absolute;
    top: 5px;
    left: 5px;
Avatar billede swuppe Nybegynder
01. september 2003 - 10:14 #8
nej margin virker ikke, var ikke lige klar over at du havde hver tabel i en celle for sig, du kan prøve med padding-right i stedet eller bruge cellspacing (hvilket vil gælde for hele tabellen)

Problemet er at browser-support for css margin mellem celler er meget lille.
Avatar billede ztyxx Nybegynder
01. september 2003 - 12:25 #9
takker for point, men var det meningen jeg skulle have dem alle??
Avatar billede dal Nybegynder
01. september 2003 - 13:52 #10
Der er sket en fejl (se poeng) af en eller anden art, så jeg opretter et nyt spørgsmål :(
Avatar billede dal Nybegynder
01. september 2003 - 14:01 #11
Avatar billede ztyxx Nybegynder
01. september 2003 - 21:56 #12
dal>jeg kan oprette et spørgsmål med point retur til dig?
Avatar billede rit Nybegynder
01. september 2003 - 22:02 #13
ztyxx > du har måske fortjent de poeng, - hvis du ikke har noget imod at finde en løsning :)
Avatar billede ztyxx Nybegynder
01. september 2003 - 22:42 #14
jeg er ikke sikker på at jeg er helt med, men dette er måske i retning af det du søger...

td {
    vertical-align:top;
    text-align:right;
    padding-top:20px;
    padding-right:20px;
    }
Avatar billede dal Nybegynder
01. september 2003 - 23:19 #15
ztyxx > du gav mig en idé, som løste problemet, sådan:


.hojre
{
    width: 625px;
    background: #ffffff;
    font-family :Verdana, Sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align : top;
    padding-left:5px;
}

Så, tak skal du ha :)
Avatar billede ztyxx Nybegynder
01. september 2003 - 23:20 #16
jamen det var da så lidt, skulle det være en anden gang ;-)
Avatar billede dal Nybegynder
01. september 2003 - 23:22 #17
ja, det kan vi da håbe !
Avatar billede swuppe Nybegynder
01. september 2003 - 23:24 #18
virkede det ikke med padding-right, eller har du bare ikke prøvet det?
Avatar billede dal Nybegynder
02. september 2003 - 11:19 #19
padding-right gav andre problemer, mens padding-left:5px; i .hojre løste problemet :)
Avatar billede swuppe Nybegynder
02. september 2003 - 16:07 #20
Den er fin !o)
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