Avatar billede moejensen Nybegynder
05. marts 2004 - 16:10 Der er 1 løsning

opsætning af "labels" i css

Jeg har en hejemmeside hvor folk kan få tilsendt noget materiale. Jeg er nu ved at lave en side hvor jeg kan udskrive labels. For ikke at skulle til at rode med pdf og word, så vil jeg bare gøre det i html, men for at labelsne altid står på den samme plads så har jeg vlgt at sætte det op i css. På hver side er der 8 labels:

min html fil:

<%
    Set Conn = Server.CreateObject("ADODB.Connection")
    Conn.Open "DRIVER={Microsoft Access Driver (*.mdb)};DBQ="&server.mappath("db/labels.mdb")
    set rs = conn.execute("SELECT * FROM labels WHERE printet = 0;")
%>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

<head>
    <link href="css/labels.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <%
        t=1
        Do while not rs.eof
    %>
        <div id="<%=t%>">
        <%=rs("firma")%><br>
        <%=rs("navn")%><br>
        <%=rs("adresse")%><br>
        <%=rs("postnr")%>&nbsp;&nbsp;<%=rs("by")%><br>
        </div>
    <%
        If t = 8 then t = 0
        t=t+1
        rs.movenext
        loop
    %>
</body>

</html>
<%
    conn.close
    set conn = nothing
%>
-------------------------------------
css fil:

body, html {
    font-family: verdana;
    font-size: 12px;
    width: 595px;
}

#1 {
    position: absolute;
    float: left;
    margin-left:70px;
    margin-top:100px;

}

#2 {
    position: absolute;
    float: right;
    margin-left:400px;
    margin-top:100px;
}

#3 {
    position: absolute;
    float: left;
    margin-left:70px;
    margin-top:200px;

}

#4 {
    position: absolute;
    float: right;
    margin-left:400px;
    margin-top:200px;
}

#5 {
    position: absolute;
    float: left;
    margin-left:70px;
    margin-top:300px;

}

#6 {
    position: absolute;
    float: right;
    margin-left:400px;
    margin-top:300px;
}
#7 {
    position: absolute;
    float: left;
    margin-left:70px;
    margin-top:400px;

}

#8 {
    position: absolute;
    float: right;
    margin-left:400px;
    margin-top:400px;
}

--------------------------------

Problemet er at når der er mere end 8 labels, så står de jo oven i hinanden...er der nogen der har en ide til hvad jeg kan gøre?
Avatar billede moejensen Nybegynder
05. marts 2004 - 17:03 #1
jeg fandt selv følgende oplysning:

<%
    Set Conn = Server.CreateObject("ADODB.Connection")
    Conn.Open "DRIVER={Microsoft Access Driver (*.mdb)};DBQ="&server.mappath("db/labels.mdb")
    set rs = conn.execute("SELECT * FROM labels WHERE printet = 0;")
%>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

<head>
    <link href="css/labels.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <%
        t=1
        top=100
        Do while not rs.eof
    %>
        <div id="<%=t%>" style="margin-top:<%=top%>px;">
        <%=rs("firma")%><br>
        <%=rs("navn")%><br>
        <%=rs("adresse")%><br>
        <%=rs("postnr")%>&nbsp;&nbsp;<%=rs("by")%><br>
        </div>
    <%
        if t mod 2 = 0 Then top = top + 100
        t = t + 1
        if t = 9 then top = top + 300
        if t = 9 then t = 1
        rs.movenext
        loop
    %>
</body>

</html>
<%
    conn.close
    set conn = nothing
%>
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