Just nu i M3-nätverket
Jump to content

Css fråga


JUTE

Recommended Posts

Går det att positionera en bild varsomhelst på skärmen och använda css till det, vad jag skulle vilja vilja veta om det tex går att positionera en bild till höger längst ner på sidan, eller gäller positionerin av bilder bara bakgrundsbilder ??

 

Link to comment
Share on other sites

Det går. Du kan använda flera lager (z-index) inte bara bakgrundsbilder. om det är det du menar..

.understalagret {position:absolute;

top:50;

left:100;

z-index:20

}

.overstalagret {position:absolute;

top:170;

left:300;

z-index:40

}

 

 

------

Lena Marie

”Jag vill inte passa in - jag vill passa på!”

(Cecilia Frode:s Ängelen)

 

 

[inlägget ändrat 2003-02-04 23:17:29 av Lena Marie]

Link to comment
Share on other sites

Nä det var nog inte riktigt så jag menade, tror jag ?, det enda jag vill göra är att lägga en bild, ej bakgrund, längst ner till höger på en sida, som då skall stanna där oavsett användarens upplösning på skärm

 

Link to comment
Share on other sites

Nä,jag är inte så bra på z-index och bilder men indexen lägger ett lager eller flera över bakgrundsbilden och html-koden det vet jag.

Man använder iaf CSS och <class="tjoho"

[inlägget ändrat 2003-02-04 23:39:12 av Lena Marie]

Link to comment
Share on other sites

Kom på hur man gör, det funkar i alla fall i IE 6.0

 

<IMG SRC="dinbild.gif"

STYLE="position:absolute;bottom:0;right:0;" WIDTH="450" HEIGHT="425">

[inlägget ändrat 2003-02-05 00:26:55 av JUTE]

Link to comment
Share on other sites

Jimmie Pettersson
Den koden är godkänd CSS 2.0 vilket gör att det ska funka felfritt i

IE 5.5+

NN 6+

Opera 4+

Funkar nog bra i NN 4.0 och uppåt också.

 

/Jimmie

 

Link to comment
Share on other sites

Christopher Bergren

Aha, så Opera följer också standarder för CSS, det var väldigt kul att höra. Jag har inte ägnat den läsaren en tanke de senaste åren. Bra att veta

 

Link to comment
Share on other sites

Funkar nog bra i NN 4.0 och uppåt också.

 

Ja NN4 har stöd för viss CSS 2.0 men är inte ens nära att följa hela standarden. Om vi skulle JUTEs kod som ex.

 

så skulle NN4 inte förstå dessa rader.

bottom:0;

right:0;

 

 

***********************************************

Vilka webbläsare har stöd för vad?

Det är ganska enkelt att se hur det funkar. Det kan du lista ut på sådana här sidor:

http://www.webreview.com/style/css1/charts/mastergrid.shtml

 

Ta och googla det finns massor men va noga med att titta på datum och att sidan är seriös. Det vore ju dumt att ha fel standard!

 

Jag hade en bättre.. måste fixa mina favoriter :\ nå ja jag antar att du hittar allt godis här.

http://www.w3.org/Style/

 

Men av det hela visar att FULLT stöd för CSS 2.0

får du endast i.

IE 5.5+

NN 6+

Opera 4+

 

CSS1 stöd?

CSS 1 är mycket värre här måste man nästan titta på enskilda webbläsare. exempel på tre stycken CSS1.

 

background-position funkar i NN4+ IE4+ O3.5+

white-space funkar i NN4+ IE5.5+ O4+

vertical-align NN6+ IE4+ O3.5+

 

Detta suger för om man tittar på mitt exempel så för att detta skall funka fullt ut så behöver man exakt samma webbläsarversioner som CSS2. Men miss trösta inte det finns mängder med kommandon i CSS1 som gör samma saker och är ganska onödiga. Så om vi tar med det nödvändigaste ur CSS1 så kan man säga att NN4+, IE4+ O3.5+ Har med det du behöver. Det är det som är svårigheten att hålla reda på vad du kan och inte kan använda! Om man vill göra en så kallad CSS4+ site!

 

Inget stöd?

En mycket bra faktor med CSS är att om webbläsaren inte har stöd för något så tas inte det med när din sida körs. Så man behöver aldrig vara rädd att använda något som aldrig stöds av en webbläsare MEN se till så att det inte pajar din layout om något faller bort. Bara att designen blir lite sämre.

 

Pro CSS

Om du har en PC och vill hålla på med CSS design fullt ut så rekommenderar jag i stället för att sitta och söka på w3c att du installerar Netscape 4 och 6 Opera 5 och 7 och den nyaste IE. Då kan du själv sitta och se var missarna finns och det sätter sig snabbt i bakhuvudet.

 

mac?

kräver ett eget kapitel =)

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...