Avatar billede -zonic- Nybegynder
21. juli 2006 - 11:29 Der er 24 kommentarer og
1 løsning

afstand i firefox men ikke ie ?

Hej.. jeg er ved at lave denne side www.rs-invent.dk/temp/index.php

siden validerer, men i den lille infobox jeg har lavet ser de ikke ens ud i firefox og internet explorer ?! - nogen der kan sige mig hvorfor ?


desuden, hvorfor laver den så stort linebreak mellem paragraphs? kan det undgås ?
Avatar billede thesurfer Nybegynder
21. juli 2006 - 11:40 #1
Jeg troede ikke at man bruge P mere.. troede at det bare var FrontPage der var vild med dem.. :-)

Brug BR og SPAN i stedet..
Avatar billede -zonic- Nybegynder
21. juli 2006 - 11:43 #2
kunne du evt komme med et eksempel ?!
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:44 #3
Enig med thesurfer ... ellers så prøv denne linje i adresselinjen og enter:
java script:ps=document.getElementsByTagName("p");for(i=0;i<ps.length;i++)ps[i].style.margin="0px";void(0);

- Den simulerer css:
p{margin:0px;}
Avatar billede thesurfer Nybegynder
21. juli 2006 - 11:44 #4
Ifølge Ekspertens bruger olebole, er XHTML ubruge lidt p.t...

Han har skrevet et par artikler om emnet:

Del 1: http://www.eksperten.dk/artikler/537
Del 2: http://www.eksperten.dk/artikler/538
Avatar billede thesurfer Nybegynder
21. juli 2006 - 11:44 #5
*ubrugligt.. stavefejl vil forekomme..
Avatar billede thesurfer Nybegynder
21. juli 2006 - 11:47 #6
-zonic-> mclemens' eksempel viser at IE også viser det forkert.. :-)
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:48 #7
xhtml er ganske brugeligt, tak (xhtml skal dog være valid o.s.v. o.s.v.)???
... men det har nok ikke noget med problemet at gøre???
// OT: xhtml check links i denne tråd: http://www.eksperten.dk/spm/719030
- der er bare ikke grund til at køre xhtml p.t. når IE ikke understøtter det //
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:48 #8
IE viser det ikke forkert ... de er bare ikke enige
om hvor meget margin et p element har ...
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:49 #9
FF viser det dermed heller ikke forkert ... men det er nu
trals at der mangler standarder for dette imellem browsere...
Avatar billede -zonic- Nybegynder
21. juli 2006 - 11:50 #10
jeg ville gerne undgå javascript, men synes aldrig jeg har haft problemet før... troede egentlig det var let løseligt :(

hvordan ville I bygge div'en op med span istedet ?!

troede egentlig text skulle skrives med <p> ?
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:52 #11
[ jeg ville gerne undgå javascript, men synes aldrig jeg har haft problemet før... troede egentlig det var let løseligt :( ] - Du skal ikke bruge javascript ... det er kun til en hurtig test - for at være lidt brugervenlig ;o)

p{margin:0px;}

^ - Den skal bare ind i dit stylesheet eller måske er denne lidt bedre:

#infobox p{margin:0px;}
Avatar billede -zonic- Nybegynder
21. juli 2006 - 11:56 #12
ahh, ok.. dvs, hvis man vil have det til at se ens ud mht positionering osv crossbrowser, så bliver man nødt til at skære alt ud i pap ?

Skal jeg bare glemme det der blev nævnt med span, eller er <p> en uddød race? og i såfald, hvordan skal man så bygge text op hvis det skal være mest korrekt ?

smid et svar mclemens, så kommer der points..
Avatar billede mclemens Nybegynder
21. juli 2006 - 11:57 #13
I css skal disse rettes:
p.head -> span.head
p.box -> span.box

og her er html'en:

                    <div id="infobox"><span class="head">:: info ::</span>
                        <span class="box">dette er sørme en infobox :-) </span>
                    </div>


eller måske:


                    <div id="infobox"><span class="head">:: info ::</span>
                        <br /><span class="box">dette er sørme en infobox :-) </span>
                    </div>



... du kan selvfølgelig også bruge nogle div elementer istedet
- og måske noget margin-top: 5px; istedet for br elementet
Avatar billede -zonic- Nybegynder
21. juli 2006 - 11:59 #14
kanon :-) men er span bedre end paragraphs ? og bør man helt undgå paragraphs så ? :-)

smider du et svar ? :)
Avatar billede mclemens Nybegynder
21. juli 2006 - 12:00 #15
[ ahh, ok.. dvs, hvis man vil have det til at se ens ud mht positionering osv crossbrowser, så bliver man nødt til at skære alt ud i pap ? ] - Afhænger lidt af designet, og hvilke elementer man vælger - men i nogle tilfælde kan man vælge at skære tingene helt ud i pap, så er man sikker på hvordan tingene vises...


[ Skal jeg bare glemme det der blev nævnt med span, eller er <p> en uddød race? og i såfald, hvordan skal man så bygge text op hvis det skal være mest korrekt ? ] - Jeg bruger ikke selv p elementet, jeg holder mig til span og div's. Jeg bruger eheller ikke b i og u elementer... Holder mig så langt fra elementer der påvirker designet visuelt og laver det med css istedet ...


[ smid et svar mclemens, så kommer der points.. ] Ok :o)
Avatar billede mclemens Nybegynder
21. juli 2006 - 12:03 #16
[ kanon :-) men er span bedre end paragraphs ? og bør man helt undgå paragraphs så ? :-) ] - Uhm, kommer lidt an på hvad man skal bruge ... umiddelbart ville jeg måske bruge div's istedet for spans (når vi snakekr om et alternativ til p elementer) har dog ikke lige testet med designet her ...

Generalt bruger jeg selv de elementer der løser opgaven bedst afhængig af behovet :o)
(med undtagelse af visse elementer som nævnt i ovenstående, da jeg kører xhtml 1.1)
Avatar billede mclemens Nybegynder
21. juli 2006 - 12:04 #17
- Og tak for point :o)
Avatar billede -zonic- Nybegynder
21. juli 2006 - 12:08 #18
selv tak, og mange tak for godt svar, top karma herfra ;)

ville ønske jeg kunne lære lidt mere om de enkelte elementer i html & xhtml, men synes bare ikke det er nemt at finde nogle gode artikler om det.. :(
Avatar billede mclemens Nybegynder
21. juli 2006 - 12:18 #19
Kender desværre ikke lige nogle artikler som jeg synes er helt gode...
Jeg har læst lidt inde på w3c http://www.w3.org/TR/xhtml1/ , http://www.w3.org/TR/CSS1 og så lidt inde på www.w3schools.com ... og så har jeg en del i bagagen fra '98 - '00 og starten af '05, hvor jeg sad og talte px og brugte html uden doctype og css (ur gammel - forældet og multinested markup med multinestede frames).

- Min lillebror der skal til at begynde på at lære det
har læst html.dk's tutorials (jeg har ikke selv læst dem) ...
Avatar billede Slettet bruger
22. juli 2006 - 21:47 #20
P er så absolut ikke et dødt element, og det vil ikke være korrekt bare at erstatte det med span.

P er et blok-level element til at opmarkere et afsnit. Det findes der ikke andre elementer, som er beregnet til.

Span er til at markere et inline-level element uden at give det en speciel strukturel betydning - normalt med det formål at give det en klasse eller et id, som man så kan bruge for at behandle det med CSS eller JavaScript. Det findes der heller ikke andre elementer, som er beregnet til.

Fidusen er, at hvis man har valgt de rette elementer, så kan siden også se fornuftigt ud i en tekstmode browser, som måske slet ikke understøtter css.

Ellers kunne man jo lige så godt bare droppe alt andet og nøjes med div og span, da de med CSS kan bringes til at ligne alle de andre elementer.
Avatar billede mclemens Nybegynder
22. juli 2006 - 22:25 #21
Enig med sandbox p er ikke et dødt element - og det er også forkert at erstatte det med et span ... men i dette tilfælde havde det ikke så stor betydning ... men i en tekstbrowser har det godtnok :/ ... det burde have været et div element jeg havde brugt ...


Som jeg nævnte tilsidst (21/07-2006 12:03:50) ville jeg ikke bruge span men div istedet ... nu ramte valget jo så lige span da thesurfer anbefalte det ... og nu var løsningen med span også ok i dette tilfælde ... men m.h.t. til div og anden markup så vælger jeg altid det element der passer mig bedst ... og nu har jeg altid irriteret mig over browseres holdning til forskellig css fra den ene til den anden så da de er nogenlunde enige om hvad div's og span er bruger jeg typisk det ... Men som sagt ville jeg mere bruge div i dette tilfælde... (21/07-2006 12:03:50)




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body>

<p>Test linje</p>
<p>Test linje2</p>

<br><br><br><br>

<div>Test linje</div>
<div>Test linje2</div>

<br><br><br><br>

<div>Test linje</div><br>
<div>Test linje2</div><br>

</body></html>



... men som jeg viste i 21/07-2006 11:52:37 virker p elementet også fint ... men som du siger sandbox bør man vælge det element der passer til det man skal bruge ... i dette tilfælde burde det måske være p elementet med lidt tilretning via. css ... men jeg bryder mig som sagt ikke altid om at skulle til at fortælle et element at det skal opføre sig anderledes (css mæssigt) hvis jeg kan undgå det ...

... Og så peger xhtml selvfølgelig i andre retninger ... u elementet er som sagt fløjet i 1.1 og da valgte jeg samtidig at droppe b og i elementer ... css er så vidt jeg ved det der er beregnet til at definere den visuelle fremvisning ...


[ Fidusen er, at hvis man har valgt de rette elementer, så kan siden også se fornuftigt ud i en tekstmode browser, som måske slet ikke understøtter css. ]
- Min side ser ganske fin ud uden et stylesheet ... problemet er bare at hvis du her bruger et p element istedet for et div element og så definerer margin til 0px som vist så for du ganske vist den ønskede effekt i en ikke tekstbrowser (i en css browser) men i den anden tekstbrowser ville det visuelt være vist forkert :o)

- Her er lige et eksempel: Fjern css blokken bagefter ... der skulle ikke have været forskel på det i tekstbrowseren og css browseren ... det var margin på p elementet der ikke skulle være der ... og umiddelbart synes jeg at et div element opfører sig som et p element uden margin ??? ... eller tager jeg helt fejl her?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>



<style type="text/css">
#infobox p{margin:0px;}
</style>



</head><body>
a
                    <div id="infobox"><h2 class="head">:: info ::</h2>
                        <p class="box">dette er sørme en infobox :-) </p>
                    </div>

a

<br>vs.:<br>


a
                    <div id="infobox"><h2 class="head">:: info ::</h2>
                        <div class="box">dette er sørme en infobox :-) </div>
                    </div>

a

</body></html>

P.s.: Div er også pr. standard et blok element der fylder bredden ... dog uden mellemrum (margin) som ovenstående eksempel viser ... men faktum er vel netop her at der måske ikke skulle være det mellemrum som p elementer laver ... og ja, så har jeg desværre den holdning at jeg ville foretrække et div element fremfor et p element ... (span var som sagt et sidespor jeg hoppede ud på ... nævnte det selv i 21/07-2006 12:03:50)
Avatar billede mclemens Nybegynder
22. juli 2006 - 22:37 #22
Kan du uddybe hvad du mener med at (22/07-2006 21:47:35)
[ Det findes der heller ikke andre elementer, som er beregnet til. ] ???
Avatar billede mclemens Nybegynder
22. juli 2006 - 23:10 #23
^ - Har fanget det du mente med den linej (span's inline egenskab) :o)
Avatar billede Slettet bruger
22. juli 2006 - 23:31 #24
Ja, netop.

Den korte udgave er:

Span er på inline niveau og dens indhold ligeledes.
P er på blok-niveau men dens indhold er inline.
Div  og dens indhold er blok.
Avatar billede grace45 Nybegynder
25. oktober 2010 - 12:21 #25
Hej min kære,
Hvordan har du i dag, jeg håber, at alle er godt med dig. Jeg er ked af at bekymre dig med min Forslag til et forhold med dig, men jeg ved, at du vil imødekomme min anmodning i god tro og forståelse. Jeg har brug for dig i forretningsbetingelser og rådgive. Mit navn er Grace Dabah jeg bare gik gennem din profil har ingen andre muligheder end at lade dig vide, at jeg er interesseret i at have et forhold med dig, vil jeg også gerne vide dig mere, kan du sende en mail til min e-mail adresse (grace_11dabah @ yahoo.com), så jeg kan sende dig flere oplysninger om mig selv inklusive mit billede. Jeg tror, vi kan gå herfra. Men huske på, at kærlighed ikke har nogen farver barriere, ingen uddannelsesmæssige tilbage jorden barriere, ingen socio-økonomiske barrierer, religiøse, sprog, nationalitet eller afstand hindring, det eneste vigtige der er kærlighed. Jeg venter på din mail til min e-mail adresse ovenfor.
Med venlig hilsen,
Miss Grace.
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