Avatar billede oasen Nybegynder
20. juli 2003 - 23:38 Der er 9 kommentarer og
1 løsning

Styling af span i NS

Jeg har lavet nogle knapper med spans, og det ser fint ud (i IE!). I NS (her 7.1) ser det derimod ud af h...... til. Baggrund og kant på spans'ne accepteres, men det er tilsyneladende ikke muligt at angive en bredde, der er længere end teksten, der står deri. Desuden bliver en margin på 3px tolket som -3px, så knapperne overlapper hinanden. Hvad er løsningen på det (hvis der ikke skal bruges tabeller)?
Avatar billede roenving Novice
20. juli 2003 - 23:42 #1
En span er et inline element, som principielt kun fylder præcis det som er indeni -- specielt i bredden, men du kan jo prøve at tricke den ved at give den display:block; eller gå den modsatte vej og give en div display:inline;

-- har ikke prøvet det sådan, jeg kunne måske også finde på andre tricks (med baggrundsstørrelser o.l.)
Avatar billede roenving Novice
20. juli 2003 - 23:50 #2
Tjah, efter at have leget lidt med det, tror jeg du skal have fat i en input ...

-- den kan finde ud af det !-)
Avatar billede roenving Novice
20. juli 2003 - 23:52 #3
-- og jeg testede umiddelbart kun i IE, men går ud fra, at NS/Mozilla kan den også ... Mozilla 1.5 kan !-)
Avatar billede oasen Nybegynder
20. juli 2003 - 23:54 #4
Ja, div (display:inline;) opfører sig som span (display:block;)...

<input..... hvad?...>
Avatar billede roenving Novice
21. juli 2003 - 00:12 #5
Jeg går ud fra, at du vil have at et-eller-andet (en tekst !-) optager et præcist stykke på en linje -- denne viser en input:

Tekst foran: <input type="text" id="minText" style="width:250px;height:23px;border:1px solid black;background:url('../billede.jpg') repeat;">

Hvor der faktisk er et billede som baggrund, så du også kan se at det kunne være et billede du viste ...
Avatar billede oasen Nybegynder
21. juli 2003 - 00:23 #6
Nå, på den måde, ja... Men jeg tror, jeg laver det med en tabel alligevel. Ellers tak :)
Avatar billede oasen Nybegynder
21. juli 2003 - 01:39 #7
Vil du have lidt p.?
Avatar billede roenving Novice
21. juli 2003 - 01:48 #8
Forøvrigt kan du godt få divs til at lægge sig ved siden af hinanden, de skal så bare have en float:left|right på ...

Kom lige til at tænke på den nu:

<div style="float:left;width:125px;height:75px;background:blue;color:white;">Tekst i div1</div>
<div style="width:125px;height:50px;background:red;color:white;">Tekst i div2</div>
<br><br>
<div style="width:250px;height:75px;background:yellow;font-weight:800">Tekst i div3</div>

-- du kan jo prøve at fjerne den ene eller begge <br>'er ...

hth
jes '-)
Avatar billede oasen Nybegynder
21. juli 2003 - 14:55 #9
Det vil jeg prøve :=)
Avatar billede roenving Novice
21. juli 2003 - 15:16 #10
-- og tak for points ;~}
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