Søg
Avatar billede charley78 Novice
31. oktober 2008 - 15:13 Der er 14 kommentarer og
1 løsning

hvordan skriver man <div align="justify"> om til css?

hvordan skriver man <div align="justify"> om til css, når nu align... er 'forbudt' iflg. http://validator.w3.org/?
Avatar billede Slettet bruger
31. oktober 2008 - 15:29 #1
<div style="text-align: justify;">


  // Steeven
Avatar billede w13 Novice
31. oktober 2008 - 15:35 #2
Men det kunne du også have fået at vide, hvis du havde søgt på Google efter: css align justify
:)
Avatar billede charley78 Novice
31. oktober 2008 - 15:44 #3
tak begge to. Så skal den ligge tættes på teksten formoder jeg, og hvis jeg har mange tekstrubrikker, der ligger i hver deres searate div tag, skal denne <div style="text-align: justify;"> lægges ind i hver enkelt af dem formoder jeg. Ellers findes der en måde hvorpå jeg kan skrive den ind i fx:

div#content{
???
}
Avatar billede Slettet bruger
31. oktober 2008 - 15:57 #4
Altså, hvis det kun skal gælde for ét enkelt tekstafsnit, kan du gøre som ovenfor.

Ellers kan du jo lægge CSS'en i toppen (head-delen) eller i en seperat CSS-fil. Og det er rigtigt som du har skrevet det:

div#content {
    text-align: justify;
}

Så skal du blot tilføje atributten id="content" til <div>-tag'et.

  // Steeven
Avatar billede roenving Novice
31. oktober 2008 - 16:02 #5
-- men hvis det er mange er det jo indlysende at bruge en class-selektor:

.ligeMargin{text-align:justify;}

class="ligeMargin"
Avatar billede charley78 Novice
31. oktober 2008 - 16:23 #6
tak begge to (alle tre)- jeg bliver meget klogere!

Hvem vil have points :o)
Avatar billede charley78 Novice
31. oktober 2008 - 16:25 #7
... jeg synes desværre bareikke det virker.
Hvis jeg bruger .ligeMargin{text-align:justify;} som roenving foreslår, burde dety vel være nok at lægge den indgenerelt for
hele siden i css-filen. Ikke?
Avatar billede charley78 Novice
31. oktober 2008 - 16:33 #8
her fx: http://www.bluitgen.dk/om.html
Avatar billede charley78 Novice
31. oktober 2008 - 16:35 #9
text-align: justify; under content duer til gengæld!
Avatar billede Slettet bruger
31. oktober 2008 - 18:41 #10
Husk, at hvis du skriver:
.content{text-align:justify;}

så skal du tilføje class="content" til <div>-boksene. men når du skriver:
#content{text-align:justify;}

så skal du tilføje id="content".
Husk altå, om det er <div id="content"> eller <div class="content"> du henvender dig til i CSS'en.
Måske er det problemet.


  // Steeven
Avatar billede charley78 Novice
31. oktober 2008 - 19:32 #11
er hh

div#content {
    text-align: justify;
}

og

.content{text-align:justify;}

det samme?

Jeg har i hvert fald skrevet .ligeMargin{text-align:justify;} ind i css'en og i referencefilen havde jeg allerede en content hvor i teksten lå. Det var i dét tilfælde at tingene ikke fungerede!
Avatar billede ssv Nybegynder
31. oktober 2008 - 20:00 #12
Nej, det er ikke det samme.
Tegnet "#" indikerer et -ID-, hvor tegnet "." indikeren en -CLASS-

div#content skal så rent HTML-mæssigt være: <div id="content"></div>.
div.content er så HTML-mæssigt: <div class="content"></div>.

Har du i din CSS en del der hedder ".ligeMargin{text-align:justify;}" skal du i HTML'en skrive: <div class="ligeMargin"></div>
Avatar billede Slettet bruger
31. oktober 2008 - 20:18 #13
Nej, som ssv skriver:

Sætter du et . så henviser du til en class-atribut. Sætter du et # så henviser du til en id-atribut.


I dit tilfælde bør du nok skrive det sådan her...

I din CSS-fil skriver du følgende:

.content {
    text-align: justify;
}


I din HTML-fil skal du for det første henvise til CSS-filen oppe i <head>-delen:
<link href="[placering].css" rel="stylesheet" type="text/css" />

Dernæst skriver du følgende, der hvor teksten skal stå:
<div class="content"> ... </div>


Og så vil din tekst, der står mellem <div>-tags'ene blive justeret som du har ønsket.


  // Steeven
Avatar billede olebole Juniormester
08. november 2008 - 21:56 #14
<ole>

Pas godt på med lige marginer! Det er næsten umuligt at undgå det typografiske problem, man kalder 'floder' - og som viser sig ved hvide områder, der slynger sig ned gennem teksten.

Et professionelt layout program som QuarkXPress går seks linjer tilbage og justerer 'luften' over disse seks linjer. InDesign går seks linjer tilbage og seks linjer frem - og justerer altså over hele 12(!) linjer - hvilket giver et betydeligt bedre resultat.

HTML derimod justerer kun mellemrummene mellem ordene på én enkelt linje ad gangen, hvilket stort set altid resulterer i et udseende som noget, der er skrabet af gulvet i et hønsehus!

Man kan så til gengæld agumentere for, at med det lodrette fald, de grafiske fag har befundet sig i de seneste 15-20 år, er der næppe ret mange alm. mennesker, der kan genkende god grafik/typografi, når de møder det.
Skræmmende store mængder af det grafik og typografi, der produceres til WWW, TV og print, udføres desværre af mere eller mindre grafikblinde, som har modtaget ingen eller næsten ingen undervisning i typografi og grafik. Det har desværre gjort den store del af befolkningen ret ufølsom overfor, hvordan grafik og tekst blver kastet rundt - så deeeeeeeet ....  =)

/mvh
</bole>
Avatar billede charley78 Novice
09. november 2008 - 09:36 #15
Hej Ole Bole,

tak for din spændende kommentar. Jeg er ganske vist ikke grafiker, men finder dine oplysninger meget spændende.
Ved du så, hvordan jeg ville kunne rette teksten på http://www.bluitgen.dk/om.html - hvis det ellers kan lade sig gøre.
Nu har kunden fået lagt et cms-made-simple på, så jeg er bange for at der nok ikke er så meget at gøre. Eller findes der en kode jeg kan lægge ind i css'et?
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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 13:53 Icloud mail via Outlook Af lbc i E-mail programmer
I dag 08:32 USB NØGLE gratis Af nu_igen i Andet hardware
I går 21:11 Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP
I går 16:10 Tomt felt i Start Af ErikHg i Windows
19/0123:00 Hyperlink til tekst Af Nanarsi i Excel
White papers
Flere white papers »