hi im using the sprite technique for most images on my website to reduce loading time and have smooth transition

the easiest way is to give them a fixed percentage width, float them left, contain the ul, and center it

but the li or the a ?

the li
make the a display block to fill the li
table* aren't portable

frb-work so I give width: 100% to the li?

no, 100/# of li's

and do a text-align: center on the container?
100/# ?? what?

personally, I hate that type of menu

whay?
why*

it doesn't scale, and the "buttons" look weird since all the contents are different

do you prefer vertical menus?

I just prefer menus to be natural

hey fellow warriors, any1 have any experience, or encounter is a better word, with the text rendering bugs in firefox on mac, and where the problem is, or if its possible to "help" a little with css to minimize it?

anyway, I have work to do

frb-work but I want to make it look natural
what do you mean it doesn't scale

if you set it up to fit on an 800px screen, then if you make the screen 1024px it's very wide and annoying
if you add or remove a menu item, you have to redo your CSS

oohhh ok
frb-work but that's why I want them to strech

just give the ul a fixed width, and center it

to fill all of that bar

but like I said, back to work

cause the span to block or something weird?

well I do have it float left

caused the span to act like a DIV

in the ul
and have a width of 100%

mikedoty, like div is like what?

It spans the whole width of the area it's in

inline?

LIke http://www.psyguygames.com/index.php?page=guestbook

eeek

It could be a conflict with something I've defined elsewhere, I don't know

mikedoty

?
oh, pm

anyone good at fixing errors for valid xhtml

That's not a table based layout.

]anyone @ MaWanna

Somewhere, someplace, in some universe, somebody uses whatever you just asked about. However, if you actually want help with it, please just ask a question; don't ask to ask, or ask if anyone can help.

It just uses some tables for the drop-down based menu

hi, I have an image and I want to put text on the right of the image, I have used fload-left, the text is on the right of the image hosting at the top, but I want it to be a bit lower, how can I fix this ?

mikedoty, table class="mainpage"? and it's wrong for menu as well
mikedoty, tables are for tabular data

my index.php is valid xhtml till i did php indluce('links.php') ?

tables are for what I want to use them for

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.khcreations.com%2Fpes6%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&No200=1&verbose=1
the errors is on links.php

I didnt' ask for you to whine about my use of tables
I am trying to find out why my span isn't working

mikedoty, this is not a helpdesk. You ask we comment.

http://www.echoecho.com/csscolors.htm that: "With CSS, you can define an area to have a specific color without that area being part of a table. " However there's nothing on it in the tutorial. Anyone knows how to do that or can maybe point me to a better how-to?

can anyone give me some tips for my problem ?

mathiii, what is the text in?

Does applying an ancor to a SPAN cause that SPAN to block?

http://css.maxdesign.com.au/

document type does not allow element "style" here .

the text is at the right of the image, at the top, but I want it to be a bit lower

mikedoty, NO

this is on line 1 of links.php not line 35

Was that so hard zoffix?
That was my quesiton in the first place
Now I can find out what I've done wrong

mikedoty, it doesn't make any sense.

got it down to 4 errors

MaWanna

MaWanna, And cross-posting is rude.

oops i jus went from 4 to 10 errors lol

We really don't care.

Don't worry MaWanna I care
A little
Oh dang, I do have that maintable in there.

I have put the example online
http://matthew16.free.fr/test3.html
I have wrapped the text next to the image in a span
to make a padding top or margin top
to make the terxt get lower
but it has no effect

]enter

Please try to keep your questions/responses on one line - don't use the "Enter" key as punctuation!

sorry

The "hello world" string is too high

(matthew16.fre...) HTML: Valid ( http://tinyurl.com/2o6fay ) | CSS: Valid [3 warnings] ( http://tinyurl.com/22w66a ) | DOCTYPE: XHTML 1.0 Trans + url | (MIME: text/html, text/html; charset=iso-8859-1)

mathiii, .descralbum { padding-top: 20px;display: block;}

mathiii

why it has no effect on the span ? why do I need to make it a block ?
I cannot see your links Zoffix

mathiii, it does have effect. Albeit a different one.
mathiii, look in your /msg buffer
mathiii, http://www.zoffix.com/new/padding.html notice how as escape the

what is wrong with my semantic ?
I mean, what do you refer to

without href="", what is that?

mathiii

mathiii, and switch to html host 4.01 Strict and use UFT-8 encoding.

mathiii

I removed all my code to make this example, my website is not jsut one image with a text next to it

mathiii, I doubt that your full source was any better.

yes, I already read to use HTML 401, I know, in my real page it's HTML 401, this is my test page and didn't fixed it

Ok.

I am reading the box model but it's kind of hard to find the informating about the padding with span is different renderinf then padding with div

mathiii, if you had semantic markup you wouldn't face this problem in the first place. Read about line boxes.
Learn HTML before you learn CSS.

hey Zoffix

hi. i'm trying to make hanging bullets with css. but it seems difficult to find a consistent way of doing this...

you mean, hello?

text to be aligned with paragraph text, and the bullets to the left..

is there some known way to do this?

I know HTML, I have just two wrappers useless div and you say I have a bad semantic ....

mathiii, you don't know html host and I don't want to argue about this.
]css bullets @ nilton

Cross-browser image bullets: http://darrenfauth.com/css-sandbox/css-list-cross-browser.php

that doesn't help what I wanted

you know anything about the text-rendering bug in firefox?
if there is some way to work around it or minimize it.
on mac.

I don't know what you are talking about.

Im talking about the text-rendering bug, that occurs on mac, under certain circumstances.

I know HTML

I know YODA.
good html you became learn you must.
good html you became learn you must.

thanks Zoffix, but this site does not have what i want...

that's not yoda, that's gibberish

frb-work: +OK

* text that would be larger than container,
same line wrapped
how do I do that?

i was trying to set padding-left and margin-left both to zero on ul element, but nested ul gets at the same level

so make the text behave that way, instead of flowing under the bullet?

frb-work, what are you trying to do?

have the text in a list flush with the first line of text, instead of wrapping under the bullet

for example, absolutely positioned divs, with content, that has margins, if you turn a margin on and off, it punches a "hole" in the background, and leaves a hole where the underlaying content can be seen.

frb-work, I don't know what you are talking about.

1. this is a long item that
wraps the line in a list item
that's the default behavior, I want the 'wrap' flush with 'this'

It's not the "default" behaviour

give it a width,.

can i put something in between list items using css?

oh, mathiii, here's an interesting thing to look at. Look at how it implements the padding by just spilling out the top of the div. Probably what's happening when you try adding padding and margins

define something

http://rafb.net/p/74KDoh89.html

driving me mad

some kind of divider maybe the character: |

all thats in my links.php now is style sheet

]css after @ idefine

CSS :after pseudo element: http://www.w3.org/TR/CSS21/selector.html#before-and-after

getting this now http://validator.w3.org/check?uri=http%3A%2F%2Fwww.khcreations.com%2Fpes6%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&No200=1&verbose=1
does not allow element "style" here .

fuck, IE just crashed
I hate our activex components

but i cant set a doc type cos it then gives an error of the doc type

]support :after

]]]:after

:after http://www.webdevout.net/browser-support-css#support-css2pseudoelements-after (IE 6: N) (IE 7: N) (FF 1.5: I)(FF 2: I)(Opera 8.5: I)(Opera 9: I)(Konqueror 3.5: Y) (Safari 2: Y))

MaWanna why did you put the style in a DIV? :P
If I move that style over to after the one in the head, then it validates for me

MaWanna, learn HTML

MaWanna

i dont have time to read all that 2nite
mikedoty am tryin to follow wat u mean but cant figure it out
frustrating as
this is

I will paste it

elements.

http://rafb.net/p/lxAcpH77.html
Between lines 46-47 is where you had the one style previously, MaWanna
I just moved it up to line 25
You could cut out 23 and 25 if anyone complains, the /style and style tags. I was just copying and pasting

35-45 is from links.php

Oh, you're outputting the style in links.php as well? You don't need to do that if you're importing it

http://rafb.net/p/xoydxa28.html
oh :o

Of course if you want someone to be able to visit links.php directly and still have that style data you'd have to get it in there somehow, but I don't think you are trying to do that

ive removed the style
but now added 1 rollover
and this is the other error i had
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.khcreations.com%2Fpes6%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&No200=1&verbose=1

Well, you can't put a body tag in the middle of ... the body

if I weren't so busy, I'd flame you for being dumb

thanks
but i jus inserted a rollover

You might be able to do something like, throw document.onload = MM_preloadImages('...') in a script tag

and thats the output i got

mootools++
MaWanna, mikedoty, you don't need JS to preload rollovers.
]rollover

http://wellstyled.com/css-nopreload-rollovers.html , http://devilock.mine.nu/pixie/ , http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/

When I want to preload mouseover images I just set an img with width and height 0

...

And this is wrong how?

that's like sooo wrong :|

poopy pusses

It seems like a completely valid approach to me

the wellstyled one is cool

mikedoty, because you makes sites only for users that use either FF or IE on a screen.

ive removed the preload of the images
and its valid

with height 0 just there for no reason.

mikedoty

Your words are structured in a confusing manner

*poke*

mikedoty, because you makes sites only for users that use either FF or IE on `screen` media.

You are suggesting, from what I gather, that using 0-dimensioned images, though not misleading to people seeing pages iwth their eyes, would still confuse people browsing via other means?
I use Opera for the record. People underrate it

people overrate it

Opera++

People overrate everything

/mode #css +b gpy!*@*

my page appears to be valid now but still i have 1 Div open tag in yellow

I will take your silence to mean my presumption is correct
Now I see how this "all on one image" rollover works

when applying before and after...can you specify what is first and last?

That makes sense. I'll try to get that implemented next time I do mouseovers

Zoffix:
Zoffix said that, not i. I wouldnt recommend fairly supported methods as sollution to any problem.

oh, what was your recommendation

nothing, cause i dont understand what you want to do, your problem is not css, its more design, define what you want to have as a separator, then come up with a solution for it, but, try adding border-right: 1px solid red, as a separator or something, i dont know what you want to build.

just a simple menu like so: a | b | c | d

ok
take the li, or the a, and add a border right.

ok.

idefine, li{float: left; padding-right: 5px; background: url(funky_thing) no-repeat right;}

what will that do...does look like it affects the last " | "

my cat is speaking with me now

$put brains idefine

he said that i should go to bed

]css select @ idefine

Learn how to apply CSS Selectors: 1) read: http://w3.org/TR/CSS21/selector.html , http://css.maxdesign.com.au/selectutorial/ 2) try it out: http://gallery.theopalgroup.com/selectoracle/

..or an image host as Zoffix suggested, you will still have the problem with the last item.

"problem" heh
I wish I had these kind of problems

for you it is yes, for me, i add a .last to it.
for you it is yes, for me, i add a .last to it.

How do you get a div to take up the max window height

spheard

spheard, html, body { height: 100%;} div{height: auto!important;height: 100%;min-height: 100%;}
s/div//;

i dont think spheard is regexp compatible,.

Assume stupidity eh

s/div.*$//;

Spheard regex compatability library v0.01

ZOMG! I GOTTA HAVE TEH WRAPPER DIV!

:-)

silly humans

ill show you my cat.

no thanks

why not.

why yes?

:-/

I've seen shit load of cats and have 2 myself.

i want to show him.

only prob now mikedoty is that i cant set the iepngfix for the rollover image in the external links.php

i didn't realise that this what that sort of channel

i also have 2.

the images in my div's iepngfix transparency work
but not in links.php

Your page is not designed for older computers

working
Wooo
not really :p

all hail \o

Oh shoot, heh heh, found my css conflict

Does IE6 just completely not-support display: table-cell?

hard coding = lose

bugger i got 1 more errror

jose, correct
]]display: table

[Google] http://displaytag.sourceforge.net/ (More results: http://tinyurl.com/3ctj7k )

jose, in fact none of table* displays
]]]display: table

table http://www.webdevout.net/browser-support-css#support-css2propsbasic-display (IE 6: N) (IE 7: N) (FF 1.5: Y) (FF 2: Y) (Opera 8.5: Y) (Opera 9: Y) (Konqueror 3.5: Y) (Safari 2: )

jose, why do you need that?

frb-work: cheers

hi
i'm trying to set some table styles

]css table @ paul0

Various table designs with CSS: http://icant.co.uk/csstablegallery/

i but i couldn't figure out how to set special attributes to my inner "td" tags which are inside a table with "franquia" class
hm... thanks Zoffix

]css select @ paul0

Learn how to apply CSS Selectors: 1) read: http://w3.org/TR/CSS21/selector.html , http://css.maxdesign.com.au/selectutorial/ 2) try it out: http://gallery.theopalgroup.com/selectoracle/

paul0, and CSS doesn't have any "attributes"

Wooo Error Free

frb-work: http://phrogz.net/CSS/valign_in_body/block.html made firefox cry too.

]css wording @ paul0

Use proper wording: selector{property: value;} The selector may also contain "pseudo-classes and "pseudo-elements".

finally
a small q

MaWanna, that means nothing

in ie5 my roll overs dont roll out :s

IE5 is DEAD!

MaWanna, so stop caring for browsers no one uses anymore.

am so out dated
drive with safari

drive?\
oh, windblows talk?
file:///c:/foobar

yea

can you look at something for me?

let me try again

... hmm

nvictor, ok, I looked at my cat for you... happy?

http://www.sandcorp.net/victor/hhgtabs/ vertical scrollbar

Well, I was about to get all self righteous, but you're using safari on windows aren't you?

with file:///c:/ i get Safari can’t open the page.

this is outset in IE

nvictor, http://photos8.flickr.com/6727519_1746ec0707.jpg drunk cat

safari, on windows, trying to access the local system?

...

MaWanna, why do you need that?

i wanted to test websites with safari without uploading

frb-work: do you have a little time please? http://www.sandcorp.net/victor/hhgtabs/ the vertical scroll bar is outset in IE

nvictor, what? I'm just trying to make as much sense as you do.

safari

MaWanna, so run a local webserver

I see no scrollbar

MaWanna, google for "Abyss web server"

frb-work: when you hover the tabs

and you're using a toolkit

this will match all "tr" elements of my table with franquia class?

I don't do toolkits

frb-work: that still aint working :-/

fullheight is evil

paul0, ...and be ignored in IE6, why don't you ask http://gallery.theopalgroup.com/selectoracle/ ?

MaWanna, can you not just open a file in safari?

frb-work: it's the css, I have set overflow-y: srcoll

using apache

first, it shows all the time instead of showing only when the content overflows

why not use auto?

frb-work: let me try it

frb-work: like dark lord evil or more sleazy evil like rumpsfeld?

is it possible to make lists put the symbol on the right?

Yay, my site works in safari
Can anyone help me achieve similar effects in ie6?

like list-style-type: disc; list-position: right;

Luke_, just use background on lis

it's not possible to use regular styles?

more trouble than it's worth evil

frb-work: :-(

Would it bullet them on the right if you set page direction to rtl?

I was hoping not to have to use images
lemme check

Luke_, how is background not a regular style?

sure does!
well it is

coolness

but so is text.. heh

I mean I don't want to use images is all I meant

rtl worked

Luke_, wrap in a span and revert direction

w00t!
even works in IE
that's amazing

duh

If it works in IE that's better than validating
:p

bullets are still inconsistent. I'd use images for the sake of beauty

http://ssp.ps-mc.net/media/design/ - Works fine in safari and firefox, but breaks in IE and to a lesser degree in ie7

jose, what breaks. How does it break. Where does it break. How is it supposed to be?!

discs aren't really inconsistant
they're circles
I don't think any user agents fuck tha tup

Luke_, I am more of a bullet positions. Especially when you have more than one line.

s/am more/ment/;
s/of//;

Zoffix, well, one could compare, if one had both firefox and ie. But I will detail: The table borders disappear in ie6, and text colors in the table as well. Side images on the navigation as disappear, as do their colors and boldness

well I'm not so worried about it in this case
thank you, for you guys have solved my problem

_ZofBot3, wtf, bro?
]css

he's been unberably slow all day

Ooh, MikeD. I hope you're not my unknown clone

A moment of silence for zofbot

frb-work, because I am running it from main box.. as well as torrents
need to get my second box up and running :|
@http://ssp.ps-mc.net/media/design/

(ssp.ps-mc.net...) HTML: Valid ( http://tinyurl.com/2ter5d ) | CSS: Failed (1 errors, see http://tinyurl.com/2zrmky ) [9 warnings] | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=UTF-8)

thanks very much for all your help people

The css error is a missing stylesheet (the print one)

w0w.. not using XHTML!?

whoa

Zoffix, crazy, I know

at least someone with a bit of brains FFS.
_ZofBot3, l

http://ssp.ps-mc.net/media/design/

I might have osmosed some knowledge by sitting around here

]define osmosed

Wtf is that?

osmosis?

the verb form is absorbed by osmosis

]define osmosis

osmosis [gcide:1] osmosis \os*mo"sis\ ([o^]z*m[=o]"s[i^]s), n. [NL., fr. Gr. 'wsmo`s, equiv. to 'w^sis impulse, fr. 'wqei^n to push.] (Chemical Physics) (a) The tendency in fluids to mix, or become equably diffused, when in contact. It was first observed between fluids of differing densities, and as taking place through a membrane or an intervening porous structure. An older term for the phen...

frb-work, well... had I known that, I probably still would have said osmosed :P I like inflicting strange behaviors on words
Zoffix, I could say "passively absorbed" :P

how odd, this page looks right in IE but not FF

jose, your links are messed due to layout
]z hl @ jose

IE hasLayout: http://haslayout.net/haslayout.shtml

onoz

frb-work: IE6 is still displaying the scrollbar outside not inside the content width. FF is fine, http://www.sandcorp.net/victor/hhgtabs/

jose, as for table.. meh, try position: relative or give layout.

no idea, that's crazy dhtml stuff
@

(www.sandcorp....) HTML: Failed (3 errors, see http://tinyurl.com/3bxbje ) | CSS: Failed (14 errors, see http://tinyurl.com/ywqeju ) [13 warnings] | DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=iso-8859-1)

hsh
*hah

I will check that

I should make _ZofBot3 kick/ban people who ask for help with invalid pages despite /topic message ~_~

heh
people never read topics \o/
I should know, I stuff my topic with lots of useful urls and information, but people keep asking the same questions

because they are retarded

you should see the errors It makes me laugh

nvictor, pretty lame, no shit.

(www.sandcorp....) HTML: Valid ( http://tinyurl.com/3bxbje ) | CSS: Failed (14 errors, see http://tinyurl.com/ywqeju ) [13 warnings] | DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=iso-8859-1)

now the css

with those images in the background, without using vertical-align (and thus display: table-cell )?

@worldofsolitaire.com

Well, that sounds exciting :O

how can you check if your url has errors or not

frb-work: do I have to define a color each time I style the background-color?

vigilant, how can you make sense not dance or sense huh what/
jose, line-height

what the hell wasthat
lol
@

vigilant, I'd ask you the same
]val @ vigilant

jose, a{display: block; height: 50px; line-height: 50px; white-space: nowrap;}

Zoffix, ok, I'll try it :]

jose, http://zoffix.com/zoffix/css/vertcenter.shtml

@http://csourcesearch.net

(csourcesearch...) HTML: Failed (30 errors, see http://tinyurl.com/2j48z7 ) | Network error ( http://tinyurl.com/yrc8uc ) | DOCTYPE: NO DOCTYPE | (MIME: text/html; charset=ISO-8859-1)

perlbot, slap Sembiance

@http://www.sandcorp.net/victor/hhgtabs/
@a href="http://www.sandcorp.net/victor/hhgtabs/"http://www.sandcorp.net/victor/hhgtabs//a

(www.sandcorp....) HTML: Valid ( http://tinyurl.com/3bxbje ) | CSS: Failed (14 errors, see http://tinyurl.com/ywqeju ) [8 warnings] | DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=iso-8859-1)

gah
]val Sembiance nvictor

@http://worldofsolitaire.com

]val @ Sembiance nvictor

(worldofsolita...) HTML: Valid ( http://tinyurl.com/2ql9xw ) | CSS: Failed (17 errors, see http://tinyurl.com/28vnec ) [40 warnings] | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=ISO-8859-1, text/html; charset=iso-8859-1)
Don't flood the channel, if you are validating for yourself do it in #zofbot

st00pid

hehe

Oh! Zoffix

is it possible to style a button to look like a link?

amitev, no
]css form styling @ amitev

CSS 2.1 does not define which properties apply to form controls and frames, or how CSS can be used to style them. User agents may apply CSS properties to these elements. Authors are recommended to treat such support as experimental. ( http://www.w3.org/TR/CSS21/conform.html#conformance )

amitev, if you are able to use javascript, you can make a link to submit the form... or use an 'image' input as submission

I have a horizontal "line" with a pic, a bunch of links, and another pic at the end (same as first). However the second pic jumps down below the links. How do I force it to stay on the end of the line?

http://riwanet-arch.myftp.org/nevesbjj/about.php

thx

riwa, you should not use align="", use CSS floats instead
Also, you should make thumbnails of your images at the size you want to use, so that you will save Bandwidth and load times

So then I shouldn't specify the size neither (in the img src)?

riwa, you _should_ specify width and height attributes for img
otherwise your page will redraw.
...and IE will likely to redraw wrong.

So I specify it in two places??

riwa, why two?

have intrinsic dimensions.

If I'll create a thumbnail I set the size of the thumbnail, no?
Like if you read up on my question and answers

riwa, you want to resize images for thumbnails using the browser?

elements for those images in the first place.

are for content-level imagery. Yours should be done with `background`

Oh.. Well I have no idea.
Hmmm. F*ck* great idea..
Then I don't need the thumbnails.

riwa, would those images be changed if you would change your design to an arbitrary one... they are presentational.
s/would/if/ && /be/would/;

I am going to sleep, thank you for your suggestions and for hurting me ( )

I don't understand

What?

What you said.

riwa, would you change those images if I'd tell you that I want blue instead of red?
riwa, so use `background`

No. They're there as a background logo

riwa, so you'd have blue navbar with a logo in a square red background?

Yeah, I got that so far.. I just didn't get what you meant there. (not native speaking)
Well I'm gonna change the color on that.. Sorry. Thought it was an example

what

hi all
http://cut.and.paste.org/index.php?id=1261
i have pb with position of the div

yes?

my template don"t contain any table
but the pb when i modify the size of the page
i have pb with it

what _is_ the problem

when i use table, i don't have pb
i don't have section over another section

over another div

/topic

i don"t understand what do you want
sorry

you need to link or paste a source, and explain the problem

Are there any frameworks for CSS? Like, is there a way you can make your CSS more organized
best practices, etc

are you having an organization problem?

http://cut.and.paste.org/index.php?id=1262

yep
Im making my CSS as I go, and atm it got really messy
I feel like starting over

and what's the problem?
maybe you should start over, then

http://www.contentwithstyle.co.uk/Articles/17/
found this

the pb is when i resize the page, the footer became in the right of the page
the authentification form have as footer background
:s
....
many pb
right toolbar and left toolbar

what browser(s)?

now i'm using Firefox 2.0.0.2

'lo reisio

you want to make a library?
Yahoo! has done that

orly

the problem is that they're always less than really optimized
'lo vic

and i want that it will compatible with IE 6+, FireFox 1.5+ and opera 9
:s

guys, what css rule can prevent a gif image of not being transparent?

though. Is there any way to make that apply to everything but a specific ul?

img[src$=".gif"] { background: fuchsia; }
not simply
but you can override it
]css specificity @ PotataChipz

css specificity: http://w3.org/TR/CSS21/cascade.html#specificity

on this page, http://www.sandcorp.net/victor/hhgtabs/ mouse over the sports tab, you will see the loading image having a white background, which is weird since it's supposed to be transparent

maybe make a screenshot which circles or marks the problem precisely
it's a GIF?
just put gray there instead of white

1 minute

thanks

;define malapropism

malapropism: A ludicrous misuse of a word that sounds like the one intended. ex: "Lead the way and we'll precede." (should be proceed)

;define ludicrous

ludicrous: farcical: broadly or extravagantly humorous; resembling farce; "the wild farcical exuberance of a clown"; "ludicrous green hair" absurd: incongruous;inviting ridicule; "the absurd excuse that the dog ate his homework"; "that's a cockeyed idea"; "ask a nonsensical question and get a nonsensical answer"; "a contribution so small as to be laughable"; "it is ludicrous to call a cottag...

http://www.developpeztn.net/NewFolder.tar.gz

what's that?

screen shot

it's juarez!

screenshot of the that i have with css

use imageshack.us or something

don't have pb==http://img201.imageshack.us/my.php?image=itsokjp6.jpg
and the pb===http://img65.imageshack.us/my.php?image=secondproblemcz5.jpg

1min

Can I make it so that a background image streches to 100%of the width of the page, but still keeps its aspect ratio?

that's just how 'width' behaves

Can I make it strech at all?

perhaps you mean to use min-width

]]]min-width

min-width http://www.webdevout.net/browser-support-css#support-css2propsbasic-minwidth (IE 6: N) (IE 7:37.5%) (FF 1.5: Y) (FF 2: Y) (Opera 8.5:87.5%) (Opera 9:87.5%) (Konqueror 3.5: ?) (Safari 2: ?))

yes you can

Yes to the first or second question?

um, if 'yes' is to the first, then it's also for the second, logically

True
But not the other way around

technically you can't really use CSS background images
but you can place an image and put stuff over it

I'm doing body { background: url(images/crap.jpg) }

you'll probably have to use an img element

reisio :p
make more silly!

sup dman
you'll have to pick which dimension is more important to you
width or height

width

k, then width: 100%;
the aspect ratio will stay the same
and you'll just have to worry about vertical alignment

and i use hoverTopCenter:hover ?

.hoverTopCenter:hover

yea, that's what i meant... but it's not working =\

/topic

behind everything on a page?

http://reisio.com/temp/stretch/ is one example

element, and it does not go to the top-left

simple matter of position'ing
/topic

what about the topic?

it'd be nice if you read it

lol

http://paste.css-standards.org/19922

anybody experience fieldset background color bleeding into the legend in IE7?

screenshot?
Paste *full* code

...you want me to paste a myspace page?
that's like asking to be killed, seriously

if that's the page you're talking about

bleh i'll try it on another page without all the hideous crap and see if it works, k?

anyone here using a png transparency hack on IE6?

offhand I'd say it's a quirks mode/invalid code/syntax error thing

http://www.chovy.com/ui-design/fixing-the-fieldset-bleeding-problem-part-1/

what if someone were?

probably, cuz Myspace is about as valid as hibye/hi

well im trying to figure out how I can get it to work with a background-image

it's really lame to ask the same question in multiple channels simultaneously
;google iepngfix @ jb__

http://www.twinhelix.com/css/iepngfix/

ah yes, I remember your lame ass from efnet.

more like hi bye/hi/bye

how could one forget :p

ah, yes. that's what i was going for
i don think it's quirks mode - http://paste.css-standards.org/19923 doesn't work either

that document will be in quirks mode
and has many syntax errors

erm...what syntax errors?

br/

instead of in html should break an HTML/quirks page but i'll try

makes it look exactly the same

I didn't say it wouldn't

do you get why it wouldn't make it go to the top though?

yes
because it's not working at all

what do you mean?
changing the .hoverTopCenter:hover{ to .hoverTopCenter{ makes it work
[but not only on hover...which is what i'm trying to get]

that's what I mean
:hover isn't working

:hover only works on a elements in IE without a hoverhack

not an IE issue

why wouldn't it work?
i'm using Firefox

because it hates you

becawrse

the ...:hover doesn't even show up in Firebug

yes, I know

ah ha!
i got it
i changed .hoverTopCenter:hover{ to pre.hoverTopCenter:hover{ and it worked

specificity issue?

i guess

quirks mode issue

]footer

http://css-discuss.incutio.com/?page=FooterInfo , http://www.themaninblue.com/experiment/footerStickAlt/ , http://reisio.com/examples/headerfooter/

you should really use br /

I use tables for layout, YAY!

break it like it's 2007?

who uses br /s =p

i do ?

got it working
Javascript would be nicer for that, so it wouldn't go away when you use the scrollbars, but it'll work =p

get a chance to look at that screenshot?

yeah I even notice'd you about a typo :p

aside from the typo?

you want me to fix it? :p

do you know how?

not off the top of my head

k
so your notice was not invane, i fixed my elusive typo

reisio, the pb persist
i can't resolve it
:s

]layout @ verboz

Examples with proper markup and CSS: http://css-discuss.incutio.com/?page=CssLayouts , http://blog.html.it/layoutgala/ , http://glish.com/css/ , http://bluerobot.com/web/layouts/ , http://webhost.bridgew.edu/etribou/layouts/

rather than body: ?

for instance

because some browsers use html over body

oh so some browsers dont support body?

no, it's not that
it's to make certain you will recieve the styling you want
does no harm to have it
does some good

what good does it do?

]pngcrush
]linux gamma pngcrush
]gamma linux pngcrush
]linux pngcrush gamma

for i in `ls *.png`;do pngcrush -d NEW_DIR -brute_force -rem gAMA -rem cHRM -rem sRGB -rem iCCP $i $i; done

]pngcrush gamma

for i in `ls *.png`;do pngcrush -d NEW_DIR -brute_force -rem gAMA -rem cHRM -rem sRGB -rem iCCP $i $i; done

what would i do?

er you don't have to do `ls *.png` do you

http://www.zdnetasia.com/news/internet/0,39044908,62028670,00.htm

helpme please...

wik?
]rollover @ ArthurBrazil

rollover: http://wellstyled.com/css-nopreload-rollovers.html , http://devilock.mine.nu/pixie/ , http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/

I hope microsoft isn't just pretending again

if you set display: block; on an 'a' element, it will act much like a div
think it's meant to be used on many PNGs in a dir

You should say what you need help with...

well, in bash at least, if you do "for i in *.png;do something $i;done" you don't need the `ls *.png`
well, in bash at least, if you do "for i in *.png;do something $i;done" you don't need the `ls *.png`

reisio, do you know if it will validate?

not sure where zof got it

that is useful if you are trying to grep something in the document and using sed

it will

good stuff

and using "cut" to get the first field out etc

hi. i'm using the sprite technique for most images on my website to reduce loading time and have smooth transition of CSS rollovers. these images are transparent PNGs. IE6 does not render transparent PNGs correctly, as I'm sure you guys know. The problem is that if I implement the fix for the PNGs, the sprite images break... is there any workaround for this?

sorry reisio one more question, does it work in most browsers?

what do you mean by "implement a fix"

what are you talking about - that's an article about Microsoft claiming their new Flash competitor will conform to web standards - some that is impossible, as it is not part of any web standard

need one good ebook (pdf or url) for position div and inheritance ... Thanks...

yea I don't really get that article

'the fix'?
yes

how do you just make up some random product and be like "it's all about standards"

yeah exactly

(have problems with position the model box in browser)

_their standards_
can go fuck themselves

the AlphaImageLoader

it's time for Adobe to kill their asses
;google iepngfix @ Artnez

http://www.twinhelix.com/css/iepngfix/

AlphaImageLoader in IE does not support positioning the elements
i don't need google, i've been researching this for over an hour
and i know exactly how it works and what it does

mine seems to work

i'm looking for a way to fix a caveat of the IE fix

I used pngfix.js on a site with alpha png rollover buttons
works fine
you can't _repeat_ a background image with alphaimageloader

I didn't give you google...

so you have to rollover the correct way, you can't go backwards

thanks reisio

normally you can move any direction you feel like

as i mentioned above, i'm using the sprite technique for images

sprite technique meaning background-position yea

exactly. this does not work becuase AlphaImageLoader has 3 states:
scale - this means it will scale the entire element to fit the image (my image is like 500x500, so that obviously doesn't work)

er I guess that doesn't work

or actually i probably screwed up the states, as i'm a little tired
but in any case, the image cannot be positioned with AlphaImageLoader
and i need a workaround for this. PNG rollovers with background-position will not work with the AlphaImageLoader fix
if there was only a way to position IE's new PNG element via javascript, i could extract the CSS for each element and do it that way
but i can't find any docs on it :-/

quite a while back, someone here pointed me to a link that explained why html was better than xhtml... anyone know what I'm talking about and might have a good link to back it up?

]know xhtml

Are you using XHTML? READ THIS: http://www.webdevout.net/articles/beware-of-xhtml , http://hixie.ch/advocacy/xhtml , http://www.webdevout.net/articles/validity-and-well-formedness

that might be it

Thanks Flannel, I'll check them out
that was it, thanks again!

helpme please... have one code and work fine in mozilla firefox but in IE (6.0) not work ... code here: http://paste.css-standards.org/19931. Thanks

do you have a live link?
nevermind

wait.. upload file to web...

If you ever have "/" in your page source, you're doing something wrong

should never be in your source!

I would do /> out of habit
:P

/* /\ -YOU LOOKIN' AT ME? /\ -YEAH, BIATCH; WHAT OF IT? */

and now not work...

http://www.marcoosorio.com/footer.html

would normally change to div/div

yes.. change (thank all)

No it wouldn't
Er, if you were to non-XMLize it, it would, but in UserReg_CL's case it should have been just /div

div "links" now set to down
(sorry by bad english, i am talk spanish)

No hablo espanol.

jejeje

Tengo ambre

s/espanol/castellano

I took three years of Spanish and learned almost nothing

don't be redundant :p

I've learned more Japanese in a few months of watching anime than Spanish in three years of class

all about interest

because div "links" it is seen down ?

if only porn were a language
then the world would be able to talk to each other

I don't watch porn

you watch anime, that's worse :p

She's being eaten by a giant tentacle monster woman! Someone defeat the monster by shooting lasers out of your vagina!
That's a lot more exciting

heh

If I've learned anything from 7chan, it's that underage porn is illegal

from 7chan?
...
I would think from 7chan you'd learn that underage porn is easily obtainable

7chan got raided by the FBI

oh really?

Due to their "giant black cock" (jailbait) channel

jailbait, fun
you should really use a server in a country with loose morals for that sort of shit
seems to be up...
7chan.org, no?

Hi, the server that hosts img.7chan.org and www.7chan.org is being confiscated.

yeah
yet it's still up

The rest of the site is up now

and full of underage pornography

It was all down for a while.

yeah well lots of sites go down for a while

where?
j/k
lol

Lolicon isn't usually pursued in the U.S. Images of real underage girls are.
Pursued by legal authorities, I mean
Pursued in an effort to shut it down, I mean

why the fuck would you want to look at lolicon anyways

Depends on your taste
I don't understand why anyone would want a penis in their porn

dude if you want to jackoff to preteen girls
sure
fine
cool
whatever

Some people hate girl-girl porn

hahah

but just be honest
just admit you are a pedophole
phile*

I'm pretty sure these people have done that :p

oh
ok
well

Yeah, as if real little girls have the bodies anime little girls have..
Show me a real little girl who looks like Fate Testarosa

uhm so one is a drawn 6 year old

I don't really want to pick nits

what is that

but there's some very realistic-looking drawn underage porn out there

fate tresadfasdflkasjdf
reisio i know

True, but I don't care for that stuff

liar

wasn't saying you did

Nanobot thats like saying, "sure i jack off to cartoon gay porn, but that's not like real gay porn"
i mean

what the...
does Amaya not have a javascript engine? :p

lolicon is cartoon child porn
and what is amaya?

browser

never heard of it

far out

sounds pretty pointless though
Amaya is a Web editor, i.e. a tool used to create and update documents directly on the Web.
so it's like firefox with a few extensions, except alot shittier
oh btw before i forget hey Truth[Mini] go fuckyourself
so anyways whats up

Real little girls are slobbery and annoying. And they don't have fully ripe butts that could bend steel.

Nanobot you really arent helping yourself here

http://kurogane.animeblogger.net/image/nanoha/faytxarf.jpg - Fate is the blonde one

:-/

why does that chick have fox ears

http://chrome.ikimashou.net/images/zero7_2.jpg
It's Fate's familiar. An artificial being who serves her.
Fate is 9 years old there, BTW

and you get off to that?
Great for you..

Depends on my mood. If you don't admit Fate is hot, you're in denial.

no, i don't take issue with you finding a cartoon "hot" but knowing the supposed age is suspicios
it says to me that age isn't a concern of yours and that would say to the law and such that you are a potential threat to children

http://blog3.fc2.com/n/nekonii/file/_nanohaSS05_change_fate.jpg
Threat to children? As if I don't have a conscience?

no nipples or bush :p
and mainstream anime chicks all look the same :p

I don't like bush any more than I like armpit hair.

Nanobot, as I said. Knowing the supposed age tells me that age isn't a concern to you. I don't care if you enjoy eyeing up cartoons but eyeing up a cartoon of a kid is worrying

It's not a concern for me when they're fictional characters

Not how others may see it

Well others are clueless
And most of them are hypocrites

Oh? how is that?

Studies have shown that the people who more openly criticize sexual fetishes tend to secretly have those fetishes themselves

really? What studies? :p

A few weeks ago there was one on digg about homosexuals/homophobes

oh digg
good source :p

That's like saying "Oh, the Internet. Nevermind then."

Not quite, sites have a certain audience. Audiences will have a bias. That should be accepted

no it's more like saying 'oh, digg, not a scientific body, nevermind then' :p

Anyway, I don't have to justify my non-criminal behavior to you guys. I'm off to watch a show consisting entirely of adults.
digg links to articles, dude

yeah, which ones? :p

links submitted by users with a non-scientific background? users with a bias?

please... talk only CSS !!!
moderator please !!!

please, don't abuse grammer

grammAr :p

how do I install CSS?

true, i didn't mention spelling abuse ;p

what are some good CSS servers?
i'm using linux

css install

oh your on linux
i dunno =/
./css install ?

# ./css install

bad command or file name"

lol
any one know a good tutorial for styling forms with css?
and by that i mean, do you know, not actually googling and giving a link..
so any one know of a good guide?

anyone know how i can change the height and width of my form? this is what i have now but it doesn't work http://pastebin.com/m2ccb158a

http://www.alistapart.com/articles/prettyaccessibleforms
that's for you mitzevo

cheers, a site i visit every 3 months
lol
:P
can i use @import any where within a style sheet?
doesnt have to be at the top?

I think it has to be at the top

really easy way to find out

heh

reisio, really?
ofcourse, i could just take the 1 min to try it my self.. or i could ask and see if any body would reply within 5 minutes.. :P

lolz.

name="fname" id="fname" - is this good practice to use the same value for "name" and "id" ?
name="fname" id="tf1"
or some thing

can a table summary contain any html i like?

How can I make visited links behave exactly the same way as if they were not visited?

luminerd, a:link, a:visited { /* same styles here */ }

preaction, but then visited links don't get the hover attributes when hovered over

why not?

...I don't know, that's just what's happening..

which browser?

safari

try the other ones, hover is hover even for visited links on firefox
]]]:visited

:visited http://www.webdevout.net/browser-support-css#support-css2pseudoclasses-visited (IE 6: I)(IE 7: I)(FF 1.5: Y) (FF 2: Y) (Opera 8.5: Y) (Opera 9: Y) (Konqueror 3.5: Y) (Safari 2: Y))

Ok..but I'm optimizing for Safari :/
Ah, does the same thing in FF

optimizing for a specific browser? good job
url?

eh, it's password protected..hold on let me copy to non-protected dir
No, I meant I am optimizing for Safari, among others
Safari, Firefox, and Opera to be exact
http://www.bloodbathii.com/testing/
(only the preproduction link works)

luminerd, do you need a style for visited links at all?

preaction, when I don't put one, they show up purple

I believe preaction was suggesting using 'a { ... }'
which will cover :visited, as well

a:link, a:visited { /* */ } firefox does the appropriate hover actions
but sure, add a to that while you're at it

tried the /* */ and no change from just not having an a:visited. I'll try just the a{
that one did the trick, thanks a lot!

uhm... /* */ is a comment
it's meant to portray an unknown content, like the content you have in a:link
seriously, use the comma selector, it will simplify your stylesheet

where do I put this, in a .html page:
a:hover {text-decoration: underline; color: red; background: yellow}

plan on using it for more than one page?

headstyle!-- Goes here --/style/head

no
headstylea:hover {text-decoration: underline; color: red; background: yellow}/style/head

then what preaction said, only style type="text/css"

like that?

perlbot tias

the best way to learn if something works.

.foo { } works, but .foo a { } does not. can somebody explain why? http://83.131.39.148

and text-decoration: underline; is going to be default and redundant
]selectoracle @ steved-

steved-: selectoracle: http://gallery.theopalgroup.com/selectoracle/

steved-, because you don't know what the descendant selector is?

good news. IE Dropping, Now Near 70% In Europe

have one div and in have one image.. need center image

gawd bless europa :p
is the image decorative, or content? How tall is the div? How tall is the image?

UserReg_CL, text-align: center; or width: (something); margin: 0 auto;

full story linked from slashdot

]center

http://www.zoffix.com/css/center.pl , http://dorward.me.uk/www/centre/

I want to delete underlines in my links, how can I do it ?

text-decoration: none;

text-decoration: none

how do I get this working anyone? http://83.131.39.148

]schools @ Jonathan25

schools: Explore the intricacies of HTML and CSS here: www.blooberry.com/ , www.htmlhelp.com/ , http://css-discuss.incutio.com/ , www.brainjar.com/ , www.htmldog.com/ , http://css.maxdesign.com.au/

the div only have one image ... div id="links_footer"img src="/fisica/images/footer/universia1.gif" alt="universia" width="69" height="24"/div

steved-, a.foo not .foo a

UserReg_CL, i gave you two ways to do it
]css selectors @ steved-

steved-: css selectors: http://w3.org/TR/CSS21/selector.html

reiso. the IE at 70% in europe is one the front page of slashdot
I'd link but copy and paste in synergy seems to be screwy

@http://www.muxmedia.com/

Dang it! Now the solution works in FF but not Safari!!

| (MIME: text/html, text/html; charset=unicode)

Scratch that
It works in one directory but not another -_-

What do you guys think of my second CSS design? http://www.definelol.com/home ^-^

uhm... who's site is that muxmedia thing? it's away too image intensive...
and then i view source and see the stuff of nightmares...

very boring, very web 2.0
yeah no kidding

reisio:

clean though, if that's what you're going for foutrelis

you need a plastic effect in your header. oh, and a 30 pointed green star with "LOL" in the middle

thank... with text-align: center; work...

Well I can't do complicated designs so I went for a simple one.
Why would I need that
* ?

what's the solution for not being always alone ?

to match the rest of the websites that look exactly like yours
Jonathan25, get away from the computer?

.
Thanks for the opinions.

1am, drinking gin and

so go do her

don't be a manslut

unpossible

mansluts are the best things to be

*sigh*

i'm joking, i've been able to convince every girl i've slept with that i "loved her"

Guess I'm the only guy left who thinks sex is best with just one person.

I agree, all about autoeroticism

preaching ethics on irc is a bit like getting into a fist fight with a retard

amen pao, amen

yes, you are
because it's nonsense
the more the merrier
now the love issues that may incur can be problematic :p
but you said sex :p

I'm not preaching ethics, ezrafree. Or else I'm a very short preacher :P
Guess I'll never know, then, reisio
Anyone here use phpBB?

i do
#phpbb is the best place to get help with that sort of thing though

Ah, okay
thanks for the tip

is it possible to have two classes in one element? p class="one" class="two"

I think

yea that's it
you can only have it be one id, you can have div id="someid" class="someclass anotherclass"
although that's a bit extreme

WHY WOULD YOUW ANT TO TO THAT

well

hush

say you were dropping in the classes dynamically

thats asking for breakage

not really

thats asking for breakage

scenestar_, quit being an idiot?

Less CSS code perhaps?
mix and match ftw!

i'm trying to remove padding from lists. i'm using this "ul { list-style-type: none; padding: 0; }", but nested ul will get at the same level. is there a nice solution for this?

ul ul { padding-left: 5px; } !-- yes --

you should be doing * { padding:0; margin: 0 } at the beginning anyway
and adding padding/margin to uls as needed

huh

but that is not nice, in my opinion. if i have ul and ol, then i need to add 4 rules: ul ul, ul ol, ol ol, ol ul { ... }

that hurts my eyes

are you here to help or just troll?

a bit of both

correct, you'd need to do a rule like ul ul { } for nested lists

nilton, uhm. so don't do padding-left: 0px?

yup

scenestar_, the trolling can stop

what's your question about that?

padding:0 0 0 0;

that's redundant, padding: 0;

the problem is that this solution is not clean. i thought there was some more elegant way of doing it...

nilton use classes?
ul class="nested"
foutrelis linky?

that would be nice. except that the html i'm using is not generated by me...

nilton whom?

it's generated by python docutils restructured text

pm'ed

nilton quois
rewrite the python?
speaking of css
http://registerfront.com/xhtml/page.html#
any comments?

maybe that would be too much work... i think i'll stick with "ul ul" and variants solution...

that's the best solution imho

scenestar_, reminds me of windows graphics lol

gehehehe
yeah its pretty image heave
clients love it though

Well, maybe the ones with broadband
:P

re
:p

at the top of the page so #top is supported in the URI to bring them back to the top of the page

i've problem with .ico+css
background:url(../images/user_add.ico) no-repeat 0 0;
??

that's my only comment, looks good

ezrafree maybe

how ca i include ico file in css file
??

i allready sent that away so its too late for that
verboz by using the right syntax

is .ico supported?

loool
and the right syntax is?

go .google. .it {fontweight:bold; } /*kthnxbye */
DO I LOOK LIKE A FUCKING REFERENCE BOOK

yes scenestar_
looooooooooool

you're getting really annoying

ezrafree ill be nice

your syntax looks correct to me, i don't believe .ico is supported

ive got a question, is there a better way of horizontally aligning divs other than using float ?

try the same syntax but with a .jpg or .gif image to test if .ico is supported or not

with .png it's ok ezrafree
my ob with .ico
:s

then .ico is not supported

background:url('../images/user_add.ico') no-repeat #0000000;
try that

that's horribly wrong

a?
url('../images/logo.jpg') #ffffff no-repeat;

#000 url(/images/image.jpg) no-repeat top center;

works perfectly okay

that doesn't mean it's right

thats redundant

in what way is that redundant?

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fregisterfront.com%2Fxhtml%2Fpage.html%23
IN YOUR FACE
wiseass

heh riiight, i never said it didn't validate
i said it was horribly wrong
which it is

well the people who wrote the actual specification think its ok
so its right

but since you're just a troll anyway i won't bother with you
the people who wrote the actual specification give examples, too

show me an example to prove me wrong

http://www.w3schools.com/css/pr_background.asp
under Example
note the order the declarations appear in
for cleanliness sake that's the order that should be maintained, even if it validates otherwise
particularly if other people are going to ever need to edit your code later

first off all, its css no C++

now back under your bridge, troll

secondly w3schools != w3c
so yeah
you are fail

dudes..

scenestar_, i think hat .ico is not supported :s

well then use a jpg or a png
or gif

.ico is for windows icons
or for favicons if on the web

have you a free convertor ico to png file?
:p

google for one

looooooooooooooooooool

what's funny about that?

www.ezrafree.com/search?hl=fr&q=wd&
:p

uh, right.
404 my friend

ezrafree
do you own a webhost?

because server is down(hacked by verboz)
:p

yes i do
riiight

ezrafree cool cool

haha shame my host isn't down

what datacenter you in?

7, 12 users, load average: 0.36, 0.30,

wow

the one i work in, it's downtown

what city?

i live in orlando

in a css file can I create css classes to be applied to a specific dl based on its dt?

you?

The Hague
no Datacenter around there

nice

i own a webhost as well :")

mmmmm cooookie

trady it for apple pie?

well half cookie. I ate the rest

no? yes?

well apparently verboz believes in his own mind he has hacked us all lmao

mmm apple pie

hahahaha
ezrafree i love kids like that

looooooool

iphone pie :P

he'll probably start ping flooding me soon

i'm not a hacker plz

path[l]: hmm can you explain more?

sure

Since you like "lol" so much, define it http://www.definelol.com/home :P