| === Turl1 is now known as Turl | ||
| SiDi | MadsRH: still need css help ? | 18:50 |
|---|---|---|
| MadsRH | SiDi -> Still there? I didn't see your message :-[ | 19:43 |
| SiDi | yeh | 19:44 |
| SiDi | let me finish to pwn a boss in FF and i'll try to help you then MadsRH ;) | 19:44 |
| MadsRH | SiDi -> I do still need help | 19:44 |
| MadsRH | SiDi -> great | 19:45 |
| SiDi | everything i need is on that bzr branch? | 19:45 |
| MadsRH | SiDi -> no, not exactly - in the mailing post | 19:47 |
| MadsRH | this one: https://lists.canonical.com/archives/ubuntu-website/attachments/20090802/563969a3/attachment-0001.bin | 19:47 |
| SiDi | MadsRH: what kind of file is it ? | 20:02 |
| SiDi | a tar gz ? | 20:02 |
| SiDi | yup | 20:02 |
| MadsRH | .tar.gz | 20:02 |
| SiDi | So what are the current issues with the arrows ? | 20:08 |
| SiDi | I dont really understand. Just launched the slideshow in chromium. The main issue i notice is that some icons are blurry | 20:08 |
| MadsRH | yeah, that's on my todo list | 20:10 |
| MadsRH | when the text is too long and fills two lines, the arrow takes up the first space in the first line, so the text isn't aligned | 20:11 |
| MadsRH | compare these two screenshots https://lists.ubuntu.com/archives/ubuntu-website/2009-August/000765.html | 20:11 |
| SiDi | why dont you use a list ? | 20:13 |
| SiDi | and use the arrows as list buttons ? | 20:13 |
| SiDi | this way you shouldnt have this problem | 20:13 |
| MadsRH | Would that work with the po files? | 20:16 |
| SiDi | MadsRH: something else. I think you should convert all width/height/font-size to em's instead of px, just calculate the values that'll look exactly as the current status ones | 20:16 |
| SiDi | sure | 20:16 |
| SiDi | <ul><li>"string one"</li><li>"string 2"</li></ul> | 20:16 |
| SiDi | instead of <div><p>"string"... | 20:17 |
| MadsRH | I'll just try it | 20:17 |
| MadsRH | What's the benefit of em over px? | 20:18 |
| SiDi | iff the user puts a 16Px font on the live CD because he has problems to read | 20:21 |
| MadsRH | My problem is I don't understand how the .po files work within the HTML - how it get's the text and so on. | 20:21 |
| SiDi | then the size will also increase in the slideshow | 20:21 |
| SiDi | em is more or less the height of the highest character in the alphabet | 20:22 |
| MadsRH | of course - good call | 20:22 |
| SiDi | you can even put icons with an em size | 20:22 |
| SiDi | but ideally they should then be svg :) | 20:22 |
| MadsRH | svg would be better, but also very time consuming to create with reflections | 20:24 |
| SiDi | hm, static size png then :/ | 20:25 |
| MadsRH | will they be scaled wrong with jpg? seems to work fine now | 20:29 |
| SiDi | hm nope, it'll be exactly the same | 20:30 |
| SiDi | but why use jpg ? | 20:30 |
| SiDi | you have much less risks of rendering issues with transparent PNGs | 20:30 |
| SiDi | and we dont really mind about IE6 not being able to display the slideshow | 20:31 |
| SiDi | so i'd go for PNG instead of JPG | 20:31 |
| MadsRH | he he, IE6. Okay I'll change all the icons to transparent PNG files | 20:33 |
| SiDi | i suppose we also want to avoid text over the icons ? | 20:38 |
| MadsRH | yes, that's another issue | 20:39 |
| SiDi | ok | 20:39 |
| MadsRH | It seems that <ul><li> gives me a dot and not the arrow image. | 20:40 |
| SiDi | MadsRH: you can set the dot to an image | 20:40 |
| SiDi | list-style-image:url("/images/blueball.gif"); | 20:40 |
| SiDi | in the ul's css | 20:40 |
| MadsRH | okay | 20:40 |
| MadsRH | So if <ul><li> doesn't really solve the text over icons, what is the benefit? (Sorry for all the newbie questions) | 20:41 |
| SiDi | Well, what you show is a list of phrases, right ? | 20:42 |
| MadsRH | yes | 20:42 |
| SiDi | usually, you use the markup that matches the semantic of your content :) | 20:42 |
| SiDi | newz2000 would say "there's none", but its because he's not a semantic fanatic like me :p | 20:43 |
| SiDi | (and ul li should solve the problem when there is too much text. ive just not done web for so long that i dont know where to start coding t_t) | 20:43 |
| SiDi | for the text over icon problem, put the icon after the text in your layout, and dont use position absolute or float, just align it to the right, so it'll always be _below_ the text list, but on the right | 20:44 |
| SiDi | and with transparent PNGs you dont have to count pixels to know how to make it sexy | 20:44 |
| MadsRH | :-D | 20:44 |
| SiDi | its damn sexy, by the way ;) | 20:47 |
| MadsRH | thanks and thanks for helping out. Actually Dylan McCall has done all the coding, I just do design stuff. But I can't seem to get a responce from him, so I try to fix it myself (that means with your help) ;-) | 20:50 |
| MadsRH | so for the icon image in the CSS I should use | 20:56 |
| MadsRH | left:4em; top:6em | 20:56 |
| SiDi | no, the icon shouldnt be set that way :) | 20:58 |
| === mdke_ is now known as mdke | ||
| SiDi | does anyone remember where i can find the default css that firefox uses ? :X | 22:00 |
Generated by irclog2html.py 2.7 by Marius Gedminas - find it at mg.pov.lt!