Avatar billede kimwright Nybegynder
13. december 2012 - 15:19 Der er 13 kommentarer

&nbsp laver understregning

Hej Eksperter.

Hjælper en ven med noget hjemmesidehalløj i Wordpres.

Jeg har 2 billeder som skal stå ved siden af hinanden, men vil gerne have mellemrum med kommandoen "  & N B S P " men når jeg laver den kommer der understregning i mellemrummet, billeder indeholder links det ser sådan her ud

<a title="ICOC" href="http://www.muninconsult.com/wp-content/uploads/2012/12/Montreux-Broschuere-9-27-færdig.pdf" target="_blank"><img class="alignleft  wp-image-125" title="ioic" src="http://www.muninconsult.com/wp-content/uploads/2012/12/ioic.jpg" alt="" width="60" height="40" /></a>&nbsp<a title="UN" href="http://www.unglobalcompact.org/" target="_blank">        <img class="alignleft  wp-image-126" title="Global Impact Logo" src="http://www.muninconsult.com/wp-content/uploads/2012/12/Global-Impact-Logo.gif" alt="" width="80" height="80" /></a>

Nogen der ved hvad der skal sættes ind for at undgå den grimme streg?
Avatar billede michael_stim Ekspert
13. december 2012 - 15:22 #1
Det hedder &nbsp;
Altså semikolon til sidst.
Avatar billede bredbaandmobilt Nybegynder
13. december 2012 - 17:39 #2
Prøv at give dit mellemrum <p> </p> gætter på det er der den ligger.
Avatar billede bredbaandmobilt Nybegynder
13. december 2012 - 17:40 #3
Hvis det i lige var semi børgen der manglede
Avatar billede kimwright Nybegynder
13. december 2012 - 18:18 #4
bredbaandmobilt - når jeg bruger din forsvinder stregen som den skal, desværre hopper sidste billede så bare en linje ned :(

det med semikolon ændre desværre intet, det havde jeg prøvet.

er der en flot kommando til at holde det på samme linje ? har prøvet at ændre størrelsen på billeder lidt, men det er ikke det der er galt :(
Avatar billede olebole Juniormester
13. december 2012 - 19:02 #5
<ole>

Problemet er, at dine billeder er for bredde til omgivelserne. Der er ikke plads til et mellemrum mellem dem - men når du bruger &nbsp; (no-breaking space), 'klistrer' du dem sammen alligevel. Det er ikke en hensigtsmæssig fremgangsmåde.

Brug billeder, der har en størrelse, som gør, der faktisk er plads til dem.

Gør desuden, som W3C råder til:

Har du brug for mellemrum mellem elementer, så brug margin. Undlad mellemrum mellem elementer/tags - eller lige indenfor tags. Mellemrum er beregnet til tekst - ikke elementer.

"det med semikolon ændre desværre intet, det havde jeg prøvet." >> Det er yderst uheldigt - for &nbsp er noget vrøvl, som ikke burde gøre andet end skrive tegnene '&', 'n', 'b', 's' og 'p' som klartekst  =)

/mvh
</bole>
Avatar billede kimwright Nybegynder
13. december 2012 - 19:20 #6
uden semikolen kommer der et almindeligt "space/mellemrum" jeg er MEGET uerfaren med kodning.

Hvilken kommando og hvor/hvordan skal Margin bruges ? :)

Indtil videre tak for de profesionelle svar :)
Avatar billede kimwright Nybegynder
13. december 2012 - 19:34 #7
har nu prøvet med style="margin: 10px; float: right

Men dette giver for stort mellemrum - og hvis jeg ændre de 10px sker der intet?
Avatar billede olebole Juniormester
13. december 2012 - 20:40 #8
Så vidt, jeg kan se, har du intet at bruge float til. Slet det og sæt en passende margin
Avatar billede Slettet bruger
15. december 2012 - 15:21 #9
Jeg tror at stregen du ser skyldes at mellemrummet optræder som den klikbare tekst i et andet (tidligere) link, som ikke er blevet lukket ordentligt af (</a>)..

Kan vi se siden i aktion et sted ?

PS: Hvis det imidlertid er meningen (to klikbare billeder med mellemrum til samme link)
så kan understregningen fjernes ved at style linket således:
<a href="blabla" style="text-decoration:none"><img src="1.jpg">&nbsp;<img src="2.jpg"></a>
Avatar billede olebole Juniormester
15. december 2012 - 17:52 #10
@T4NK32: Der er næppe tvivl om, at billederne ligger inde i et link - men hvorfor insistere på ikke-løsninger? Hvorfor ikke bare bruge HTML/CSS sådan, som det er meningen?

Mellemrum mellem elementer bør ikke skabes med features, som er beregnet til tekst. Man bør bruge margin i stedet for blanktegn. Prøv f.eks. denne kode:


Bruger man margin, undgår man den slags uhensigtsmæssigheder, som spørgeren oplever. En yderligere gevindst er naturligvis, at man har styr på sin kode og dens rendering  *o)
Avatar billede olebole Juniormester
15. december 2012 - 17:53 #11
- og med non-broken URLs:

<p>
    <a href=""><img src="http://www.eksperten.dk/images/eksperten_logo.gif" style="margin-right:100px;"><img src="http://www.eksperten.dk/images/eksperten_logo.gif"></a>
</p>

<p>
    <a href=""><img src="http://www.eksperten.dk/images/eksperten_logo.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://www.eksperten.dk/images/eksperten_logo.gif"></a>
</p>
Avatar billede Slettet bruger
15. december 2012 - 20:13 #12
Deeeet kunne jo være.... lad os sige mand og kone, side om side, i en sølvbryllupsinvitation...
- Det ville ikke se godt ud, hvis de to portrætter blev skilt midt i selve invitationen!

Men ved nærmere "eftersyn", der er et hul lige før billedet i link nr. 2.
- som browseren vil tolke som et mellemrum (og underline)

Så det har faktisk slet ikke noget med &nbsp; at gøre : D
Avatar billede olebole Juniormester
15. december 2012 - 20:27 #13
"Deeeet kunne jo være.... lad os sige mand og kone, side om side, i en sølvbryllupsinvitation...
- Det ville ikke se godt ud, hvis de to portrætter blev skilt midt i selve invitationen!"


Ja, naturligvis ville det da være pænt. Det er jo derfor, jeg anviser metoden til at gøre det med: At bruge CSS, som det er tænkt  =)

Det er rystende ligegyldigt, hvad det er for et blanktegn. Blanktegn har ikke noget at gøre mellem elementer. De er beregnet til brug i tekst. Mellemrum mellem elementer bør naturligvis etableres med margin
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

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