/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS og Netscape vs IE (input type alignmen~
Fra : Henrik Eghave


Dato : 19-01-03 11:39

Forord:
Jeg har defineret et par custom input buttons, dvs. jeg har tegnet et par
små png billeder og sat dem som background-image vha. af css. Derudover har
jeg defineret values for de her knapper med den tekst jeg nu skal bruge. Jeg
vil gerne kunne venstrestille ikonet og højrestille teksten (så man kan læse
den). Dette er min nuværende løsning:

<input type=button value=\" Back \" title=\"Back to last page\" class=back
name=back onClick=back()>
//ignorer backslashes de er der af en anden grund


hvor stylesheet entrien ser sådan ud:

input.back {
text-align:right;
border: medium outset;
background-image: url(./images/png/arrow_back.png);
background-repeat: no-repeat;
background-position: center left;
font-size:9;
height:28px;
width:65px;
}

Problem:
Positioneringen af billedet giver problemer idet at netscape(7.0) fortolker
det ovenstående korrekt (jf. http://www.w3.org/TR/REC-CSS2) mens IE(6) ikke
gør det. Det kan løses for IE ved at ændre background-position til left
middle. (???).
Tekstens justering fungere fint i IE, men forbliver centreret i NN, og det
er mit største problem.

Spørgsmål:
1) Er der nogen der har en løsning på tekst justeringen for NN? eller har
stødt ind i samme problem?
2) Er der nogen der kan henvise til en god oversigt over kompatibilitets
problemer for NN vs. IE? (har kigget på netscape's egen side)




 
 
Peter Ole Kvint (19-01-2003)
Kommentar
Fra : Peter Ole Kvint


Dato : 19-01-03 14:32



Henrik Eghave wrote:

> Forord:
> Jeg har defineret et par custom input buttons, dvs. jeg har tegnet et par
> små png billeder og sat dem som background-image vha. af css. Derudover har
> jeg defineret values for de her knapper med den tekst jeg nu skal bruge. Jeg
> vil gerne kunne venstrestille ikonet og højrestille teksten (så man kan læse
> den). Dette er min nuværende løsning:
>
> <input type=button value=\" Back \" title=\"Back to last page\" class=back
> name=back onClick=back()>
> //ignorer backslashes de er der af en anden grund
>
> hvor stylesheet entrien ser sådan ud:
>
> input.back {
> text-align:right;
> border: medium outset;
> background-image: url(./images/png/arrow_back.png);
> background-repeat: no-repeat;
> background-position: center left;
> font-size:9;
> height:28px;
> width:65px;
> }
>
> Problem:
> Positioneringen af billedet giver problemer idet at netscape(7.0) fortolker
> det ovenstående korrekt (jf. http://www.w3.org/TR/REC-CSS2) mens IE(6) ikke
> gør det. Det kan løses for IE ved at ændre background-position til left
> middle. (???).
> Tekstens justering fungere fint i IE, men forbliver centreret i NN, og det
> er mit største problem.
>
> Spørgsmål:
> 1) Er der nogen der har en løsning på tekst justeringen for NN? eller har
> stødt ind i samme problem?

Det er noget med arv, (?)
kan du ikke sætte

P{text-align:right} ?


>
> 2) Er der nogen der kan henvise til en god oversigt over kompatibilitets
> problemer for NN vs. IE? (har kigget på netscape's egen side)

Ja tak, står der ikke noget i FAQ-en for dene gruppe?




Peter Ole Kvint (19-01-2003)
Kommentar
Fra : Peter Ole Kvint


Dato : 19-01-03 14:41



Henrik Eghave wrote:

> Forord:
> Jeg har defineret et par custom input buttons, dvs. jeg har tegnet et par
> små png billeder og sat dem som background-image vha. af css. Derudover har
> jeg defineret values for de her knapper med den tekst jeg nu skal bruge. Jeg
> vil gerne kunne venstrestille ikonet og højrestille teksten (så man kan læse
> den). Dette er min nuværende løsning:
>
> <input type=button value=\" Back \" title=\"Back to last page\" class=back
> name=back onClick=back()>
> //ignorer backslashes de er der af en anden grund
>
> hvor stylesheet entrien ser sådan ud:
>
> input.back {
> text-align:right;
> border: medium outset;
> background-image: url(./images/png/arrow_back.png);
> background-repeat: no-repeat;
> background-position: center left;
> font-size:9;
> height:28px;
> width:65px;
> }
>
> Problem:
> Positioneringen af billedet giver problemer idet at netscape(7.0) fortolker
> det ovenstående korrekt (jf. http://www.w3.org/TR/REC-CSS2) mens IE(6) ikke
> gør det. Det kan løses for IE ved at ændre background-position til left
> middle. (???).
> Tekstens justering fungere fint i IE, men forbliver centreret i NN, og det
> er mit største problem.
>
> Spørgsmål:
> 1) Er der nogen der har en løsning på tekst justeringen for NN? eller har
> stødt ind i samme problem?
> 2) Er der nogen der kan henvise til en god oversigt over kompatibilitets
> problemer for NN vs. IE? (har kigget på netscape's egen side)

Kan det være rekke følgen som det er gal med?
background-position: center left;
text-align:right;


Henrik Eghave (19-01-2003)
Kommentar
Fra : Henrik Eghave


Dato : 19-01-03 14:58


"Peter Ole Kvint" <haabet@danbbs.dk> wrote in message
news:3E2AAAF8.50F7716D@danbbs.dk...
>
>
> Henrik Eghave wrote:
>
> > Forord:
> > Jeg har defineret et par custom input buttons, dvs. jeg har tegnet et
par
> > små png billeder og sat dem som background-image vha. af css. Derudover
har
> > jeg defineret values for de her knapper med den tekst jeg nu skal bruge.
Jeg
> > vil gerne kunne venstrestille ikonet og højrestille teksten (så man kan
læse
> > den). Dette er min nuværende løsning:
> >
> > <input type=button value=\" Back \" title=\"Back to last page\"
class=back
> > name=back onClick=back()>
> > //ignorer backslashes de er der af en anden grund
> >
> > hvor stylesheet entrien ser sådan ud:
> >
> > input.back {
> > text-align:right;
> > border: medium outset;
> > background-image: url(./images/png/arrow_back.png);
> > background-repeat: no-repeat;
> > background-position: center left;
> > font-size:9;
> > height:28px;
> > width:65px;
> > }
> >
> > Problem:
> > Positioneringen af billedet giver problemer idet at netscape(7.0)
fortolker
> > det ovenstående korrekt (jf. http://www.w3.org/TR/REC-CSS2) mens IE(6)
ikke
> > gør det. Det kan løses for IE ved at ændre background-position til left
> > middle. (???).
> > Tekstens justering fungere fint i IE, men forbliver centreret i NN, og
det
> > er mit største problem.
> >
> > Spørgsmål:
> > 1) Er der nogen der har en løsning på tekst justeringen for NN? eller
har
> > stødt ind i samme problem?
> > 2) Er der nogen der kan henvise til en god oversigt over kompatibilitets
> > problemer for NN vs. IE? (har kigget på netscape's egen side)
>
> Kan det være rekke følgen som det er gal med?
> background-position: center left;
> text-align:right;
>


Har lige checket det...kom til at tænke på det....men nej desværre...

ang arv i din første besvarelse, så tror jeg ikke det er problemet. Det er
vel oftere sådan at NN mister arv-rækkefølgen.

...og jeg kunne heller ikke lige få P justering til at virke med teksten på
knappen.

Måske er det bare en af de der ting man skal ignorer og lade som ingenting
:S

....tak for input Peter :)



Erik Ginnerskov (19-01-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-01-03 17:54


"Henrik Eghave" <henrikeghave@hotmail.com> skrev
> Jeg har defineret et par custom input buttons, dvs. jeg har tegnet et par
> små png billeder og sat dem som background-image vha. af css. Derudover
har
> jeg defineret values for de her knapper med den tekst jeg nu skal bruge.
Jeg
> vil gerne kunne venstrestille ikonet og højrestille teksten (så man kan
læse
> den).

Var det ikke meget nemmere, om du i dit grafikprogram skrev den ønskede
tekst på knapperne. Det kunne spare dig for at blive gråhåret i utide.

--
Med venlig hilsen
Erik Ginnerskov - erik@ginnerskov.dk
http://www.ginnerskov.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Jens Gyldenkærne Cla~ (19-01-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 19-01-03 23:17

Henrik Eghave skrev:

> 2) Er der nogen der kan henvise til en god oversigt over
> kompatibilitets problemer for NN vs. IE? (har kigget på
> netscape's egen side)

Hvilken doctype bruger du?

Tjek følgende links vedr. betydningen af doctype i IE hhv.
Netscape/Mozilla:

IE:
<http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp>

Mozilla: <http://mozilla.org/docs/web-developer/quirks/>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Henrik Eghave (20-01-2003)
Kommentar
Fra : Henrik Eghave


Dato : 20-01-03 09:16


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns9308ECE1FD1E3jcdmfdk@gyrosmod.cybercity.dk...
> Henrik Eghave skrev:
>
> > 2) Er der nogen der kan henvise til en god oversigt over
> > kompatibilitets problemer for NN vs. IE? (har kigget på
> > netscape's egen side)
>
> Hvilken doctype bruger du?

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

>
> Tjek følgende links vedr. betydningen af doctype i IE hhv.
> Netscape/Mozilla:
>

Umiddelbart kan jeg ikke få nogen effekt ud af at ændre doctype fra en
standard til næsten standard osv.
Jeg mere og mere på fornemmelsen at denne text-align i input jeg bruger i
CSS er noget der kun virker i IE 6.0+ .

Hvis jeg laver en lille testside, der viser en knap med mulighed for at lave
en afkrydsning og indtastning af sin browser + version, er det så noget jeg
skal smide i ris+ros NG, eller kan jeg linke til den herfra??

Henrik

> IE:
>
<http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/htm
l/cssenhancements.asp>
>
> Mozilla: <http://mozilla.org/docs/web-developer/quirks/>
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html



Jens Gyldenkærne Cla~ (20-01-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-01-03 09:52

Henrik Eghave skrev:

>> Hvilken doctype bruger du?
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
> Transitional//EN">

Det vil sige at både Netscape/Mozilla og IE går ui quirks mode.


> Umiddelbart kan jeg ikke få nogen effekt ud af at ændre
> doctype fra en standard til næsten standard osv.

Hvad har du prøvet? Prøv evt. denne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Husk i øvrigt at for IE's vedkommende skal Doctypen være det
absolut første i filen for at have indflydelse. Det vil sige at man
fx ikke bare kan udkommentere den gamle doctype og så sætte en ny
nedenunder - ligesom det (desværre) heller ikke er muligt at bruge
en xml-deklaration (<?xml version="1.0" encoding="iso-8859-1"?>,
skal stå før doctype-erklæringen) uden at miste effekten af
doctype-erklæringen i IE.


> Hvis jeg laver en lille testside, der viser en knap med
> mulighed for at lave en afkrydsning og indtastning af sin
> browser + version, er det så noget jeg skal smide i ris+ros
> NG, eller kan jeg linke til den herfra??

Send den endelig hertil. Så længe det drejer sig om at få en side
til at makke ret, er spørgsmål - inkl. links - helt on-topic her.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste