Avatar billede dugi Nybegynder
09. juni 2005 - 17:58 Der er 13 kommentarer

WYSIWYG: CSS med IE

Kort og godt.
Hvordan gør man så IE bruger CSS styles?

F.eks.
<span style="font-weight: bold;"></span>

I stedet for:
<b></b>

Så bliver <p> forhåbentlig også fjernet?
For den spiller perfekt i Firefox, men ligner lort i IE.


Håber nogle kan hjælpe.
På forhånd tak.
Avatar billede claus_joergensen Nybegynder
09. juni 2005 - 18:05 #1
øhh...

<span style="font-weight: bold;">hephey</span> virker ligesom <b>hephey</b> i både IE, Firefox og Opera.

<p> hej </p> er et paragraph element, og virker også i begge browsere.

Men de er uenige omkring størrelse, så bruge CSS

p { margin: 10px; padding: 2px; }  til at gøre det ens.
Avatar billede claus_joergensen Nybegynder
09. juni 2005 - 18:05 #2
Dine HTML dokumenter skulle også gerne se sådan her ud grunlæggende:

http://www.thedeathart.dk/diverse/standard.html (check kode, med "vis kilde")
Avatar billede dugi Nybegynder
09. juni 2005 - 18:12 #3
Tror ikke helt du forstår hvad jeg spørg om.
I min WYSIWYG editor, har jeg jo nogle knapper.

Klikker jeg på "bold" knappen i Firefox, insertter den <span style="font-weight: bold"> om teksten men hvis jeg gør det i IE laver den <b></b>

Det er her jeg vil have, editoren lige meget om det er Firefox eller IE, til at bruge CSS styles, altså <span> ..
Avatar billede claus_joergensen Nybegynder
09. juni 2005 - 18:13 #4
Det er jo din editors problem :P
Avatar billede dugi Nybegynder
09. juni 2005 - 18:40 #5
Det er det jo ikke, da det er browseren der gør det.
Jeg spørg om hjælp, ikke om basic html.
Avatar billede claus_joergensen Nybegynder
09. juni 2005 - 19:17 #6
"Det er det jo ikke, da det er browseren der gør det."

Ja, og når editoren er bundet af browsere, er du nød til at kode browseren (IE) om for at det lykkeds.
Og så det er jo lidt svært at ændre ikk....

Derfor kan jeg kun anbefale at du bruger php eller lign. + regulær expression til at ændre <b> osv. til korrekt xhtml (hvis du vil bruge det).
Avatar billede roenving Novice
10. juni 2005 - 00:45 #7
Brug skovenborgs insertTag til det: http://skovenborg.1go.dk/javascript/insertTag.php !-)
Avatar billede olebole Juniormester
10. juni 2005 - 02:08 #8
<ole>

Problemet er desværre ikke så ligetil. Man kan sagtens indsætte et tag - men hvordan er det så lige, man retter det? Tro mig ... det er noget bøvl!  :)

MSHTML er desværre dybt outdated og det er frygtelig besværligt at arbejde sig udenom problemerne. Meget ofte resulterer ét 'hack', der gør den resulterende kode bedre, desværre i behovet for to-tre nye og endnu mere komplicerede 'hacks' for at kompensere for uheldige sideeffekter af det første  :o|

Man kunne jo håbe på en opdatering i forbindelse med frigivelsen af IE7. Det kan vel dårligt undgåes, hvis den skal leve op til forventningerne  :)

/mvh
</bole>
Avatar billede roenving Novice
10. juni 2005 - 02:10 #9
-- og man kunne håbe at IE7 ikke kommer til at hedde IE2017 !-)
Avatar billede olebole Juniormester
10. juni 2005 - 02:11 #10
... derudover er det ikke spor mere korrekt at skrive:
    <span style="font-weight:bold">Fed</span>
- end det er at skrive:
    <b>Fed</b>
Avatar billede olebole Juniormester
10. juni 2005 - 02:13 #11
roenving >> Ja, man mindes ventetiden (- hvem sagde farcen?) omkring frigivelsen af NS5.0 *host-host* ... 6.0  ;o)
Avatar billede olebole Juniormester
10. juni 2005 - 02:18 #12
PS: Angående mit indlæg om inline-styles i et span kontra et formaterings-tag, så er begge dele lige valid HTML.
Taler vi XHTML, kan det være hip som hap. Den standard kan ikke bruges til noget endnu - og når den endelig kan bruges, hedder standarden XHTML2.0 og så er inline-styles ikke længere tilladt  :)
Avatar billede claus_joergensen Nybegynder
15. juni 2005 - 03:15 #13
"... derudover er det ikke spor mere korrekt at skrive:
    <span style="font-weight:bold">Fed</span>
- end det er at skrive:
    <b>Fed</b>"

Men <span class="b">Fed</span>

og så en .b { font-weight: bold; } class, i CSS filen, er mest optimalt, og giver den mest strukturet kode, som også er nemmest at tilpasse på et senere tidspunkt.
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