Avatar billede tblaster Nybegynder
22. oktober 2003 - 12:08 Der er 17 kommentarer og
1 løsning

Kasse med farve og tekst ved siden af.

Hvordan får jeg udskrevet en farve i en kasse med en ramme og en tekst ved siden af. Hvis vi antager at dette, #, er kasse med farven skal det se således ud:
# Bla Bla
# Tekst


Jeg skal frit kunne bestemme kassens størrelse. Jeg har mine værdier i 2 varriable:

db_Farve
db_Navn

Jeg har prøvet at lave det med en table men der kan jeg ikke få den til kun at have en ramme om en celle og ikke hele tabellen. Hvad skal jeg gøre?
Avatar billede mortenkjeldberg Nybegynder
22. oktober 2003 - 14:25 #1
Gider du ikke lige prøve at forklare den sidste sætning igen.
/Morten
Avatar billede netro Nybegynder
22. oktober 2003 - 15:52 #2
<td style='background-color:#" & db_Farve & "; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;'>Bla bla</td>
Avatar billede tblaster Nybegynder
23. oktober 2003 - 08:38 #3
Netro ... overstående udskriver teksten i samme celle som farven. Dette skal den ikke. Teksten skal udskrives ved siden af min min celle som er udfyldt med en farve.

Morten ... Det jeg prøvede at sige er at hvis jeg laver en tabel med 2 celler så kan jeg fint have farven i den ene og teksten i den anden cellen. Men jeg kan ikke finde ud af at få en ramme om kun den ene celle. Smider jeg en ramme på bliver det på hele tabellen og så kommer der også ramme om teksten hvilket jeg ikke skal have!
Avatar billede tblaster Nybegynder
23. oktober 2003 - 14:15 #4
Her er den tabel som jeg snakker om ... det er sådan her jeg gerne skal have det udskrevet men jeg skal lige have en ramme om cellen der har en baggrundsfarve:

    <TABLE border="0" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#000000" width="100%">
        <TR>
            <TD bgcolor="#CC33CC" width="20">    &nbsp;
            </TD>
            <TD width="5">    &nbsp;
            </TD>
            <TD>    Lokale 2
            </TD>
        </TR>
        <TR>
            <TD bgcolor="#3300FF" width="20">    &nbsp;
            </TD>
            <TD width="5">    &nbsp;
            </TD>
            <TD>    Computer
            </TD>
        </TR>
    </TABLE>
Avatar billede netro Nybegynder
23. oktober 2003 - 15:24 #5
<TABLE border="0" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#000000" width="100%">
        <TR>
            <TD style='background-color:#CC33CC; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;'>    &nbsp;
            </TD>
            <TD width="5">    &nbsp;
            </TD>
            <TD>    Lokale 2
            </TD>
        </TR>
        <TR>
            <TD style='background-color:#3300FF; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;'>    &nbsp;
            </TD>
            <TD width="5">    &nbsp;
            </TD>
            <TD>    Computer
            </TD>
        </TR>
    </TABLE>
Avatar billede netro Nybegynder
23. oktober 2003 - 15:25 #6
Hvad laver dette spørgsmål i grunden i ASP-kategorien..??
Avatar billede tblaster Nybegynder
23. oktober 2003 - 15:51 #7
Response.write "<tr><td style='background-color:#" & db_Farve & "; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' width=""20"">&nbsp;</td>"
            Response.write "<td width=""5"">&nbsp;</td>"
            Response.write "<td>" & db_Navn & "</td></tr>"

Derfor ligger det i asp ... det skal laves i asp og må godt benytte asp sprog hvis der et nødvendigt!
Avatar billede tblaster Nybegynder
23. oktober 2003 - 15:53 #8
Det er næsten rigtigt nu ... men det bliver udskrevet således:

<table border="0" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#000000" width="100%"><tr><td style='background-color:#CC33CC; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Lokale 2</td></tr><tr><td style='background-color:#3300FF; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Computer</td></tr><tr><td style='background-color:#00CC33; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Jakkestativer</td></tr></table>

Det gør at at der ikke bliver en sort streg i toppen af nr 2 og 3 firkant ... hvad kan jeg gøre. Jeg skal gerne have et lille mellemrum mellem hver række af celler ...
Avatar billede netro Nybegynder
23. oktober 2003 - 16:02 #9
Hvis der skal være en sort kant i toppen af en celle, putter du følgende ind i TD-tagget:

style='border-top-width:1px; border-color:#000000; border-style:solid;'
Avatar billede tblaster Nybegynder
23. oktober 2003 - 16:44 #10
Jeg får stadig ikke kanten ...
Avatar billede netro Nybegynder
23. oktober 2003 - 16:46 #11
Og hvordan ser det ud nu?
Avatar billede tblaster Nybegynder
23. oktober 2003 - 17:25 #12
<table border="0" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#000000" width="100%"><tr><td style='background-color:#CC33CC; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' style='border-top-width:1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Lokale 2</td></tr><tr><td style='background-color:#; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' style='border-top-width:1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Kaffe</td></tr><tr><td style='background-color:#3300FF; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' style='border-top-width:1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Computer</td></tr><tr><td style='background-color:#00CC33; width:20px; border-width:1px 1px 1px 1px; border-color:#000000; border-style:solid;' style='border-top-width:1px; border-color:#000000; border-style:solid;' width="20">&nbsp;</td><td width="5">&nbsp;</td><td>Jakkestativer</td></tr></table>
Avatar billede netro Nybegynder
23. oktober 2003 - 17:28 #13
Du skal jo ikke have to styles i samme TD-tag.

border-width:1px 1px 1px 1px;

Top, højre, bund, venstre. Så kan du selv sætte værdierne til 0 eller 1, alt efter om kanterne skal være synlige.
Avatar billede netro Nybegynder
23. oktober 2003 - 17:29 #14
Jeg får virkelig brug for mine ASP-kundskaber her ;o)
Avatar billede netro Nybegynder
23. oktober 2003 - 17:31 #15
Må jeg i øvrigt foreslå dig at kigge her?
http://www.html.dk/tutorials/css/lektion11.asp
Avatar billede tblaster Nybegynder
27. oktober 2003 - 08:32 #16
Yep ... så virker det ... men jeg har et problem med at få et mellemrum mellem cellerne. Hvis jeg indsætter følgende for at lave en top celle så har den samme størrelse som de andre celle og der skal den ikke ... den skal være en del mindre. Selvom jeg angiver højden så gør det ingen forskel.
Response.write "<tr height=""5px""><td>&nbsp;</td></tr>"

Det ser således ud nu:
Response.write "<tr><td style='background-color:#" & db_Farve & "; width:20px; border-width: 1px 1px 1px 1px; border-color:#000000; border-style:solid;'>&nbsp;</td>"
Response.write "<td width=""5"">&nbsp;</td>"
Response.write "<td>" & db_Navn & "</td></tr>"
Response.write "<tr height=""5px""><td>&nbsp;</td></tr>"
Avatar billede netro Nybegynder
27. oktober 2003 - 13:05 #17
Det er fordi, det hårde mellemrum har en højde, der er større end det, du sætter din cellehøjde til. Prøv:

Response.write "<tr><td style='height:5px; font-size:2px;'>&nbsp;</td></tr>"
Avatar billede tblaster Nybegynder
27. oktober 2003 - 13:11 #18
Thx for hjælpen!
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