Kom ihåg mig?
Home Menu

Menu


En css fråga ang positionering

Ämnesverktyg Visningsalternativ
Oläst 2010-10-15, 15:51 #1
Davves avatar
Davve Davve är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2004
Inlägg: 3 267
Davve Davve är inte uppkopplad
Klarade millennium-buggen
Davves avatar
 
Reg.datum: Feb 2004
Inlägg: 3 267
Standard En css fråga ang positionering

Har en bild som jag vill visa bara en del av, resten vill jag att försvinner utanför skärmen till vänster. Men får inte riktigt till det.

Något förslag?

Så ser det ut nu i css filen:

#topleft {
position: absolute;
left: 0;
top: 40;
display: block;
height: 200px;
width: 80px;
cursor: pointer;
text-decoration: none;
}

Vill att ungefär 70% av bilden visas precis i vänstra kanten i skärmen, resterande 30% ska bara försvinna utanför, visas alltså inte.
Davve är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 16:05 #2
Davves avatar
Davve Davve är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2004
Inlägg: 3 267
Davve Davve är inte uppkopplad
Klarade millennium-buggen
Davves avatar
 
Reg.datum: Feb 2004
Inlägg: 3 267
Löste sig, ni kan ta bort den tråden...
Davve är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 21:33 #3
xcs101 xcs101 är inte uppkopplad
Medlem
 
Reg.datum: Jun 2005
Inlägg: 132
xcs101 xcs101 är inte uppkopplad
Medlem
 
Reg.datum: Jun 2005
Inlägg: 132
Bra om du skriver hur du löste det? Andra kan ha nytta av denna information.
xcs101 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 23:27 #4
Davves avatar
Davve Davve är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2004
Inlägg: 3 267
Davve Davve är inte uppkopplad
Klarade millennium-buggen
Davves avatar
 
Reg.datum: Feb 2004
Inlägg: 3 267
Japp, jag trodde att jag löste det men det blev inte bra. Kolla på http://www.visitkortexperten.se till vänster. Det är den röda knappen som jag vill ha fast längst till vänster oberoende av upplösning på skärmen. En liten del av den ska försvinna utanför skärmen så att bara ca 70% syns. Något bra förslag?
Davve är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 23:36 #5
qson qson är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Sep 2006
Inlägg: 513
qson qson är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Sep 2006
Inlägg: 513
Sätt t.ex left: -25px;
så flyttas den till vänster utanför skärmen :-)

EDIT: Aha, det var så du menar!

Ändra till position: fixed

:-)
qson är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 23:50 #6
Davves avatar
Davve Davve är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2004
Inlägg: 3 267
Davve Davve är inte uppkopplad
Klarade millennium-buggen
Davves avatar
 
Reg.datum: Feb 2004
Inlägg: 3 267
Jag ändrade lite, men det blir fel i olika upplösningar... Vad ska man ändra i koden? Det enda som är rätt nu är placeringen på höjden

#topleft {
position: relative;
left:-335px;
top:0px;
display: block;
height: 200px;
width: 80px;
cursor: pointer;
text-decoration: none;
}
Davve är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-15, 23:54 #7
Davves avatar
Davve Davve är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2004
Inlägg: 3 267
Davve Davve är inte uppkopplad
Klarade millennium-buggen
Davves avatar
 
Reg.datum: Feb 2004
Inlägg: 3 267
Löste sig igen

#topleft {
position: fixed;
left:-40px;
top:200px;
display: block;
height: 200px;
width: 80px;
cursor: pointer;
text-decoration: none;
}

tack ändå :=)


Kanske någon kan hjälpa mig att få den knappen att rulla ut snyggt. Så att den kommer ut i en animation till det resultatet som syns nu? Någon java?
Davve är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 07:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017