• Forum
      /  
    Programmering og webdesign
      /  
    Hjemmeside design
  • 07-11-2006 · 18:04 1191 visninger 15 svar
  • Denne tråd er over 6 måneder gammel

    Er du sikker på, at du har noget relevant at tilføje?

  • Mellemrum mellem to linjerskrift!??!?

    Af CerioX Megabruger
Hej alle ...

http://tonny.mindweb.dk

Kig i firefox:
Jeg har lavet 5px mellemrum over til venstre i menuen mellem de forskellige linjer skrift. Det er dog med en fusket metode en såkaldt tabel har jeg indsat.

Dette virker dog fint i firefox men ikke i IE 6.0 - IE 7.0 :/ ..

Jeg vil gerne have lavet min lappe løsning om og vil gerne hvis i kan komme med nogen forslag :) ..
Kig bort fra de andre sider end index da de ikke er færdige.

Megabruger
07-11-2006 18:06
Der udover vil jeg gerne høre om ikke i er enige med mig i at skriften i midten er en smule utydelig? .. nogen der kender nogle skrifttyper, størrelser, farver der giver en god læsefornemmelse?
Monster Supporter
07-11-2006 18:08
Jeg fatter minus af din forklaring :-|
Supporter Aspirant
07-11-2006 18:12
Kan du ikke bare sætte padding i tablen til nogle pixels?

cellpadding="5"
Megabruger
07-11-2006 18:15
#2 Beklager og prøver igen :) ..

Over til venstre hvor menuen er, har jeg forskellige emner såsom "forside, kontakt osv" som er links.

Jeg synes de står for tæt på hinanden, og derfor har jeg indsæt en tabel imellem dem for at skabe mellemrum, derefter har jeg sat height i tabel til 5px;

<a class="niveau1" href="hyttels.html"><IMG SRC="billeder/knap.jpg" class="knap" ALT="">&nbsp;Hyttels Røgeri</a><BR>

<table style="height: 5px;"></table>

<a class="niveau1" href="produkter.html"><IMG SRC="billeder/knap.jpg" class="knap" ALT="">&nbsp;Produkter</a><BR>

Jeg vil dog helst jeg kan lave mellemrummet vha. css istedet for "html"
Monster Supporter
07-11-2006 18:18
<a href=".." style="margin-bottom:5px">..</a>
Megabruger
07-11-2006 18:29
#5 jeg har lige brugt din ide, det virker dog i firefox men ikke i hverken IE 6.0 7.0 :(!?
Megabruger
07-11-2006 18:42
#3 har prøvet ideen, virker desværre heller ikke :/!?
Monster Supporter
07-11-2006 19:06
Så smæk en DIV omkring:

<div style="margin-bottom:5px"><a...><img.../>...</a></div>
Megabruger
07-11-2006 22:15
Det fungerer heller ikke, da en div "vandret" ikke kan laves tyndere end 10px tror jeg nok det er :(!? ...

Er der virkeligt ikke nogen eksperter der kan hjælpe?
CerioX

#10

Gigabruger
07-11-2006 22:29
mange tak for hjælpen alle sammen.. har løst problemet :)!
Monster Supporter
07-11-2006 22:32
#9 Måske dit problem ikke kan løses... Du kan evt lave et transparent GIF billede på 1x1 pixel, og indsætte det mellem linierne:

<a..>..</a><br/>
<img src="transparent.gif" width="5" height="5"/><br/>
<a..>..</a><br/>
<img src="transparent.gif" width="5" height="5"/><br/>
<a..>..</a><br/>
<img src="transparent.gif" width="5" height="5"/><br/>

Du kan også prøve at lege med <div style="margin-bottom:5px;padding:0px">...</div>
Ny på siden
07-11-2006 22:47
#0
Lav et div omkring dine links med line-height og fjern tabelerne du har.
Altså på formen:

<div style"line-height:20px;">
<a...><img.../>...</a>
<a...><img.../>...</a>
</div>

Eller skriv det i din CSS...
Moff

#13

Juniorbruger
07-11-2006 23:05
Som mads siger skal du hverken bruge table's eller gennemsigtige billeder.

Det kan laves meget simpelt med css.

benyt line-height:20px

og så evt. smid dine menu ind i en
<ul>
<li><a href="#">menu1</a></li>
</ul>

Det ville være ifølge webstandarderne det rigtige at gøre.
Monster Supporter
07-11-2006 23:07
Hehe.. Den med "margin-top: 10px" virker nu fint her ved mig - og jeg bruger IE6 ;o)

Moff

#15

Juniorbruger
07-11-2006 23:11
Det er bare en billig løsning ;)

Ej problemet med den løsning kan jo være at det øverste menupunkt også bliver skudt 10px ned, hvilken kan ødelægge designs, men hvis det virker for dit vedkommende hvorfor så lave det om? :D
Bruger påkrævet
En bruger er påkrævet for at oprette svar på Hardwareonline.dk
Du kan oprette en bruger her eller logge ind her

Log ind for at få flere funktioner