Avatar billede berner5300 Nybegynder
19. maj 2011 - 16:24 Der er 18 kommentarer og
1 løsning

Stiplet streg - html

Heej alle


Hvordan laver man en stiplet linje i html, som den der er på Newz under der hvor der stå Via

Er der nogen der kan hjælpe?
Avatar billede keysersoze Guru
19. maj 2011 - 16:32 #1
Kan ikke se stiplede linjer eller via nogle steder på siden - men det kan gøres med css;

http://w3schools.com/css/css_border.asp
Avatar billede berner5300 Nybegynder
19. maj 2011 - 16:34 #2
Sorry, forkert link :)
[url=http://newz.dk/[/url]
Avatar billede berner5300 Nybegynder
19. maj 2011 - 16:34 #3
Sorry, forkert link :)
http://newz.dk/
Avatar billede berner5300 Nybegynder
19. maj 2011 - 16:35 #4
Sorry, forkert link :)
Newz

3 gang er lykkens gang :D
Avatar billede keysersoze Guru
19. maj 2011 - 16:47 #5
Den de har består af et baggrundsbillede.
Avatar billede LilleUdvikler Nybegynder
19. maj 2011 - 17:05 #6
men du kan lave en border på en div, hvis det er muligt:

#dinDiv {
border-top:1px dotted #000;
}

Så er det top, bottom, right or left. :o)
Avatar billede berner5300 Nybegynder
19. maj 2011 - 21:49 #7
Det virker ikke
Avatar billede keysersoze Guru
19. maj 2011 - 22:31 #8
De givne eksempler og kode fejler ingenting, så det må være et problem i din implementering. Kom med din kode eller et link.
Avatar billede berner5300 Nybegynder
19. maj 2011 - 23:03 #9
Jeg bruge <table> <tr> og <td>
Avatar billede keysersoze Guru
19. maj 2011 - 23:20 #10
men hvordan ser din kode ud som helhed - vi kan ikke opfinde tryllekode eller gætte.
Avatar billede webweaver Praktikant
20. maj 2011 - 08:34 #11
Som keysersoze pænt beder om, bliver du nødt til at poste hele din HTML for din tabel, da det ellers er umuligt at vide, hvor CSS'en for den stiplede linie skal indsættes.
Avatar billede LilleUdvikler Nybegynder
20. maj 2011 - 19:28 #12
Ikke for noget, men huske at skifte i din css fil:

#dinDIV

til, hvad din div faktisk har af id.. og hvis det er en class så er det:

.dinDIV

.. så hvis din div hedder torben, så er det henholdsvis:

#torben

.torben

Og hvis du bruger table så skriv i <table style="border-top:1px dotted;"></table>
Avatar billede berner5300 Nybegynder
23. maj 2011 - 11:24 #13
[quote]<table border="0" width="100%">
    <tr>
        <td>
            <table border="0" width="100%">
                <tr>
                    <td><h2><? echo $vis[overskrift]; ?></h2></td>
                </tr>
                <tr>
                    <td>Af <b><a href="mailto:<? echo $vis[email]; ?>"><? echo $vis[navn]; ?></a></b> - <u><? echo $vis[dato]; ?></u></td>
                </tr>
                <tr>
                    <td><? echo nl2br($vis[besked]); ?></td>
                </tr>
            </table>
        </td>
    </tr>
</table>[/quote]
Sådan her ser min kode ud ;)
Avatar billede keysersoze Guru
23. maj 2011 - 12:02 #14
Du har slet ikke gjort noget for at få det til at virke så det er ikke overraskende at det ikke virker.

i dit style;

.borderstreg {
  border-bottom:  1px dotted #000000;
}

og indsæt derefter

class="borderstreg"

på det element der skal have en streg under sig.
Avatar billede berner5300 Nybegynder
23. maj 2011 - 12:08 #15
Nu ser den sådan her ud.

<table border="0" width="100%">
    <tr>
        <td>
            <table border="0" width="100%">
                <tr>
                    <td><h2><? echo $vis[overskrift]; ?></h2></td>
                </tr>
                <tr>
                    <td>Af <b><a href="mailto:<? echo $vis[email]; ?>"><? echo $vis[navn]; ?></a></b> - <u><? echo $vis[dato]; ?></u></td>
                </tr>
                <tr>
                    <td class="borderstreg"><? echo nl2br($vis[besked]); ?></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Men det virker stadig ikke.
Min css ser sådan ud.

.borderstreg {
  border-bottom:  1px dotted #000000;
}
Avatar billede keysersoze Guru
23. maj 2011 - 15:22 #16
prøv at kom med et link så vi kan se det - og sørg for, inden du lægger et link til os, at din kode er med valid doctype og kode.
Avatar billede berner5300 Nybegynder
23. maj 2011 - 15:52 #17
Det er jo nok fordi det ikke er hele min kode og her er link..
Avatar billede berner5300 Nybegynder
23. maj 2011 - 16:14 #18
Okaay. Nu har jeg fundet ud af hvordan man laver den vandrette, men hvad så med den lodrette?
Avatar billede webweaver Praktikant
23. maj 2011 - 17:32 #19
Border-bottom kan også være border-top, border-right eller border-left. Det er de 2 sidste du søger efter ...
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