logo
IRC Archive / Freenode / #css / 2010 / May / 06 / 3
oksushi
you can overlay a png, transparent everywhere, but make the girl 50% opaque magenta
and really, those jumbled up letter should be a background-image
you can then position the actual text over the background
&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
with a counter inside and so on
but i see your point
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
height:30px didnt make anything
but something like 52 does
wtf ? :)
olarf
height:52px does something and height:30px not?
oder 52%
Strumeizer
52px for example make it heigher
higher
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
:)
thought you was telepaths sorry
karmst
Hello
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
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
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%
its not that shiny
but still ok
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
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?
wtf
oksushi
The_Ball: ok - you should be using a strict doctype
]doctype html @ The_Ball
_ZofBot4
The_Ball, doctype html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "
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
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 sh*t 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
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?
so if that works, why is it standard practice to do clear:both hacks?
oksushi
its not 'standard practice'
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
so thanks, kinda, lol
oksushi
:)
endeavormac
have anymore links for forcing a div to take it's parent's height?
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/
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
]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
]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 fu*k 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
i have a div
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
oksushi
wasmahen: &
]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
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
margin: 0 auto did nto work
not*
ohaibbq
]margin 0 auto @ wasmahen
oksushi
wasmahen: read ^^
wasmahen
loooooooooooooooooool
it worked
used only margin: 0 auto;
but it does not work in IE
it breaks again
oksushi
wasmahen: where the hell is your doctype?
you cant expect to get IE to render properly without one
wasmahen
the previous dev did not put one
if i add one, everyrhing breaks
oksushi
you /need/ one
there is no way around it. Add it, fix the errors
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
does that justify using XHTML?
oksushi
what?
Iszak
Facebook Mark-up Language
oksushi
o_O
eww
Iszak
mwahaha
that's what I thought too.
wasmahen
PFFFFFFFFFFF
http://www.concorde-travel.mu/uploadindex.php
works now
no need for doctypes
oksushi
wasmahen: you fail, hard
@
_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
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
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.
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.