Avatar billede arnely Novice
22. februar 2004 - 21:41 Der er 16 kommentarer og
1 løsning

Hvordan laver jeg større linje afstand?

Hej
Har indsat et Fading scroller på en hjemmeside jeg er igang med at bygge. www.vigerslev.dk
Problemet er, at jeg ikke kan lave større linje afstand i de indsatte sætninger, da teksten næsten står oven på hinanden.
Noget der kan løse dette :-)
Avatar billede skovenborg Nybegynder
22. februar 2004 - 22:11 #1
prøv med lidt css:
begintag='<font face="Arial" size=2 style=\"line-height:150%\">'

// Ved ikke lige om det er der man skal sætte det, men du kan i hvert fald gøre linje afstanden større med line-height
Avatar billede skovenborg Nybegynder
22. februar 2004 - 22:12 #2
ellers er det nok her du skal skrive det:
document.write('<div id="fscroller" style="border:0px solid black;line-height:150%;width:'+fwidth+';height:'+fheight+';padding:2px"></div>'
Avatar billede roenving Novice
22. februar 2004 - 22:28 #3
-- og selv om 150% er ganske rigtigt ville jeg dog i denne situation bruge line-height:1.5em; ...

-- altså henvise direkte til skrift-størrelsen !-)
Avatar billede arnely Novice
22. februar 2004 - 22:44 #4
roenving> dutter ikke teksten bliver slået i stykker og bliver for småt.
Avatar billede arnely Novice
22. februar 2004 - 22:44 #5
skovenborg> har prøvet dit forslag men hjælper ikke.
Avatar billede skovenborg Nybegynder
22. februar 2004 - 22:51 #6
mærkeligt - har selv testet og du kan ændre linje-højden på den måde (vil anbefale at bruge den sidste forresten).

Hvis det ikke lige passer med størrelsen - ja så ændrer du bare på tallet ;-)
Avatar billede roenving Novice
22. februar 2004 - 23:10 #7
line-height ændrer _ikke_ på andet end linje-højden, så den kan ikke smadre teksten ...

-- og målestokken em betyder skriftens normale linjehøjde, derfor de 1.5 !-)
Avatar billede roenving Novice
22. februar 2004 - 23:19 #8
<button id="button" onclick="st=document.getElementById('minSpan').style;st.lineHeight=(st.lineHeight)?parseFloat(st.lineHeight)*1.5+'em':'1.5em'">Linjehøjde</button>

<span id="minSpan" onblur="this.innerHTML=code2icon(this.innerHTML)" contenteditable>[]<br>Ny tekst</span>
Avatar billede arnely Novice
23. februar 2004 - 08:30 #9
Hej igen,
skovenborg, jeg har prøvet at kopier dit forslag ind i koden. Det medføre at Fading scrolleren forsvinder.
Avatar billede arnely Novice
23. februar 2004 - 08:35 #10
roenving
Hvor skal jeg prøve at sætte dit forslag ind?
Avatar billede arnely Novice
23. februar 2004 - 08:38 #11
Jeg prøver lige at lægge hele møjet her, så kan i se det :-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
<meta name="Generator" content="Stone's WebWriter 4">
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="description" content="Vigerslevlund Udlejning har siden starten af 1950 udviklet sig til i dag, at v&aelig;re en af Fyns st&oslash;rste og mest velassoterede udlejningsforretninger indenfor festudlejning.
">
        <title>Vigerslevlund Udlejning og Transport Aps. Tlf. 64892330</title>
        <meta name="copyright" content="Copyright 2004 Morten Work Clausen. Alle rettigheder forbeholdes.">
        <meta name="keywords" content="Guldstole,Flagst&aelig;nger,Service udlejning,Borde,Stole,Hoppeborge,Scener,Varmekanoner,Tr&aelig;huse,Pavillioner,Tr&aelig;pavillioner,Stubfr&aelig;sning,Bord og B&aelig;nke,Udlejning,Transport,Duge,Servietter,Opvask,Toiletter,Liftudlejning,Huskesedel,Festudlejning,Telte,Partytelte,Pagodetelte,Mastetelte,Bestik,Glas,Porcel&aelig;n,">
        <link href="main.css" rel="stylesheet" media="screen">
        <csactionitem name="2DE6BB1"></csactionitem>
        <csactions>
            <csaction name="2DE6BB1" class="Netscape CSS Fix" type="onload"></csaction>
            <csaction name="1885BF80" class="Open Window" type="onevent" val0="mail.html" val1="_blank" val2="420" val3="420" val4="true" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
        </csactions>
        <csscriptdict import>
            <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
CSInit[CSInit.length] = new Array(CSNSFix);
CSAct[/*CMP*/ '1885BF80'] = new Array(CSOpenWindow,/*URL*/ 'mail.html','_blank',420,420,true,false,false,false,false,false,false);

// --></script>
        </csactiondict>
    </head>

    <body onload="CSScriptInit();" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <div align="center">
            <table width="840" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td colspan="3"><img src="Grafik/banner840.jpg" alt="" height="120" width="840" usemap="#banner84030740d" border="0"></td>
                </tr>
                <tr>
                    <td bgcolor="#bedfd4">
                        <div align="center">
                            <span class="tekst">MENU</span></div>
                    </td>
                    <td bgcolor="#ccd6df"></td>
                    <td bgcolor="#bedfd4">
                        <div align="center">
                            <font size="1" color="black" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><script type="text/javascript" name="Klokke">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

var months=new Array(13);
months[1]="januar";
months[2]="februar";
months[3]="marts";
months[4]="april";
months[5]="maj";
months[6]="juni";
months[7]="juli";
months[8]="august";
months[9]="september";
months[10]="oktober";
months[11]="november";
months[12]="december";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getFullYear();
document.write("<p>" + date + ". " + lmonth + " " + year + "</p>");

// Slut -->
</script></font></div>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <div align="center">
                            <table width="130" border="0" cellspacing="5" cellpadding="3">
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><a href="duge_servietter.html">Duge og Servietter</a></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="service.html">Service</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="opvask.html">Opvask</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="bord_stole.html">Borde og Stole</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="telte.html">Telte</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="traehuse.html">Tr&aelig;huse</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="lysvarme.html">Lys og Varme</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="flagstaenger.html">Flagst&aelig;nger</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="scener.html">Scener</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="hoppeborge.html">Hoppeborge</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="toiletter.html">Toiletter</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="transport.html">Transport</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><span class="tekst"><a href="liftudlej.html">Liftudlejning</a></span></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <p class="hpadding"><a href="stubf.html">Stubfr&aelig;sning</a></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ccd6df">
                                        <div align="left">
                                            <p class="hpadding"><span class="tekst"><a href="index.html">Tilbage til forsiden</a></span></p>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                    <td valign="top" bgcolor="white">
                        <table width="549" border="0" cellspacing="5" cellpadding="1">
                            <tr>
                                <td colspan="3" valign="top" bgcolor="#9dd6df">
                                    <p class="hpadding">&#63647; Velkommen til Vigerslevlund udlejning.</p>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <p class="hpadding"><span class="tekst">Vigerslevlund Udlejning har siden starten af 1950 udviklet sig til i dag, at v&aelig;re en af Fyns st&oslash;rste og mest velassoterede udlejningsforretninger indenfor festudlejning.</span></p>
                                </td>
                                <td><img src="Foto%20small/guld_bord.jpg" alt="" height="195" width="260" border="0"></td>
                            </tr>
                            <tr>
                                <td>
                                    <div align="right">
                                        <img src="Foto%20small/forside_showroom.jpg" alt="" height="84" width="130" border="0"></div>
                                </td>
                                <td><img src="Foto%20small/forside_liamerika.jpg" alt="" height="84" width="130" border="0"></td>
                                <td><img src="Foto%20small/forside_REKLAME.jpg" alt="" height="84" width="260" border="0"></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <div align="left">
                                        </div>
                                </td>
                                <td></td>
                            </tr>
                        </table>
                    </td>
                    <td align="center" valign="top">
                        <div align="center">
                            <font size="1" color="black" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
                                <table width="161" border="0" cellspacing="5" cellpadding="3" bgcolor="white">
                                    <tr>
                                        <td bgcolor="#ccd6df">
                                            <p class="hpadding"><span class="tekst">Medlem af Danmarks<br>Serviceudlejerforening</span></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td bgcolor="white">
                                            <div align="center">
                                                <a href="http://www.dkserviceudlejning.dk/" target="_blank"><img src="Grafik/medlem-logo.gif" alt="Danmarks Serviceudlejerforening" height="41" width="42" border="0"></a></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" bgcolor="#ccd6df">
                                            <p class="hpadding"><span class="tekst">Vi udlejer alt lige fra telte, borde, stole og service til duge og servietter m.m. Firmaet ejes og drives idag af Lis og Jens Nielsen med hj&aelig;lp af dygtige og engagerede medarbejdere.</span></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left"><img src="Grafik/small_bord.jpg" alt="" height="21" width="144" border="0"></td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <script language="JavaScript1.2" name="Rulletekst">

var delay=3000 //set delay between message change (in miliseconds)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //set opening tag, such as font declarations
fcontent[0]="Gratis opmåling af teltplads...<br><br>Vi giver gerne uforpligtende tilbud<br>"
fcontent[1]="<b>Husk!</b><br>Opvasken klarer vi også...<br>"
fcontent[2]="Besøg vores udstilling<br>og få inspiration til Deres næste fest...</a>"
closetag='</font>'

var fwidth='144px' //set scroller width
var fheight='100px' //set scroller height

var fadescheme=0 //set 0 to fade text color from (white to black), 1 for (black to white)
var fadelinks=1  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////

var hex=(fadescheme==0)? 255 : 0
var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=2000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color=startcolor
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
linksobj=document.getElementById("fscroller").getElementsByTagName("A")
if (fadelinks)
linkcolorchange(linksobj)
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

frame=20;

function linkcolorchange(obj){
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color="rgb("+hex+","+hex+","+hex+")"
}
}

function colorfade() {               
// 20 frames fading process
if(frame>0) {   
hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadescheme
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
if (fadelinks)
linkcolorchange(linksobj)
frame--;
setTimeout("colorfade()",20);   
}

else{
document.getElementById("fscroller").style.color=endcolor;
frame=20;
hex=(fadescheme==0)? 255 : 0

}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent
</script>
                                        </td>
                                    </tr>
                                </table>
                            </font></div>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" valign="top" bgcolor="#ccd6df">
                        <div align="center">
                            Copyright 2004 MWC. Alle rettigheder forbeholdes.</div>
                    </td>
                </tr>
            </table>
            <map name="banner84030740d"><area shape="rect" coords="733,101,838,113" href="lejebetingelser.html" alt=""><area shape="rect" coords="666,101,727,114" href="prisliste.html" alt=""><area shape="rect" coords="590,101,659,114" href="huskeliste.html" alt=""><area shape="rect" coords="515,100,583,114" href="her_bor_vi.html" alt=""><area onclick="CSAction(new Array(/*CMP*/'1885BF80'));return CSClickReturn();" shape="rect" coords="452,99,508,115" href="mail.html" alt="" target="_blank" csclick="1885BF80"></map></div>
    </body>

</html>
Avatar billede satanic_raven Nybegynder
23. februar 2004 - 10:53 #12
Brug den simple metode...

Åbn det i FP-2000, markér teksten, og sæt linieafstanden til 1½... Derefter finder du teksten-afsnittet i html-koderne, og kopierer denne ind hvor der er brug for det...

S.R.
Avatar billede roenving Novice
23. februar 2004 - 14:53 #13
-- er det dine fade-ting, for så kan du bare:

begintag='<span style="font-family:Arial,sans-serif;font-size:x-small;line-height:1.5em;">' //set opening tag, such as font declarations
fcontent[0]="Gratis opmåling af teltplads...<br><br>Vi giver gerne uforpligtende tilbud<br>"
fcontent[1]="<b>Husk!</b><br>Opvasken klarer vi også...<br>"
fcontent[2]="Besøg vores udstilling<br>og få inspiration til Deres næste fest...</a>"
closetag='</span>'

-- og så moderniserede jeg lige koden, så den er 2004-kompatibel !-)
Avatar billede arnely Novice
23. februar 2004 - 16:17 #14
roenving...det virker tak skal du have.
Hvad mener du med og så moderniserede jeg lige koden, så den er 2004-kompatibel

Hjælp mig lige med at give dig point...ka' sku aldrig huske hvordan man gør :-)
Avatar billede roenving Novice
23. februar 2004 - 16:34 #15
Du kan ikke give mig points før jeg har lagt et svar !-)

-- <font>-tagget er deprecated, dvs. mærket: 'Den vil ikke blive ved med at være med i standarden', så jeg har lavet det om til en span, som er den nye måde at formattere på !o]

-- og velbekomme '-)
Avatar billede roenving Novice
24. februar 2004 - 00:45 #16
-- og tak for points ;~}
Avatar billede arnely Novice
24. februar 2004 - 08:06 #17
roenving...velbekomme, det er mig der takker :-))
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