Avatar billede kasseper Nybegynder
20. juli 2001 - 11:44 Der er 8 kommentarer og
2 løsninger

dots dots dots dots

Hej med jer.

Jeg har et lille problem med noget design skidt.

Det jeg skal bruge er :

Navn..................................Kasseper
Adresse...............................Paradisæblevej
Stilling..............................Orakel
Point.................................15354

Men som i kan se her på eksperten, så bliver mine dots forrykket iforhold til hvilke bogstaver der står foran.

Jeg havde en glimrende metode :

SPAN.dots
{
    MARGIN-BOTTOM: 3px;
    BORDER-BOTTOM: 1px dotted;
    POSITION: relative
}

<div id=\"nr1\" STYLE=\"position: relative; left: 15\">Navn <SPAN class=\"dots\" STYLE=\"width : 88px;\"></SPAN> &nbsp&nbsp Kasseper</div>
<div id=\"nr2\" STYLE=\"position: relative; left: 15\">Adresse <SPAN class=\"dots\" STYLE=\"width : 76px;\"></SPAN> &nbsp&nbsp Paradisæblevej</div>
<div id=\"nr3\" STYLE=\"position: relative; left: 15\">Stilling <SPAN class=\"dots\" STYLE=\"width : 63px;\"></SPAN> &nbsp&nbsp Orakel</div>
<div id=\"nr4\" STYLE=\"position: relative; left: 15\">Point <SPAN class=\"dots\" STYLE=\"width : 42px;\"></SPAN> &nbsp&nbsp 15354</div>

Men den virker kun i IE 5.5, da border dotted først er med her.
Jeg skal bruge en metode der fungere i IE 5 +
NS kan være ligemeget.....

Håber i kan hjælpe.

P.S. ET svar med et IMG tag vil ikke blive accepteret
Avatar billede nute Nybegynder
20. juli 2001 - 11:47 #1
hvorfor legger du ikke dette inn i en helt alminnelig tabell ?

Avatar billede kasseper Nybegynder
20. juli 2001 - 11:47 #2
P.P.S. til dem der ikke lige er med, så var det smarte ved min gamle metode at jeg selv kunne bestemme pr. width/pixel hvor lang min dottede linie skulle være.

Det jeg mangler er en dotted linie som jeg selv kan definere hvor lang skal være, eller som bare passer, sådan at den højre kant ved data er snor lige.
Avatar billede kasseper Nybegynder
20. juli 2001 - 11:48 #3
nute >> jeg har forsøgt, men så kommer der ujævne mellemrum mellem nogle af mine dots eller måske jeg gør det forkert, kan du ikke lige lave et eksempel. !
Avatar billede nute Nybegynder
20. juli 2001 - 11:52 #4
genererer du dette automatisk (fra en db) eller er dette statiske sider ?
Avatar billede kasseper Nybegynder
20. juli 2001 - 11:54 #5
Jeg lægger Data i dynamisk, men f.eks. Navn og dots er statisk.
Det vil sige at antallet af dots er statisk.
Ja det lyder som et piece of cake, men jeg har vist stiret mig blind på problemet.

Jeg har sågar, prøvet at sætte en fast width på mit SPAN tag, på 200 px, også prøvet at bruge clip i style sheetet, men jeg har ikke kunne få det til at virke, hvis det kan sætte inspirationen igang.
Avatar billede kasseper Nybegynder
20. juli 2001 - 12:03 #6
Jeg har egentlig fundet et svar, men hvis du er hurtig, og kan komme op med en bedre løsning, så kan du score lidt point.
Min løsning er  :

<div id=\"nr1\" STYLE=\"position: relative; left: 15\">Navn
<SPAN class=\"dots\">.........................................................</SPAN>
<SPAN STYLE=\"background-color: white; position: relative; left: -20px;\">Kasper</SPAN></div>
<div id=\"pi2\" STYLE=\"position: relative; left: 15\">Address
<SPAN class=\"dots\">.........................................................</SPAN>
<SPAN STYLE=\"background-color: white; position: relative; left: -34px;\">Paradisæblevej</SPAN> &nbsp&nbsp </div>
Avatar billede nute Nybegynder
20. juli 2001 - 12:03 #7
hvis navn og dots er statiske, så ville jeg gjort følgende:

<table width=\"200\">
<tr>
  <td width=\"40%\">Navn...............</td>
  <td width=\"60%\"><%= legg inn navn %></td>
</tr>
<tr>
  <td width=\"40%\">Adresse...........</td>
  <td width=\"60%\"><%= legg inn adresse%></td>
</tr>
<tr>
  <td width=\"40%\">Stilling..............</td>
  <td width=\"60%\"><%= legg inn stilling %></td>
</tr>
</table>
Avatar billede kasseper Nybegynder
20. juli 2001 - 12:18 #8
Jeg syntes stadig at der til tider er små ujævnheder i dots\'ene, hvis ordet før dotsene er længere endnu. Så jeg vil nok bruge min metode da jeg så kan rette det til pr. pixel. Men tak anyway. VI deler
Avatar billede nute Nybegynder
20. juli 2001 - 12:54 #9
oki...
Avatar billede olebole Juniormester
21. juli 2001 - 19:25 #10
<ole>
Se på dette som en teknisk mulig måde at løse det på...så må din dot-fascination afgøre, om du vil bruge denne lidt omstændige metode  =o)
Du laver tre spans inde i et et div:

<div id=\"div1\">
  <span id=\"sp1\">Navn</span>
  <span id=\"sp2\"></span>
  <span id=\"sp3\">Kasseper</span>
</div>

...så måler du på onload bredden af de to ydre span\'s med JavaScript. Summen af de bredder trækker du fra div\'ets ønskede bredde. Nu kan du i en while- eller for-løkke skrive dots ind i midter-span\'et til bredden passer.
Div\'s og span\'s skal selvfølgelig positioneres passende - ligesom du kan vælge at lade div\'ene \'fødes\' som hidden og først vises, når du har skrevet i midterspan\'et.
/mvh
</bole>
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