Ok, jag vill ha 1+9 px grå kant runt bilden. I CSSen står det svåra saker som "0.571em" - jag har aldrig fattat em och det där. Varför kan man inte bara köra px?
@henke bara runt texten, testa att slänga på diven och se vad som händer, om texten hoppar ned under bilden får du styra lite med css. em är bara ett relativt mått, till den största storleken på sidan om jag inte missminner mig, @kalstrom vet säkert mer =)
Ok, nu har jag gjort allt så att det blev perfekt i FF på PC med em. Ser då att det är 1 px fel i FF på Mac. Vafan. Måste jag göra om med px eller vad är grejen?
Gjorde om som px och nu ser det nästan perfekt ut i både FF/Pc och FF/Mac. Skiljer en pixel på ett ställe i Macen. Safari/Mac blev 100% perfekt och identiskt med FF/Pc.
Testade i IE och där ser det ju skit ut, så klart. Fan fan fan.
@Silverbakk: Precis. Någon som är kung på css-kompabilitet som vill ta sig en titt? I IE så åker den grå bottenplatten upp och får inte de önskade 10px avstånd till byddyiconen.
@henke: Äh, det är alltid bra att ha om man använder float. Den återställer så att det inte floatar mer, och kan lösa en del problem med bakgrunder som inte följer med hela vägen, och andra konstigheter.
@hejgustav: clear:both skulle jag nog inte rekommendera. Bättre att floata allt som floatas skall, eventuellt använda overflow eller position:relative för att lösa problem.
@henke: Får du inte det löst så kan jag fixa det åt dig i helgen. Peta på mig om du ser mig på Jabber/MSN/ICQ/AIM/Yahoo eller vad du har.
34 comments so far
Shoot.
11 months, 1 week ago by kalstrom
Whazzup?
11 months, 1 week ago by kallepa
Inte så avancerat tror jag. Jag vill att det ska se ut som på den högra bilden.
http://henrik.net/slask/090115-css-knas.jpg
Kod: http://henrik.net/
11 months, 1 week ago by henke
@henrik, testat att slänga en div/span runt båda textsnuttarna?
11 months, 1 week ago by hermanolsson
11 months, 1 week ago by kalstrom
(Om man inte får lägga till mer html alltså.)
11 months, 1 week ago by kalstrom
float: left; på bilden va?
11 months, 1 week ago by HejGustav
Äh, sen.
11 months, 1 week ago by HejGustav
@kalstrom: Ska testa direkt. Man får gärna lägga till / ta bort / skriva snyggare.
11 months, 1 week ago by henke
Ah, så fint det blev :) Tack alla!
Nu ska jag bara finjustera lite marginaler och sånt (som jag inte kan heller).
11 months, 1 week ago by henke
Jag skulle lägga en div runt texten. På det sättet kan den svälla under bilden utan att den då ska gå ut till vänsterkanten.
11 months, 1 week ago by kalstrom
Ok, jag vill ha 1+9 px grå kant runt bilden. I CSSen står det svåra saker som "0.571em" - jag har aldrig fattat em och det där. Varför kan man inte bara köra px?
11 months, 1 week ago by henke
@kalstrom: Bara en enkel div utan css och sånt? Och bara runt texten?
11 months, 1 week ago by henke
Det fina med em är att det skalar. Så om texten ytar så gör ytorna det också. Men du kan sätta det i pixlar istället. Mindre kosher, men det funkar.
Nä. Men då kan du sätta marginal vänster på diven så bred som bilden är.
11 months, 1 week ago by kalstrom
Typ fortfarande ha samma css för bilden men sen ta en class på diven och sätta marginal vänster som är hela avståndet du vill ha från vänsterkanten.
11 months, 1 week ago by kalstrom
Ok, jag pillar vidare :)
11 months, 1 week ago by henke
@henke bara runt texten, testa att slänga på diven och se vad som händer, om texten hoppar ned under bilden får du styra lite med css. em är bara ett relativt mått, till den största storleken på sidan om jag inte missminner mig, @kalstrom vet säkert mer =)
11 months, 1 week ago by hermanolsson
äh, who am I kidding, är ju för sen...lämnar det i @kalstrom:s händer
11 months, 1 week ago by hermanolsson
Behövs ingen div runt texten för att inte wrappa, gör såhär: http://ghettocooler.net/2005/11/13/image-floats-without-the-text-wrap/
(Med reservation för eventuella konstigheter i udda browsers. :-)
11 months, 1 week ago by kallepa
Äh, "em" suger. Antingen är man "pixel perfect" med px, eller så använder man procent som skalar bättre och jämnare mellan browsers.
11 months, 1 week ago by helloandy
Ok, nu har jag gjort allt så att det blev perfekt i FF på PC med em. Ser då att det är 1 px fel i FF på Mac. Vafan. Måste jag göra om med px eller vad är grejen?
11 months, 1 week ago by henke
...och hur ser det ut i IE, det är det det hela brukar börja spöka på riktigt!
11 months, 1 week ago by Silverbakk
Gjorde om som px och nu ser det nästan perfekt ut i både FF/Pc och FF/Mac. Skiljer en pixel på ett ställe i Macen. Safari/Mac blev 100% perfekt och identiskt med FF/Pc.
Testade i IE och där ser det ju skit ut, så klart. Fan fan fan.
11 months, 1 week ago by henke
Sorry för för att jag pajjade din fredag em :(
11 months, 1 week ago by Silverbakk
@Silverbakk: Precis. Någon som är kung på css-kompabilitet som vill ta sig en titt? I IE så åker den grå bottenplatten upp och får inte de önskade 10px avstånd till byddyiconen.
http://henrik.net/2009/01/16/man-langtar-tillbaks/
11 months, 1 week ago by henke
Vet inte om det löser något, men du har väl en div med clear: both; efter flickrgrejorna?
11 months, 1 week ago by HejGustav
@HejGustav: Har jag? Borde jag ha? You're talking to a n00b :)
11 months, 1 week ago by henke
@HejGustav: Nu har jag. Ingen skillnad någonstans. Vad borde ha hänt?
11 months, 1 week ago by henke
@henke: Äh, det är alltid bra att ha om man använder float. Den återställer så att det inte floatar mer, och kan lösa en del problem med bakgrunder som inte följer med hela vägen, och andra konstigheter.
11 months, 1 week ago by HejGustav
Ok, tack.
11 months, 1 week ago by henke
Sätt overflow: hidden; på .flickr-note så kommer den ta hela ytan i IE.
11 months, 1 week ago by kalstrom
@kalstrom: Funkade inte.
11 months, 1 week ago by henke
@henke: Tyävrr är jag helt fel kille att hjälpa, fick själv tokhjälp av @plindberg i veckan.
11 months, 1 week ago by Silverbakk
@hejgustav: clear:both skulle jag nog inte rekommendera. Bättre att floata allt som floatas skall, eventuellt använda overflow eller position:relative för att lösa problem.
@henke: Får du inte det löst så kan jag fixa det åt dig i helgen. Peta på mig om du ser mig på Jabber/MSN/ICQ/AIM/Yahoo eller vad du har.
11 months, 1 week ago by helloandy