| oksushi | you can overlay a png, transparent everywhere, but make the girl 50% opaque magenta |
|---|
| oksushi | and really, those jumbled up letter should be a background-image |
|---|
| oksushi | you can then position the actual text over the background |
|---|
| oksushi | &and if you are using a background-image for the jumbled letters, you dont need to worry about the girl :) just include her on the background |
|---|
| olarf | yeah .. the thing is i would like to make it a bit interactive |
|---|
| olarf | with a counter inside and so on |
|---|
| olarf | but i see your point |
|---|
| olarf | maybe i need to create the "interactive" part as images too .. |
|---|
| Strumeizer | my table th, takes 50% of the table height, i want it to take only something like 30px height |
|---|
| Strumeizer | height:30px didnt make anything |
|---|
| Strumeizer | but something like 52 does |
|---|
| Strumeizer | wtf ? :) |
|---|
| olarf | height:52px does something and height:30px not? |
|---|
| olarf | oder 52% |
|---|
| Strumeizer | 52px for example make it heigher |
|---|
| Strumeizer | higher |
|---|
| Strumeizer | 12px doesnt do anything, it still take 50% of the table height |
|---|
| oksushi | ]url @ Strumeizer |
|---|
| _ZofBot4 | Strumeizer, secret: No URL = no help. We are not telepaths, and can't determine the problem (let alone the solution) without playing with the troublesome page. So, give URL, or leave the channel and call 1-900-PSYCHIC. Oh, and good luck. You'll need it. |
|---|
| Strumeizer | :) |
|---|
| Strumeizer | thought you was telepaths sorry |
|---|
| karmst | Hello |
|---|
| karmst | I need some coding help please |
|---|
| oksushi | ]ask |
|---|
| _ZofBot4 | Ask forth your question to the all-knowing channel and we shall bestow upon you the answer of correctitude. Just ask and wait, if someone can help they will. |
|---|
| karmst | I need to make the symantec threatcon widget fit in a 200 X 200px block |
|---|
| karmst | how do I do that? |
|---|
| oksushi | the what? |
|---|
| karmst | symantec threat con widget |
|---|
| oksushi | speak slower |
|---|
| karmst | I want to add it to our helpdesk |
|---|
| karmst | it says total footprint is 1250px X 600px. Modify the style divs to fit the needs of your site |
|---|
| olarf | oksushi ... i think i know what will be the best solution |
|---|
| oksushi | karmst: &so are you going to provide the url, or are we just supposed to use our telepath helmets? |
|---|
| olarf | it works fine if i make the oppacity to 25% |
|---|
| olarf | its not that shiny |
|---|
| olarf | but still ok |
|---|
| karmst | http://pastebin.com/W3WdiUrq |
|---|
| karmst | how do I make that 200X200? |
|---|
| oksushi | ]css width @ karmst |
|---|
| _ZofBot4 | karmst, css width: http://w3.org/TR/CSS21/visudet.html#propdef-width |
|---|
| karmst | hmmm |
|---|
| karmst | still kind of messed up |
|---|
| The_Ball | Hi guys, I'm trying to create a 100% wide horizontal bar four pixels high like this: <div style="background-color:dcd9d9; height: 4px;"></div>. This works great in Firefox and Konqueror, however IE is showing a very fat bar, is there an additional attribute I need to specify to make IE show a 4px bar? |
|---|
| oksushi | The_Ball: have you got a doctype on the page? |
|---|
| The_Ball | Yes: <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|---|
| luchenbill | css does gradient texT? |
|---|
| luchenbill | wtf |
|---|
| oksushi | The_Ball: ok - you should be using a strict doctype |
|---|
| oksushi | ]doctype html @ The_Ball |
|---|
|
|
| _ZofBot4 | The_Ball, doctype html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| The_Ball | oksushi, changing the doctype could mess with the layout of the whole site could it not? |
|---|
| oksushi | unlikely, but it will stop you from using old presentational markup |
|---|
| oksushi | if you validate the page, which is also the first thing you should do when debugging for IE |
|---|
| The_Ball | Great, thanks for the tips |
|---|
| fearfail | im sure doctypes dont actually matter for anything other than the w3c validator. browsers seem to render the shit the same way |
|---|
| Chancellor | you are misinformed |
|---|
| fearfail | :p |
|---|
| The_Ball | I changed from <div> to <hr style="height:4px"> instead which renders correctly |
|---|
| oksushi | The_Ball: <hr> can be considered presentational markup. Why not put a 4px border on an existing element? |
|---|
| FrazzledDev | Anyone remember where the site is that you can input css and have it explain what it is doing? |
|---|
| oksushi | ]]selectoracle @ FrazzledDev |
|---|
| _ZofBot4 | FrazzledDev, [Google] http://gallery.theopalgroup.com/selectoracle/ (More results: http://xrl.us/bhj9dk ) |
|---|
| FrazzledDev | Thanks kindly |
|---|
| jexmex | is there a template somewhere to absolute center vertical and horizontal? I just need to do it to a single image |
|---|
| endeavormac | question. i have <div id="main"><div id="left"></div><div id="right></div></div> and when content spans multiple lines in left or right, it overflows main |
|---|
| endeavormac | how can i prevent this? |
|---|
| jexmex | do you have a clear? |
|---|
| oksushi | are they floated? |
|---|
| endeavormac | oksushi: yes, jexmex: no |
|---|
| oksushi | endeavormac: http://colinaarts.com/articles/float-containment/ |
|---|
| endeavormac | thanks |
|---|
| oksushi | do /not/ use a 'clearing div' or anything like that |
|---|
| endeavormac | i see, it says if i do that god will kill a kitten. will avoid ;) |
|---|
| oksushi | :) |
|---|
| jexmex | what? |
|---|
| jexmex | so if that works, why is it standard practice to do clear:both hacks? |
|---|
| oksushi | its not 'standard practice' |
|---|
| oksushi | but, a bunch of web developers do that, for some reason :S |
|---|
| endeavormac | argh now i have to get left and right to min-height: 100%; of course, css and heights |
|---|
| jexmex | oksushi, I have always did it cause thats what I was told to do. I dont consider myself my a frontend designer, but I do it a lot |
|---|
| oksushi | well, now you know better :) |
|---|
| jexmex | so now I have to learn another css technique, and remember to use it |
|---|
| jexmex | so thanks, kinda, lol |
|---|
| oksushi | :) |
|---|
| endeavormac | have anymore links for forcing a div to take it's parent's height? |
|---|
| endeavormac | min-height: 100% not working |
|---|
| oksushi | ]fullheight @ endeavormac |
|---|
| _ZofBot4 | endeavormac, fullheight: DECENT: http://phrogz.net/CSS/valign_in_body/block.html LAME: http://www.alistapart.com/articles/fauxcolumns/ |
|---|
| oksushi | ]sameheight @ endeavormac |
|---|
| _ZofBot4 | endeavormac, Same height columns: http://www.positioniseverything.net/articles/onetruelayout/equalheight http://www.alistapart.com/articles/fauxcolumns/ | non-IE less than 8-friendly: http://zoffix.com/new/sameheight.html |
|---|
| endeavormac | thanks |
|---|
| oksushi | endeavormac: 'faux columns' is usually your best bet |
|---|
| The_Ball | oksushi, a border is also a good idea, thanks |
|---|
| ProLoser|Trmnl | hallo |
|---|
| Lostinspace_46 | When starting a new web page, if the first thing I do is make a container with a width of 100% and a margin of 0, should not the container fill the browser window? CSS here http://www.webdevout.net/test?01g HTML here http://www.webdevout.net/test?01h |
|---|
| ProLoser|Trmnl | can anyone help me figure out why the center layout doesn't work on mac: http://isv.artengineered.net/ |
|---|
| ProLoser|Trmnl | Lostinspace_46: html, body { margin: 0; } get over it |
|---|
| Lostinspace_46 | ProLoser|Trmnl, Excuse me? |
|---|
| oksushi | Lostinspace_46: div does not need a width declaration, it will automatically occupy all available width |
|---|
| oksushi | ]zip @ Lostinspace_46 |
|---|
| _ZofBot4 | Lostinspace_46, Start every stylesheet with this: * { margin: 0; padding: 0; }. You'll save yourself the confusion over quite a few strange element and browser spacing differences later on. * == http://www.w3.org/TR/CSS21/selector.html#universal-selector |
|---|
| oksushi | ProLoser|Trmnl: remove 'overflow: auto' from #body |
|---|
| ProLoser|Trmnl | oksushi: ya uh that's never broken it before, why is it starting now? |
|---|
| oksushi | you should probably remove the margins on the #content div and float that left, then you can contain the floats using http://colinaarts.com/articles/float-containment/ |
|---|
| ProLoser|Trmnl | and the sidebar is floated |
|---|
| oksushi | TIAS ProLoser|Trmnl |
|---|
| Lostinspace_46 | _ZofBot4, Thanks, I remember something about that now |
|---|
| _ZofBot4 | Lostinspace_46: No problema :) |
|---|
| Lostinspace_46 | oksushi, Umm, what do I do with this? ]zip @ Lostinspace_46 |
|---|
| oksushi | Lostinspace_46: that is a command for the bot, who gave you a handy tip straight afterwards |
|---|
| oksushi | ]bot @ Lostinspace_46 |
|---|
| _ZofBot4 | Lostinspace_46, I'm a furry bot! Come play with me! |
|---|
| oksushi | see? ^^ |
|---|
| Lostinspace_46 | oksushi, Aha!! I shoulda figured. Thanks. Ya know, I am gonna be here a lot ..so remember "Patience is a virtue" ; ) |
|---|
| \mSg | ]lol |
|---|
| _ZofBot4 | What the fuck is so funny? |
|---|
| Iszak | haha |
|---|
| \mSg | :D |
|---|
| Iszak | I love it. |
|---|
| Lostinspace_46 | Hmm, HTML wouldn't validate unless I did my line breaks like this <br></br> so I did. On firefox all is well, but opera is dbl spaced. |
|---|
| wasmahen | hello |
|---|
| wasmahen | i have a div |
|---|
| wasmahen | there is margin left: 71px |
|---|
| oksushi | Lostinspace_46: you should not be using line breaks like that |
|---|
| wasmahen | however, on higher resolutions, it breaks |
|---|
| will_hough | Lostinspace_46: <br /> |
|---|
| wasmahen | is there a way to block it? |
|---|
| oksushi | wasmahen: be specific, and link to the page in question |
|---|
| wasmahen | http://pastebin.com/zW5KRe2p |
|---|
| oksushi | wasmahen: & |
|---|
| oksushi | ]secret @ wasmahen |
|---|
| _ZofBot4 | wasmahen, secret: No URL = no help. We are not telepaths, and can't determine the problem (let alone the solution) without playing with the troublesome page. So, give URL, or leave the channel and call 1-900-PSYCHIC. Oh, and good luck. You'll need it. |
|---|
| oksushi | that means that /whole page/ |
|---|
| wasmahen | wait, i upload |
|---|
| Lostinspace_46 | oksushi, Well I thought not. Oh hell, thanks will I forgot the space...Duh. |
|---|
| wasmahen | http://www.concorde-travel.mu/uploadindex.php |
|---|
| wasmahen | there is the url |
|---|
| ohaibbq | wasmahen: use margin: 0 auto; |
|---|
| wasmahen | on the div? |
|---|
| ohaibbq | yeah |
|---|
| oksushi | ]center @ wasmahen |
|---|
| _ZofBot4 | wasmahen, CSS Horizontal Centering: http://haslayout.net/css-tuts/Horizontal-Centering http://dorward.me.uk/www/centre/ |
|---|
| wasmahen | nope still nothing |
|---|
| wasmahen | margin: 0 auto did nto work |
|---|
| wasmahen | not* |
|---|
| ohaibbq | ]margin 0 auto @ wasmahen |
|---|
| oksushi | wasmahen: read ^^ |
|---|
| wasmahen | loooooooooooooooooool |
|---|
| wasmahen | it worked |
|---|
| wasmahen | used only margin: 0 auto; |
|---|
| wasmahen | but it does not work in IE |
|---|
| wasmahen | it breaks again |
|---|
| oksushi | wasmahen: where the hell is your doctype? |
|---|
| oksushi | you cant expect to get IE to render properly without one |
|---|
| wasmahen | the previous dev did not put one |
|---|
| wasmahen | if i add one, everyrhing breaks |
|---|
| oksushi | you /need/ one |
|---|
| oksushi | there is no way around it. Add it, fix the errors |
|---|
| oksushi | then worry about the css |
|---|
| wasmahen | what sould i use? html or XHTML |
|---|
| oksushi | ]doctype @ wasmahen |
|---|
| _ZofBot4 | wasmahen, Take a gander at the fine document type definitions available here: http://www.w3.org/QA/2002/04/valid-dtd-list.html (HTML 4.01 Strict is recommended) |
|---|
| oksushi | use html unless you have a specific need to use xhtml |
|---|
| Iszak | oksushi, fbml? :P |
|---|
| Iszak | does that justify using XHTML? |
|---|
| oksushi | what? |
|---|
| Iszak | Facebook Mark-up Language |
|---|
| oksushi | o_O |
|---|
| oksushi | eww |
|---|
| Iszak | mwahaha |
|---|
| Iszak | that's what I thought too. |
|---|
| wasmahen | PFFFFFFFFFFF |
|---|
| wasmahen | http://www.concorde-travel.mu/uploadindex.php |
|---|
| wasmahen | works now |
|---|
| wasmahen | no need for doctypes |
|---|
| oksushi | wasmahen: you fail, hard |
|---|
| oksushi | @ |
|---|
| _ZofBot4 | (concorde...index) HTML: 85 Errors (see: http://xrl.us/bhj9jv ) CSS: Valid ( http://xrl.us/bhj9jx ) DOCTYPE: 04NO DOCTYPE (MIME: text/html ) |
|---|
| wasmahen | it works here |
|---|
| Iszak | LOL |
|---|
| wasmahen | i mean i loads oj |
|---|
| wasmahen | ok |
|---|
| Iszak | I want to quote that "no need for doctypes" |
|---|
| wasmahen | go ahead |
|---|
| Iszak | wasmahen, are you testing in multiple browsers? |
|---|
| wasmahen | no |
|---|
| Iszak | there you go. |
|---|
| wasmahen | just firefox and ie |
|---|
| Iszak | multiple versions of IE? |
|---|
| wasmahen | no |
|---|
| wasmahen | just ie 8 |
|---|
| Iszak | ha. |
|---|
| wasmahen | screenshot? |
|---|
| Iszak | I don't need to screen shot, you've got no doctype, you already fail. |
|---|
| wasmahen | i cannot do doctypes, it will take too much time to correct all these errors |
|---|
| Iszak | and chances are you've got lots of errors in different versions of the browser. |
|---|
| Iszak | you are aware not everyone uses the latest version of their preferred browser, right? |
|---|
| wasmahen | ya |
|---|
| Iszak | so.. what about the people using IE6? Let alone IE7? of which you have not tested. |
|---|
Popular searches: 
