Avatar billede webweaver Praktikant
14. juni 2006 - 23:05 Der er 9 kommentarer og
1 løsning

Mellemrum imellem links

Hej folkens.

Jeg har en menu som driller. Mellemrummet imellem links'ne vil bare ikke blive mindre. Og jeg ved ikke hvorfor.

Hvis I kigger her, www.webweaver.dk og logger ind med disse info;

Brugernavn; bruger
kodeord: test

Så kan i se menuen jeg snakker om, hvordan får jeg dem til at stå tættere sammen? Margin og line-height virker ikke? Burde de ikke det?

På forhånd tak :)

Mvh. Lasse Jensen
Avatar billede jesper-moeller Nybegynder
14. juni 2006 - 23:16 #1
Det første der falder mig i øjnene er at der er massere af  mellemrum i dine koder. Jeg har før oplevet at IE regner dem med som et tegn/break og skubber ting fra hinanden
Avatar billede jesper-moeller Nybegynder
14. juni 2006 - 23:25 #2
du har ikke angivet nogen højde på <td> i menuen
Desuden har du en paddig på <td>

<td class="menu_border" bgcolor="#E8DCBA" onmouseover="this.style.backgroundColor='#F2ECD9';" onmouseout="this.style.backgroundColor='#E8DCBA';">
<a class="menu_link" href="http://www.webweaver.dk/guestbook.php">Gæstebog</a>
</td>

    td.menu_border {
    border-top: 0px;
    border-width: 1px;   
    border-style: solid;
    border-color: #586DA0;
    padding: 4px 4px 4px 4px;
    }

for at se hvad der sker hvor kan det være en god ide at sætte en border på det element du har problemer med
feks
.community_menu {
border: 1px solid #ff0000;
}

(hvis det altså er den rette menu jeg kigger på)
Avatar billede webweaver Praktikant
15. juni 2006 - 00:03 #3
Jeg bliver lidt i tvivl nu hvor du har kigget henne, fordi du nævner nogle ting om jeg har en padding og så videre.. Men det er i den forkerte menu. Det er den menu som er synlig når man ikke er logget ind. Den er som den skal være :)

Men du snakker også om community_menu og det er stylen til den menu jeg har problemer med til gengæld. Der kommer en menu i stedet for login-formen, når du er logget ind og det er den som der er for meget mellemrum imellem links'
ne. Der er en border omkring i forvejen. En stiplet en..

Har du kigget på den menu eller?

Mvh. Lasse Jensen
Avatar billede jesper-moeller Nybegynder
15. juni 2006 - 00:25 #4
regner med det er denne du snakker om

<td align="left">
                           
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Se Profil</a>
<br>
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Ret Profil</a>
<br>
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Slet Profil</a>
<br>
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="http://www.webweaver.dk/community/logout.php">Log ud</a>
                           
</td>


?????

syntes nu ikke der er for stort mellemrum

men kunne lyde som om du har et "whitspace" problem

prøv dette

<td align="left">
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Se Profil</a><br>
    <img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Ret Profil</a><br>
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="#">Slet Profil</a><br>
<img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> <a class="community_menu" href="http://www.webweaver.dk/community/logout.php">Log ud</a>
</td>

mellemrum mellem codeliner og break før <br> kan skabe problemer

Det jeg mente med en borde omkring problemet var at give linksne en kant så du kan se deres størelse og placering bedre

desuden Har du stylet liniehøjden i tabellen
table.standard-boks {
            border-width: 1px;   
            border-style: dashed ;   
            border-color: #586DA0;
        }
De linebreaks der er mellem linksne har jo ikke samme liniehøjde som linksne
er nok der du skal kigge

Mit forslag ville være:
Fjern <br> fra den menu og sæt så liniehøjde på de links så afstaden bliver som du vil have den
Avatar billede jesper-moeller Nybegynder
15. juni 2006 - 00:32 #5
Ca sådan her

<td align="left">
<a class="community_menu" href="#"><img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> Se Profil</a>
<a class="community_menu" href="#"><img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> Ret Profil</a>
<a class="community_menu" href="#"><img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> Slet Profil</a>
<a class="community_menu" href="http://www.webweaver.dk/community/logout.php"><img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> Log ud</a>
</td>
Avatar billede webweaver Praktikant
15. juni 2006 - 00:35 #6
Jeg kigger lige på det :) Tak.

Jeg vender tilbage .. ...
Avatar billede webweaver Praktikant
15. juni 2006 - 00:49 #7
Nu har jeg kigget lidt på det.

Og det gør ingen forskel i denne situation om der er luft mellem koderne. Det er rigtigt det kan skabe problemer nogle gange.

En anden ting er, hvis jeg fjerner <br> som du foreslår, så kommer alle links'ne til at stå på samme linie ;-) Ikke helt meningen. Hehe

Det burde nemlig virke ved at jeg justerer linie højden, fordi lige nu så vidt jeg kan se er den meget større end teksten, hvis du prøver at markere et link, og det forstår jeg ikke helt eftersom jeg har sat den til at være samme størrelse som teksten. Det virker fint hvis det bare er tekst, men når det er links, så nope...

Det har virket andre gange hvor jeg har gjort det sådan.
Det er derfor jeg synes denne her menu er underlig.
Avatar billede jesper-moeller Nybegynder
15. juni 2006 - 08:13 #8
Da dine <br> ikke er en del af linket ("community_menu") har de heller ikke linkets style

Hvad med at prøver
<a class="community_menu" href="#"><img src="http://www.webweaver.dk/billeder/statistik_punkt.gif" alt=""> Se Profil<br></a>

???
Avatar billede jesper-moeller Nybegynder
15. juni 2006 - 08:41 #9
jeg har liget prøvet at downloade din side og prøve det .... og det ser ud til at virke i alle mine browsere hvis du gør sådan :-)
Avatar billede webweaver Praktikant
15. juni 2006 - 16:15 #10
Ja ok sådan kunne man vel nok gøre. Jeg har dog bare i stedet for givet samme style på td'en, hvilket resulterer i det samme.
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