CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede stratokaster Novice
15. december 2006 - 14:12 Der er 13 kommentarer og
1 løsning

Luft mellem tekst CSS!

Hej,

hvordan ændrer man luftafstanden i en tekst, får nemlig mere luft i Mozilla end i Explorer, når jeg indsætter en tekst i div?
Avatar billede olebole Juniormester
15. december 2006 - 14:14 #1
<ole>

<style type="text/css">
div {
    air: more;
}
</style>

/mvh
</bole>
Avatar billede olebole Juniormester
15. december 2006 - 14:16 #2
Hehe ... selvfølgelig bare en joke  =)

Nu ved jeg ikke præcis, hvad du mener med 'luft', men hvis du mener afstand mellem linjerne, kan du prøve med:

div {
    line-height: 1.5em; // Normal-værdi er ca. 1.2em
}
Avatar billede sporado Nybegynder
15. december 2006 - 14:24 #3
hvis du vil have luft ml. bogstaverne [ l u f t ], så brug

letter-spacing: 5px;

...og experimentér lidt med antal pixels
Avatar billede stratokaster Novice
15. december 2006 - 14:38 #4
Nej det er line-height jeg snakker om, jeg plejer at kode med tabller men nu hvor jeg bruger div er der pludselig dobbelt så meget luft mellem linierne i Mozilla.Når jeg ændrer den til feks. 0.5 så bliver den ikke mindre i Mozilla kun i Explorer, men den vil gerne give den mere luft i Mozilla feks. når jeg sætter den til 3em? Er der en måde man kan få linie afstanden til at se ens ud i både Mozilla og Explorer?
Avatar billede stratokaster Novice
15. december 2006 - 14:39 #5
<ole>

<style type="text/css">
div {
    air: more;
}
</style>

/mvh
</bole>


LoL.... Olebole din sjover!
Avatar billede olebole Juniormester
15. december 2006 - 14:44 #6
stratokaster >> Prøv at lægge et link til dokumentet, for jeg er helt sikker på, du begår en fejl et sted. Der må ikke være forskel på, om tekst står i et div eller tabel-celle  :)
Avatar billede stratokaster Novice
15. december 2006 - 14:47 #7
Okay er tilbage igen kl.18.00 skal skynde mig til frisøren! Olebole
Avatar billede olebole Juniormester
15. december 2006 - 14:52 #8
Hmmmm .... en stratokaster med filtrede strenge ... ja, det må man jo se at få orden på  ;D

Jeg er nok ikke så meget online i weekenden, men ellers er der garanteret andre, der kan hjælpe dig ... God Jul  *<|;o)
Avatar billede stratokaster Novice
15. december 2006 - 18:07 #9
Hej så er jeg tilbage, her er koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div align="center">
  <div id="container">
 
    <div class="topbanner"></div>
   
    <div class="ikon">
      <?php include_once("includes/ikon.php");?>
    </div>
   
    <div class="menu">
      <div class="innermenu">
        <?php include_once("includes/menu.php");?>
      </div>
    </div>
    <div class="menu1">
      <div class="innermenu1">
        <?php include_once("includes/menu1.php");?>
      </div>
    </div>
    <div class="menu2">
      <div class="nyhed"></div>
    </div>
   
    <div class="main">
      <div class="footer1"></div>
      <div class="pic1"></div>
      <div class="left"></div>
      <div class="slogan"></div>
      <div class="box">
     
      <span class="broed">Nej det er line-height jeg snakker om, jeg plejer at kode med tabller men nu hvor jeg bruger div er der pludselig dobbelt så meget luft mellem linierne i Mozilla.Når jeg ændrer den til feks. 0.5 så bliver den ikke mindre i Mozilla kun i Explorer, men den vil gerne give den mere luft i Mozilla feks. når jeg sætter den til 3em? Er der en måde man kan få linie afstanden til at se ens ud i både Mozilla og Explorer?
     
      </span></div>
     
    </div>
   
    <div class="footer">
      <?php include_once("includes/footer.php");?>
    </div>
   
  </div>   
</div>


</body>
</html>

Jeg prøvede at sætte denne doctype ind istedetfor også blev det ens igen?

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

Syntes bare jeg har brugt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

før uden at det gav problemer?
Avatar billede stratokaster Novice
15. december 2006 - 18:15 #10
Prøvede lige at bruge <p> istedetfor <span> der virkede det også med

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kan åbenbart ikke bruge <span> ?
Avatar billede olebole Juniormester
18. december 2006 - 12:28 #11
div- og p-elementer er det, man kalder block-elementer. Det betyder blandt andet, at de danner en blok af tekst med et linjebrud før og efter elementet.

span-elementet er derimod et inline-element - og kan bruges et hvilket somhelst sted i en tekstlinje, uden denne deles.

Bruger du en doctype uden definitions-URL, disabler du store dele af CSS i IE6. Derfor sker der ofte noget andet, hvis du sletter URL'en  =)
Avatar billede stratokaster Novice
20. december 2006 - 17:46 #12
Jeg plejer at bruge denne doctype

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

og der har jeg brugt <span> hvis jeg ikke ville have et linieskift, men i <p> kommer der jo automatisk linieskift!

Men det kan jeg åbenbart ikke i

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Avatar billede roenving Novice
24. december 2006 - 11:26 #13
Hvornår ?-)
Avatar billede stratokaster Novice
02. april 2014 - 16:41 #14
lukketid!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:17 Ubuntu på raspberry Pi 5, remote problemer Af jepper1992 i Linux
I går 22:32 Router fra Hiper Af lurup i Routere & Switches
25/0415:36 Konvertere filer fra spil-cd til en intallations fil Af boxer i Andet software
24/0423:30 Egenskaber/genvejstast virker ikke mere Af Blød trafikant i Windows
24/0416:12 Forbind TDC NET fiber til router med én SPF+ WAN-port Af Gustav i LAN/WAN
White papers
Flere white papers »


Premium
Teaser billede
Tidligere Conscia-topchef Claus Thorsgaard lander internationalt topjob: Bliver CEO i selskab med 500 ansatte
Læs mere »
Den danske milliardvirksomhed Trackman overvejer at flytte produktion til USA efter Donald Trumps toldmure
Ofir lukker og slukker: Slut med den sidste af de store danske portaler fra internettets barndom
EU vil gøre det lettere for dig at sammenligne smartphones: Nu skal alle nye telefoner udstyres med dette mærkat
Se alle »
Computerworld
Teaser billede
Facebook og Instagram vil igen anvende dine opslag og kommentarer til at træne AI-modeller: Sådan kan du undgå det
Læs mere »
Det koster millioner, når du er høflig over for ChatGPT
Donald Trump og Elon Musk kan koste IBM dyrt: Mister stribevis af offentlige kontrakter
Google udløste ‘Code Red’ i panik: Nye tal viser frygten er reel i Europa
Se alle »
CIO
Teaser billede
Region Syddanmark vil købe kæmpe it-system og gå i clouden - står klar med næsten kvart milliard kroner
Læs mere »
Her er Danmarks fem bedste CIO’er lige nu: De er nomineret til prisen som Årets CIO 2025
Sådan har Microsoft Danmark erstattet 80 procent af stillingerne i sin økonomi-afdeling med AI - og gjort medarbejderne glade
Google-stifter kræver 60 timers arbejdsuge: Sådan går det i it-virksomheder, som vælger den anden vej og tilbyder nedsat tid
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Så meget tjener en dansk it-udvikler i gennemsnit om måneden: Forventer at få solide lønstigninger inden længe
Husk det her, når du skal købe it-løsninger næste gang: Vi er vidner til it-branchens største maskefald nogensinde
Se alle »
White paper
Teaser billede
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Læs mere »
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
Sådan: Virtualisering uden vendor lock-in og høje omkostninger
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »