if I create a layer div using z-index above an image, can the user still select the image?

Yes

its there any way to create a “protection” ?

Not showing the image never uploading the image in the first place

the problem is not on the image they can save the image its ok

define “protection” then

the problem is that i’m using javascript to constant resize de image, but on ie6 if you put the mouse above it, it creates an flicker effect very bad

and about listbox, is it possible to select the listbox width? Or is it always the width of the elements inside?

hej guys, an item can have multiple classes right?

Yes

assuming “item” means “element”

input class=”important textbox error” id=”mail” / never use classes like ‘red’ , ‘left’ , ‘height40′ and so one

for spacing in CSS, there is padding ; and..?

mefisto can you take a look at http://facturatie.datalease.nl/new/scripts/ ? if you press imice.nl on the bottom you see what happends right? it extends

in opera it does ?

[Jasper]: Validate. Validate. Validate. You have syntax errors. And mefisto has already given you the /correct/ syntax for specifying multiple classes on an element.

yes Dorward that’s not the problem the problem is…in IE 6.0 the dropdown works allright.. but in IE 7.0 you get this http://www.z0r.nl/~mdv/over.gif the same happends in mozilla

[Jasper]: you can’t guarantee it’s not the problem, and it’s a waste of time us helping if the fix is just to fix the HTML to get it validating

for some reason the LI’s which are allready drawn don’t move down when I draw the rest.. gah I’ll validate it 1 sec

imo you are doing it a bit wrong dont use same class on each li element

[Jasper]: height: 0 tends to do that sort of thing

its useless use one ul.client li{} for all of them and then just ad additional features with ul.client li.different{}

hmm? I don’t really understand what you mean here 1 sec need to validate last part language=”JavaScript” — not allowed with w3 ?

[Jasper]: Replaced by type=”text/javascript” about a decade ago

hh

good GarethAdams This Page Is Valid html 4.01 Strict!

there is a warnign about charset btw

mefisto I can’t give every li the same class?

[Jasper], you can , but its useless

[Jasper]: Its just bad practise. Its cleaner to make the list a member of that class.

why add more markup ?

k but if I change that it still won’t solve the current problem right?

nope

ah I see what you mean I gave classes to the lis you gave them to the ul’s

you dont need to specify each LI esspecially if they all are the same ok .. now about your problem you have there a list of items and you want to some open sub-lists as you click on them am i right ?

yes in ie.60 is works but not in other browsers

it shouldnt be working at all here is why :

[Jasper]: http://developer.yahoo.com/yui/treeview/ might be of use

you aint doing what you want

why not? I first display none and then onclick I say display:block ?

you are creating a list, which , if one list item is clicked , shows another list item its logicly wrong

yeah mean it should show a ul right?

you should make a sublist and show/hide it it will solve your problem .. and it will do it ‘by-design’

a wublist?

sublist

didn’t know they existed :P

guys can someone tell me if overflow:auto or margin is better/more compatible for a 3-column layout? (see http://tokyoahead.com/test.html for a comparison)

/li

ulliclick-meullisubitem1/lilisubitem2/li/ul/lilidont click me/li/ul

hmm wireless disconnected sorry about that

ul li ul {display: none;}

hmm k

Better to set that with JS so its not entirely inaccessible for people with CSS but without JS

{LI object}.onclick = function(){ this.firstChild.style.display = “block” } * add in js

hmm k mefisto you said before I should use .client li { right? and then apply that class to the UL ?

you really need that class ? as i said befor, add classes only to elements which are different

hmm you mean I need to use #client li ?

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.” — Antoine de Saint-Exuper [Jasper], read this on your wall *write

:p

(my damned english sux)

gonna restructure it completely now http://facturatie.datalease.nl/new/scripts/ — -better mefisto ? using no classes

you can always add them later if you need

yeah

anyway , create soem submenu’s *some

gonna add the innerlist now

(btw in opera i still can see bullets from default list styl)

yeah will remove them later http://facturatie.datalease.nl/new/scripts/ see…now I get the ugly lines.. mefisto :P that’s why I used the individual classes before

lol wait a min

at least…in internet explorer there are ugly lines …not in mozilla

well you’ve set a border on the li…

yes

now add two things ul{ list-style: none outside none; } and ul ul {margin-left: 20px; display: none}

on which ul mefisto ?

[Jasper], first will fo for all UL , second only for ULs within ULs

like this mefisto reload the stylesheet…I made the changes…but not sure if I did them correctly

ok .. looks good now add an external JS file http://innonesen.se/test/l-13/

ah..you put it in an external file that’s better looking :P

it keeps code cleaner

k I made that

will you be able to modify that JS file for your example ?

prolly…but I first need to give the ul’s id for it to work

you need it only for main UL and only to make it faster all others are accessable through DOM

hmm..that I don’t get

i’ll make a small example

I need to add that onclick to the li’s first right?

[Jasper], http://innonesen.se/test/l-16/ $5

text/html; charset=utf-8, text/html; charset=UTF-8)

whoops

nice :p looks good the example

it has one minor problem

which is?

fixed there was a problem taht submenu closed if you clicked on it because behaviour was attached to whole LI now its fixed anyway @http://innonesen.se/test/l-16/

(innonesen.se/…) HTML: Valid ( http://tinyurl.com/2bfmby ) CSS: Failed (1 errors, see http://tinyurl.com/2pkhdh ) [4 warnings] DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html; charset=UTF-8, text/html; charset=utf-8)

just in case whoops @http://innonesen.se/test/l-16/

I’m trying to figure out what I did different from you http://facturatie.datalease.nl/new/scripts/ oh I see you made an active :P

first of all … submenu goes IN an li

ah..I thought I allready changed that fixed now hmm mefisto what are you doing differently? I don’t see it the onclick doesn’t seem to work mefisto

yes .. im playing around with example it worked before you refreshed it again =D

:p I’m going crazy here :P

ok .. done anyway

hmm I’m getting my alert now which I added but still no display of the test thingies :P

in which it is contained, has class ‘active’

ok

second, i made a JS which attached onclick event for each LI which has more then 0 childnodes basicly my example works with 4 levels too

ok WHYYYYYYYYY mefisto I still can’t get it to work the onclick thingie works I get an alert when I press it but for some reason the display:block doesn’t work I guess?

made 3 lvl example (added to default behaviuor to remember if sublevel has been opened) =P its a bare-bone example

it is a good example but it’s weird I did everything exactly the same in my opinion

if you still dont understand it , just go through it line-by-line

onyl stylesheets differ a bit I do understand it you put al the li’s in an array then you apply onClick to all of them I added an alert…so I can see when I press taht works it’s just that it won’t display the test thingies :/

it works on my side li.active ul{} in css oh .. you have, but you have a bug too, [Jasper] last lines you have forgot # befire ID’s name *before

nooooooooooooo ;( yeah it works now mefisto :/ stupid bug..

that was not a bug that was a mistake =P

Is there a way to use CSS on one page to control the look of elements within a specific iframe?

hmm mefisto http://facturatie.datalease.nl/new/scripts/

No. CSS applies only to the current page, an iframe is an entirely seperate page.

see how the blaat and blaat2 get automatically shown?

Sephiroth, no , and you should not use iframes at all

I’m just trying to fix link colors on digg buttons. x_x

ll then make it work without it

mefisto what did you change with the multiple level example?

i added two css enteries

hmm weird I have the same entries

line 25 and 30

found it I guess I had { { let’s see if it works now I really should stop coding in notepad hmm weird that didn’t solve it

hh a hint

is hh the hint?

if you access elements through ID .. i.e. : #nav.ul a{} then it will override ul a {}

hmm so I can’t put the page_wrapper_top in front?

you shouldnt be using it or you must put infront of all elements (withing #page_wrapper_top’s scope)

hmm k yeah it works without mefisto but what now if I want a 2nd list on that page which doesn’t act like that?

[Jasper], i would do it like that i would add a class .. i.e. menu which rules the behaviour

hmm and then give that menu class to the ul?

for minor changes i would use second class on same element i will mod the solution uno momento

muchas gracias :P

is it kinda possible to vertical align text within a div?

i have a link inside a div that highlights when its scrolled over, how do i activate the link once its scrolled over and not just when the text is scrolled over?

Align in relation to what?

make the link fill the entire div. use display: block; and set the width and height attributes

Hey, can I be annoying again and ask for the link of that CSS/JS script to fix transparant PNG’s ^^

hmmm mefisto I’m getting there at last :P but I have one last problem…. http://facturatie.datalease.nl/new/scripts/ I want all the text to align more to the right…but in addiong margin-left the layout will get messed up..

block; and width:100%; but it doesnt have the desired effect

[Jasper]: did yo uuse text-align: right;

no since I don’t want that

You want it to be that the link triggers when anyone moves over the div? [Jasper]: is float: right; what you want ihere

sorry for the delay guys

JDigital, yep when the background color is highlighted i want the link to be active

I don’t think so JDigital

the div has a fixed height, and i want the text to be centerd vertically in it

since I don’t want it totaly on the right?

Set the line-height equal to the div height

that works with multiple lines too?

JDigital, inside div.menu i have [ display : block; width : 100%; }

set height too

JDiggity, still the same JDigital &

odd

Where can I find free stock photos for use?

kazim59, Did you even try googing for that? kazim59, this is #css not #desing or #freestockphotos ~_~

I thought you know some better resource than I found.

]]free stock imagery

[Google] http://www.sxc.hu/ (More results: http://tinyurl.com/ypfkr6 )

kazim59, ^

sxc.hu is good for free stuff

thanks!

but i recommend istockphoto.com … they have great images which cost about $1 each

guys, is there some sort of textfield which has property’s I have litext/li

but to for example?

That made absolutely no sense

perlbot, xy

see ‘xy problem’

perlbot, xy problem

They ask how to do X, but that’s because they really want to do Y but think X will get them there and most of the time they are WRONG

it does make sense for me :P

[Jasper]: Good luck then

[Jasper], then perhaps you can answer your question yourself.

[Jasper]: I can take it from the top… “Textfields which have properties” - Textfields have attributes, unless you are talking about the DOM element accessed in javascript

could someone please help me get this Twinhelix JS fix for transparant PNG’s working? http://area51.tangocms.co.uk/main/ - it just does *not* work, what am I doing wrong?

“i have litext/li” - Useless information “is there anything I can put in between” - Any html element

but to for example” - HTML doesnt have variables

yeah munter…but I allready fixed it http://facturatie.datalease.nl/new/scripts/ see munter that’s what I meant

]doesn’t work @ AlexC_

Doesn’t work is a strong statement. Does it sit on the couch all day? Does it want more money? Is it on IRC all the time? Please be specific! Examples of what doesn’t work tend to help too.

zoffix I think it’s pretty obvious how the term ‘doesnt work’ is defined by going to the url,

That doesnt make any of it any more clear

AlexC_, I don’t have DX, so it won’t ever “work” for me.

dx?

A good question doesnt involve the one answering it to jump through hoops

AlexC_, DirectX

damn [Jasper], forgot about you http://innonesen.se/test/l-16/

? :p it’s ok mefisto mefisto what do you think of http://facturatie.datalease.nl/new/scripts/ ?

zoffix what could I be doing wrong though? The image still displays as if the script is not being used at all

[Jasper], first not : set deafult background for html

is it possible to set inline style on option elements? for example I want to set each item to text-transform: capitalize;

Yes. If the browser will follow it is a nother matter

mefisto what do you think of the solution I used to align the text?

Hmm… modern browsers do right? and does IE6?

If by modern you mean not IE, yes

i cant understand why you need it [Jasper] besides , it kinda feels ugly in opera

[Jasper]: useless. using selectors properly would have solved it

thanks munter

it will mess up the lines of the border

[Jasper]: Ever heard of padding?

does the same Multiply munter it messes it up wait…I’ll show you

[Jasper]: You must be doing it wrong then

not really..

lol

munter http://facturatie.datalease.nl/new/scripts/ reload it and it’s absolutely logical why it does that..

[Jasper]: Of course it doesnt work when you dont have a clue what you are doing

with new li’s….

to have a padding-left …the new ul is gonna be padded left…and so will the new li’s

what is not to understand about that?

then use css to stop it

#nickserv ghost imakethings 586693

[Jasper]: Nothing is not to understand about that. What is not to understand is why you havent set a bigger padding on the nested list items instead of your weird span and paragraphs

wups

lol

password changey time

password

zoffix could you see anything wrong with what I did?

passwords are for wusses

what is that gonna solve munter ?

[Jasper]: If you need to ask you havent tried it

you want me to set a padding-left on the inner ul?

[Jasper]: I want to to first read what I told you instead of reading something I didnt write

lol munter ok…you want a bigger padding on the li’s inside the ul’s ?

http://sc.chrismoody.net/sb/index2.htm and suggest why there is a black bar between the picture of the net and the sin bin hockey logo graphic?

Colluguy rocks. *Colooguy gah~!

the div is 199px wide, but the images are about 150 …..

ok, is there anyway to get it to work correctly? other images are bigger that I’ll have below it

make a bigger image? you’re going to struggle to fill 200px with 150px of image….

ok

you need a doctype

for?

oh whoops *you* need a doctype sorry imakethings

its all good.

yes I know, I just haven’t gotten that far yet lol

then you shouldn’t even be worrying about why you’re stuff isn’t lloking how you want it

might be a stupid q, but do browsers currently render differently based on what the doctype is?

Yes

munter it works..but not with the script which was made

]doctype

http://www.w3.org/QA/2002/04/valid-dtd-list.html (HTML 4.01 Strict is recommended)

mefisto you still herE?

hello i have an image (32×20px) and some text afterwards I wnat to make the text appear to be in the middle, vertically but line-height does not seem to work here

Just vertically align the image

both text and image are placed in the same div Mmm?

]vertical-slign @ Shak_Wrk ]vertical-align @ Shak_Wrk

]css vertical-align @ Shak_Wrk

http://w3.org/TR/CSS21/visudet.html#propdef-vertical-align

lol

Aha! Exccellent I didn’t know I could just apply that to images.

you might need to mess around with line-height, but it should work as-is

It works wonderfully but not so much in IE7 or IE6 got it working now, with a few tweaks

hi the width of a fieldset is by default the width of the container? by setting it to auto it expands to the whole page

the width of any block-level element is, by default, “auto” ]css width

http://w3.org/TR/CSS21/visudet.html#propdef-width

i know, can i make it so it wrapps around some specific form fields without specifing its width? i want to have a generic fieldset class and i’m too lazy to inherit it for every form i create

floated elements wrap width, but they have other side-effects

IE is the work of the Devil :X

preaction, yeah, if i set it to float left it will wrapp aroud form fieds but if i have two fiedsets in the same form…

left;

left;” in #form

Im having problems with my design in IE7, but looks nice in Firefox (surprise). I have several divs one after the other and in IE it seems like it ignores some style-classes and therefore the design breaks is there some nice validation-tool I can plug in to my firefox and start in that end?

hey all.. has anyone come across an issue with IE6 where if a div runs over a form item, the form item shows through?

hey everyone. how can i make the div (i put a red border around them) act like the rest of the fields? see http://paste.css-standards.org/25466 . the div doesn’t align properly like the rest of them. i need the div because i use ajax to replace it.

div is block level use a span if you read the validator it will tell you

aep, can i still replace a span? using ajax

i have no clue about ajax but a span is represented as dom element just like all the other stuff

while you’re answering, i might as well ask. can i just say div {display: inline;} ?

yes but it’s still invalid markup but since you use ajax i supose you don’t care about accessibilty anyway. so just go

hi all. Does anybody knows of a lightweight tree widget “implementation”? (small code, configurable style) thanks in advance

you can replace anything using javascript…

How can I make the textarea size identical in firefox and IE7?

sgx___, that’s more of a javascript thing, unless you’re just making a list of lists

http://css.maxdesign.com.au/listamatic2/index.htm

sgx___, bad, do not cross-post like that…

yes you are right preaction. my bad

by using a width attribute

http://yawgm8th.wuputah.com/iwtty.html

I am, Im setting the width with style to a fixed px but it looks like shite!

url?

http://doppio.cworks.se/doppiopoll/?id=1

@

(doppio.cworks…) HTML: Failed (111 errors, see http://tinyurl.com/2j7dyk ) CSS: Failed (8 errors, see http://tinyurl.com/2c4wxc ) [5 warnings] DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=iso-8859-1, text/html; charset=iso-8859-1)

:O

omg fix that

eh… Im running HTMLValidator parallell to development and have no errors

maybe your validator is broken then the whole site looks ass in konqueror btw

http://doppio.cworks.se/doppiopoll/?id=1 @

(doppio.cworks…) HTML: Failed (111 errors, see http://tinyurl.com/2j7dyk ) CSS: Failed (8 errors, see http://tinyurl.com/2c4wxc ) [5 warnings] DOCTYPE: HTML 4.01 Trans + url | (MIME: text/html; charset=iso-8859-1, text/html; charset=iso-8859-1)

and uses analscript for mens

your validator is broken, the W3C’s is more accurate

HTMLValidator is using that very one (same parsing-algorithm at least)

no, apparently it’s not

and you are not clearing your floats

XHTML style, it’s letting you do & in urls (instead of using &

aep - yes span works! thanks. will use span now instead of div

well… a lot of the “errors” are simply that it can not parse with js-code

you’re welcome

when I have & in it

hey can some1 help me out awerkinprogress.com/bags.html

kanzie_, onclick=”" - that’s still in the markup, which means it still needs escaping. you shouldn’t use & anyway, you should use ;. you should also not be using mixed-case for those things

Im trying to make a 3 column fluid layout

doing onmouseover=”this.src = ‘url’” is bad since it takes some time to load, you should pre-load those images

with the 2 images on the side

]layout 3 @ brandonm

CSS Three Column Layouts: http://css.maxdesign.com.au/floatutorial/tutorial0916.htm , www.pixy.cz/blogg/clanky/css-3col-layout/ http://css-discuss.incutio.com/?page=ThreeColumnLayouts

but its a little bit different then the norm 3 column

why are those images on the side not part of the background image?

? should i just make one big image ?

you have yet to ask a question, you realize, i’m just pointing out the problems i see

if you expand the window size where all three columns are on one line thats the ideal look i want

if you don’t use the enter key as your only punctuation, i can read you better

@awerkinprogress.com/bags.html @http://awerkinprogress.com/bags.html

(awerkinprogre…) HTML: Failed (2 errors, see http://tinyurl.com/ytfgv2 ) CSS: Failed (1 errors, see http://tinyurl.com/39epml ) DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html)

hm that site looks totaly ass here+ althought it’s almost valid

im trying to work on the layout

iiiks you are abusing divs like tables you just want that “border images” ?

brandonm, you might want to set a min-width, with the standard IE6 hackaround

put them in one big background image

but that isn’t fluid

“fluid” as in?

fluid width

he shouldn’t use float for that

i want all three of those sections to be centered

oh it’s not anyway easy is it fixed with?

the middle would be

great

the brownish orange

make a wrapper div and center it contianing a huge background image then you put your brown thing in it and center it again

ok i did the one small image on the left and right to save bandwidth

that way your side images will be always the size of the mid yes actualy a good idea. unfortunatly that hardly works

i see that now

well there is one thing you could try make a fixed with wrapper 1024px or what that thing is width and put all 3 elements in it float them all left that way you will not have equal high though

thanks, please tell me more on the “not using & but ; instead”

look at what the validator sayd it has some good hints

aep but cant i get the left and right divs to be the same width as the middle?

will do

huh? no. what do you mean?

you do not use & in URLs anymore, use ;

that way you will not have equal high though

(or get a proper toolkit and use / :p) no. to get euqal high you can look at the link preaction posted

]fullheight

DECENT: http://phrogz.net/CSS/valign_in_body/block.html LAME: http://www.alistapart.com/articles/fauxcolumns/

it’s “distribution” btw. bnot “distrobution” unless that’s intended

http://gangsterworld.somethief.net/ - I’ve set the red line to 15%; why isn’t it 15% ?

@

(gangsterworld…) HTML: Valid ( http://tinyurl.com/2ovp84 ) CSS: Failed (1 errors, see http://tinyurl.com/2aqu5l ) [9 warnings] DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=iso-8859-1) (gangsterworld…) HTML: Valid ( a href=”http://tinyurl.com/2ovp84″http://tinyurl.com/2ovp84/a ) CSS: Failed (1 errors, see a href=”http://tinyurl.com/2aqu5l”http://tinyurl.com/2aqu5l/a ) [9 warnings] DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=iso-8859-1)

ow w8 now it works I think had the positon relative instead of absolute

k

hmm aep how can I get the test’s

get what?

under the red part now blabla and test is in the same part

you mean in the same line? doesn’t look like it here. maybe you accidantly used display:inline; ?

ow didn’t now fucke dit up even more :P

well you use a realy weird flow

but if I dont use &, how do I send proper params to the server (its an ajax-call)

absolute and relative postions all mixed up

; USE ; USE ; USE ; NOW INSTEAD OF &

http://www.456bereastreet.com/archive/200612/dump_iframes_and_use_object_elements_instead/

but aep; u understand what I want a header, a footer and between them a menu wiht a width of 10% and a page for the content [layout ]layout

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/

I am I am I am, it does not work… Im thinking of passing it as an object {foo: bar} instead

not exactly

ow aep :X

why are you using absolute then?

for the footer?

and the ehader and everything

or maybe make just a header

pages usualy have a flow, you gotta learn what that means

then the menu and content beneith it and a footer at the bottom of the page not of the screen

yeah. so what the hell are you doing there?

dno how to fix it :X

hang on. i’ll make you something

ok thank you

I have a swf that has like 50px of extra padding on the left, and because the chart inside is so wide, we can’t center it on the page. so i essentially want to snip off about 50px from showing on the page any ideas?

aep; how far are u already?

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

*looking* ok aep

ah doh. typo. anyway. it shows what you want

and that is stylesheet or the site?

it’s both.

I see

http://paste.css-standards.org/25468/view

aep; u’ve forgotten #content?

not nessasary. unless you want to style it

ow aep I wanted the menu and content

the?

in width and not in height

try to write whole sentences

like u have the header and footer and now are the menu and the content above each other, I want them besides each other

what? aah beside easy. float them you want the menu at the left side?

ye and content on the right :P

http://paste.css-standards.org/25469/view it’s realy easy, just float:left;

ye that aep; what’s better the footer on the bottom of the screen or on the bottom mof the page

the fotter should be “in float” means where the content ends that’s where users expect them, so leave it there you sayd you want it at the top of the screen thought, so i made that for you

ok

position: absolute; top: 0px; left: auto; right: auto;

i don’t see whay it would

auto, right:auto did that…

no margin auto

aep; what does height: 20% mean in th emenu in the menu*

 

Affordable tomcat web hosting

 

20% of the page. i thought you wanted that or was it 10 ?

dno but I don’t see it anywhere

see what?

well margin-right: auto; margin-left: auto doesn’t work either

nooo. ]center

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

aep; the height of the menu

right. it broke as i made it float left. would be quiet stupid to have a left sidebar only 20% hight, not? i mean there would only fit one or two menu points in it depending on the site height maybe you actualy wanted 20% width?

eeehm aep I actually want the menu just to the footer and the content

that? http://paste.css-standards.org/25470/view dude. try speaking whole sentences you’re hard to read

i’m tryying I have fixed the width myself but where is the height for with the menu

good

20%;

so I need two containers?

that has no effect. just remove it no?

]text-size ok aep

margin: 0px auto;

text-size doens’t work?

Hi all, I am trying to get dead center to work but I am having a problem getting the left:50% to work… could I be missing something obvious?

http://www.zoffix.com/css/center#absolute-no-width shows a nested div

oh if it isn’t fixed with, yeah thanks to IE i have no clue how one would do that without fixed with

font-size :X

(actualy i don’t even know what it is usefull for)

all right, thanks. I’m starting to think the people who wrote the spec were not very bright

of course not. they just hatet internet explorer and made something that doesnt work in IE …

i give IE 2 more years.

untill? it will finaly work?

or rather ie6 two more years of wide-scale usage.

;’) aep; on the footer text-align:center; doens’t work

I’d much rather develop for ie7

try width:100%;

http://capernaum.jeffrafter.com/ryneal/index.html

ok aep

hmm

ty

what is the CSS for removing spacing around elements?

margin:0px;

thanks

anyone seen mefisto?

./msg seenserv help

0; since zero is zero in any measurement

hmm he just left it appears

aep http://gangsterworld.somethief.net/ - look @ the menu the hover doesn’t work as I wanted u’re here aep?

I’d like to create a container with more than one background image. So, I create some child containers that only have those backgrounds. But the containers cause line breaks - of course. How to place them in the background and the content container above them? hi

Ive been reading several articles on css forms and checkboxes, but I cant seem to find one that offers a practical solution, problem being trying to line checkboxes up to their text labels

tables?

http://gangsterworld.somethief.net/ - hover over the bar next to Index, u see the prob? how can I fix it

Never mind, I added a span tag, gave it display of block and cleared left right before each label

http://people.freedesktop.org/~hughsient/quirk/quirk-suspend-index.html

where can I find a manual for css?

w3c.org

or i’d rather use some css code to have a two column list like that in my website? s/rather/better

I need an exact link I have been looking there but haven’t found what I’m looking for

read topic for this channel

Does anyone know if the w3c is working on adding/standardizing support for multiple background images and bg image positionings in a single rule/style/element?

i doubt it what you can do is have a div within a div, and set separate transparent backgrounds on each

I know, but what if I want to style a form button using sliding-door-like images?

never. are you responsive for the rest of the fd pages btw?

form buttons cannot contain divs or spans, right? I want the style to be flexible enough to handle multiple form-button widths

to get what you made there with tables one would just use 50% with spans left floated. easy it would even look awesome

“never” what? you mean i’d better use only css? (i’m not responsible for the link i submitted before… i guess that’s not polite from me…)

yes. tables are NEVER layouts.

i see, that’s right

just asking becouse the freedesktop page is pretty crap markup and i would remake it in half an hour if somone gave me access

it’s been so kind of you, thank you for your help

I have the same problem as purefusion, I am not able to place the div’s above each other… they’re floating around :-\

you’re weclome url?

when is css3 due to be finalized?

who knows. IE won’t support it anyway

It’ll still be a good while before most peoples’ browsers support CSS2 properly, let alone CSS3

http://www.w3.org/Style/CSS/current-work.html doesn’t look like it will be finished too early

aep, mom plz, have to load it up

mom? i’m not your mom

lol^^

hopefully…

think so -.-

aep, I was looking through that earlier wish those guys would work faster

go help even if. there is no browser supporting it

aep, http://talocan.ta.funpic.de/

@

(talocan.ta.fu…) HTML: Failed (1 error, see http://tinyurl.com/2xxyrx ) CSS: Failed (3 errors, see http://tinyurl.com/2e4ttg ) [75 warnings] 1 xml tags found before doctype DOCTYPE: XHTML 1.0 Trans + url | (MIME: text/html; charset=UTF-8, text/html; charset=utf-8)

You see there is a container with an orange gradient

that’s what css evangelists are for :P

yeah. and? err yeah, and?

I want it be behind the menu and content^^

you are worried about that moster gap between header and content? object div wtf what the hell are you doing?

yes. This orange thing should be behind the content/menu.

let me look at it in firebug i’ll tell you in a bit

only accepts inline elements

kk

bo that’s wrong a block may not placed in an acnhor

?

but a inline container may like span

er.. that’s a nice idea… xD

that huge gap is your gradient div

yes. I want it be behind the menue

so hwy the heck are you closing it then? nest them

omg how stupid am I! I tried the span, but there’s nothing displayed now (I remember, that’s the reason why I used this object construct…)

dude. wtf are you doing there anyway a div with an image as inline style just use img or a id=”mybannerlink”

@http://mrmonday.thelastn.com/docsnet/

(mrmonday.thel…) HTML: Failed (1 error, see http://tinyurl.com/2xq8tt ) CSS: Failed (6 errors, see http://tinyurl.com/2mxzxk ) [8 warnings] DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=UTF-8)

yay errors

@http://facturatie.datalease.nl/new/scripts/

(facturatie.da…) HTML: Failed (27 errors, see http://tinyurl.com/27mv3t ) CSS: Valid [2 warnings] ( http://tinyurl.com/2umzwm ) DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=ISO-8859-15, text/html; charset=UTF-8)

@http://gangsterworld.somethief.net/

(gangsterworld…) HTML: Valid ( http://tinyurl.com/2ovp84 ) CSS: Failed (2 errors, see http://tinyurl.com/2aqu5l ) [2 warnings] DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html; charset=iso-8859-1)

@http://mrmonday.thelastn.com/docsnet/

(mrmonday.thel…) HTML: Valid ( http://tinyurl.com/2xq8tt ) CSS: Valid [10 warnings] ( http://tinyurl.com/2mxzxk ) DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=UTF-8)

evening

mefisto…just the man I was looking for :P or are you tired of helping me ? :P

no , im kinda waiting when you will be able to solve your own problems so … whats wrong ?

:p well just a few things mefisto, I’m trying to give my li’s padding-left: 30px;

and ?

a class with padding-left: 30px; in it…it works…but when I then press the link….the class file changes I guess

so they revert back to no padding because of the active class I think so I was wondering where to put the padding-left to get it to stay you need the url?

http://www.youtube.com/watch?v=NLlGopyXT_g

http://facturatie.datalease.nl/new/scripts/ mefisto

An incredible movie If anyone wants to answer the question of “What is web 2.0?” or… “why bother seperating content from style?” … etc, then check out that video Great music to

;support z-index

z-index { IE 6: 62.5% | IE 7: 62.5% | Firefox 2: 87.5% | Opera 9: Y } http://www.webdevout.net/browser-support-css#support-css2propsbasic-zindex

Jasper-2, what i am looking at ?

mefisto the stuff we made today I just want the li’s to have some left padding..

yes oh ul{list-style: none inside none;} ul li {padding-left: 10px;} that should do it

that easy ?:P let’s try it out hmm mefisto, if you refresh it…you will see it’s a bit off

so you wantwd padding for LI

yeah

classes and say padding-left it works

i fail to see problem her *here

hmm k mefisto wait when you expand the first item…you will see that the 2nd item grey line doesn’t go till the beginning? understand what I mean?

yes, but i quess you aint understanding what you want to create which browser you use ?

internet explorer mefisto refresh it now…you’ll see how I want it http://facturatie.datalease.nl/new/scripts/ but that’s using for the text is it possible without?

that explains everything .. ehh get IE developer toolbar it might help you understand you layout and using paragraphs in this case is semantivaly incorrect

yes I know mefisto….

*semantically (not sure)

but it’s the only way I can get it to work

then go learn html

Jasper-2

mefisto you just saw that the padding-left didn’t work right?

what i saw was expected behaviour that was what you asked me and now leave me at peace plz

well thx for the help anyway today

people i have a page with a header and a footer width absolute heights and i have e columns in middle too how could i leave these columns autoresizable?

absolutely positioned header and footer you mean?

]]100 height

[Google] http://www.xs4all.nl/~peterned/examples/csslayout1.html (More results: http://tinyurl.com/285ffh )

you needed this url ? FlashWolf ? but actually i have feeling that you need to read this :

FlashWolf

i use the entire innerWidth and innerHeight in the available container of the browser

… i guess he didnt got the message

not…

]secret @ FlashWolf

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.

how do I get one of my images to be inline with the text?

no idea … crystal ball is in maintenance

well, the header stays in top:0 (ok) the content has an offset top:100

full moon is comming .. i can feel that

http://computersfixed.alborz.uk.com/

the footer, bottom:0

which image sorush20 ? that phone icon ?

but i want the content autoresizable…

yes mefisto:

i use just the availHeight of the browser i cant use scroll just in the ‘content’ div so how could i leve this div auto resizable?

sorush20, #contact span img {float: left; margin-right: 10px;}

with the header and bottom appearing without needing scroll

but your code is a bit semantically wrong , sorush20

.. in worst case

some idea?

is an inline level element

i thought use a padding-top and padding-bottom in a 100% height div (content)

yes, FlashWolf , one idea. Give url or stop flooding here

i havent url sorry

]paste

http://paste.css-standards.org , http://www.webdevout.net/test , http://erxz.com/pb/ , http://sial.org/pbot/ , http://tnx.nl/scribble.plp , Upload images: http://oxihosting.com/pupload/ a href=”http://paste.css-standards.org”http://paste.css-standards.org/a , a href=”http://www.webdevout.net/test”http://www.webdevout.net/test/a , a href=”http://erxz.com/pb/”http://erxz.com/pb//a , a href=”http://sial.org/pbot/”http://sial.org/pbot//a , a href=”http://tnx.nl/scribble.plp”http://tnx.nl/scribble.plp/a , Upload images: a href=”http://oxihosting.com/pupload/”http://oxihosting.com/pupload//a

wow…

its cuz my site is generated via ajax-php just like impactoweb.info/index.php?mode=contentLoaded my old version site

strange , but i see no problem in viewing layout in that page

its because i set the content div height using javascript i wanna use just css

thats just stupid http://innonesen.se/test/l-17/ http://innonesen.se/test/l-15/ maybe one of thies helps

the first exactly what i’m lookin for sorry for my fllod…

one more http://innonesen.se/test/l-18/

*flood

I didn’t follow what you told me to do

then read it oen more time , sorush20 =P

thanks, mefisto!

I still don’t get it

FlashWolf, keep in mind that two layouts there are made with faux column (the side bars) #contact span img {float: left; margin-right: 10px;}

ok

I don’t have a ny id called contact

oh reeeeeaaaaly

thx

yes I do sorry

sorush20, maybe then search for that text in ;your; source

how did that fix the problem?

didnt it ?

yes it did I just can’t work out hwo how

lol css is magic ]learn float ]float tutorial @ sorush20

float tutorial: http://css.maxdesign.com.au/floatutorial/ , http://phrogz.net/css/understandingfloats.html

this should explain sorush20, is that your own page ?

yes why

images in services list are a bit too big you might wanbnt to make it a table besides , which SW you are offering there ? because ‘free’ AV stuff is free only for home users

cool my customers are

and .. emm .. how to put this kubuntu aint the most popular linux you should check http://distrowatch.org/ more offten =P

what’s the average default padding on elements like h1, h2, h3, p, etc?

there isn’t one. it’s purely browser defined. Best thing to do is to define the explicitly yourself

I know it varies, I’m just debating what looks best

0.3em?

there’s all these resetters, but they don’t actually re-set, they just undo, so I’m trying different settings and was curious what the defaults are. isn’t the padding applie to the top by default?

Yeah, how do you not know who kevin rose is? wrong room… wow

yarly

ahh having very annoying problems i’m storing information in DL tags. and i’ve wrapped all of the tags in a div. but the div underneath that won’t display underneath in ff left :O woo

Hi @http://www.wizardsarcade.com

(www.wizardsar…) HTML: Tentatively Valid ( http://tinyurl.com/yt7r8z ) CSS: Failed (2 errors, see http://tinyurl.com/ysxcot ) [2 warnings] DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html)

@http://www.wizardsarcade.com

(www.wizardsar…) HTML: Tentatively Valid ( http://tinyurl.com/yt7r8z ) CSS: Valid [2 warnings] ( http://tinyurl.com/ysxcot ) DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html)

ok now my css coding is valid how do I make the layout more user friendly and eye appealing? I was thinking about using image slices to make the site more appealing but I have no ideas on how to do this and still able to validate

image slices? whoa whoa whoa, why are you using all those for your navigation? that’s a couple lists

haha

“Best Viewed” is basically saying “I learned how to web design in the 90s” rather, “FOR the 90s”

don’t tell me he has a best viewed in x resolution sign!

preaction, I think thats what it’s called. for example taking a round corner box cuting the 4 corners and then small pieces to fill the gaps

is completely unnecessary in the context you’re using it

Saberu, yes i do

god why?

also, please please PLEASE format your markup so it’s easier for people to understand it when they’re helping you

just placed it there to so i remember what display i used to make it preaction, if by markup you’re talking about the css I didn’t make that it was premade preaction, I just changed the id’s

markup is not style, markup is markup, HyperText MARKUP Language. eXtensible MARKUP Language

?

style is Cascading STYLE Sheets

inside there

yes preaction….erm I need to explain myself better preaction I have http://facturatie.datalease.nl/new/scripts/ ….. now when you expand imice.nl for example and press invoices… you see 2 invoices… you see 3 dates….and at the end I wanna have 5 buttons…..like view/delete/edit/pay

and?

to do that?

or ? what is a good idea?

that’s what i would do a div floated right

but isn’t that considered to be ugly? to put div’s in a list?

you might also want to either make those clickable things into anchors (so the hand cursor shows up) or use CSS to make a different cursor i don’t see why

how to make my page compatible with opera

DiDYou validate? ha, i made funny

how?

how what?

on w3c

why is it that the a div inside another div makes the outside div taller in IE, but just flows out the bottom of the containing div in ff

speak in complete sentences so that people can understand you FuriousGeorge, because that div inside the other div is floated

preaction, u mean validation of w3c

absolute

my english is so poor

floated whats the alternative?

the markup one and the style one FuriousGeorge, what do you mean alternative? floats are allowed to leave their container ]float contain @ FuriousGeorge

Containing floats: http://www.ejeliot.com/blog/59 , http://www.positioniseverything.net/easyclearing.html http://www.quirksmode.org/css/clearing.html http://www.complexspiral.com/publications/containing-floats/

preaction, how should i setup the markeup so that its easy for others to read

indents and spacing

I have that setup in the files already. but I think its the includes that remove the placing i have

This Page Is Valid XHTML 1.0 Transitional!, css : No error or warning but isn’t compatible with opera

DiDYou, and what about validating the style? what specifically is not working? do you have a url I can look at?

http://beuzm.free.fr/stage/index.php preaction

@

(beuzm.free.fr…) HTML: Failed (3 errors, see http://tinyurl.com/35rwha ) CSS: Valid [13 warnings] ( http://tinyurl.com/23fsb3 ) DOCTYPE: XHTML 1.0 Trans + url | (MIME: text/html, text/html; charset=iso-8859-1)

ehh

woot! a transitional doctype

hi chow can i scale background-image of the div?

Rv, you can’t

why people use that Transitionals ?

what’s the problem ?

ups

DiDYou, why are you using transitional? you should be using strict. what SPECIFICALLY is not working on Opera

‘i cant do html’ ?

]divitis @ didyou

Divitis is when you use tons of divs when you don’t have to. Mark up the page first THEN style it. The less elements you have the less problems you have.

preaction, so what tag i should use to scan background-mage size? image

tags for background images is not good

i change doctype to strict

re-validate, it might come up with some more errors @

(beuzm.free.fr…) HTML: Failed (3 errors, see http://tinyurl.com/35rwha ) CSS: Valid [13 warnings] ( http://tinyurl.com/23fsb3 ) DOCTYPE: XHTML 1.0 Trans + url | (MIME: text/html, text/html; charset=iso-8859-1)

it’s still using transitional

hej guys, how can I prevent 2 div’s from both left floating standing next to eachtoher instead of below eachother?

preaction, i dont use img tag… i try to scale logo which is a background of the div

i will change it

you cannot. and use proper labels. CSS has properties, HTML has tags and tags have attributes isn’t there a bot faq for that one?

ok. sorry.

]label CSS3 might have a provision for what you want but that’s not even past Working Draft yet ]css wording

selector{property: value;} The selector may also contain “pseudo-classes and “pseudo-elements”.

]html wording

A tag defines an ELEMENT

yay!

preaction, this is how i have the index.php setup http://pastebin.ca/709716

lwizardl, so you should make your PHP export pretty HTML. it takes more time, sure, but it’s much helpful when we have to look at it

preaction, how do I do that? I’m still new to this

i don’t know, this is not ##PHP

k

hmm mefisto still don’t wanna help me

not really

I’ve tried everything even using div’s those ALMOST worked

can you change the style of an input file?

@http://beuzm.free.fr/stage/index.php

(beuzm.free.fr…) HTML: Failed (3 errors, see http://tinyurl.com/35rwha ) CSS: Valid [13 warnings] ( http://tinyurl.com/23fsb3 ) DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=iso-8859-1)

somebody can help me preaction, i change doctype

mefisto can I just ask you this, it’ll be the last thing I bother you with..

how to make my page compatible with opera is ther any way to use conditional comment with opera like IE

Jasper-2, just cut the crap and ask

to make two style

invoices ….see the green and yellow….they’re too low…but if you press the green and yellow part….they’re in the correct spot

I don’t understand why probably has something to do with the display block right?

somebody can help me please ! mefisto, can you help me please ?

D3vDiL what do you want to know?

look at this @http://beuzm.free.fr/stage/index.php

(beuzm.free.fr…) HTML: Failed (3 errors, see http://tinyurl.com/35rwha ) CSS: Valid [13 warnings] ( http://tinyurl.com/23fsb3 ) DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html, text/html; charset=iso-8859-1)

3 errors, but no explication

Jasper-2, next time when you have a problem : NAME THE BROWSER

mefisto internet explorer.. sorry

because noone else here is using IE as default one

http://tinyurl.com/35rwha

oh in mozilla it’s messed up too D3vDiL This Page Is Valid XHTML 1.0 Strict!

but isn’t compatible with opera you can test it id you have opera if

Jasper-2, that space is there because you have predefined height of LI

I have mozilla

is there any way to detect browser in order to use a style for opera

mefisto you mean with the line-height?

no, i said what i ment D3vDiL, i fail to see any difference between FF2 and Opera9

hmm mefisto ? I don’t see any height definition in the css file?

i use opera 9.21 http://beuzm.free.fr/stage/index.php

i see no difference how many times i have to repeat myself are you ppl blind ?

ok thanks man sorry

upgrade your browser or clear you cache

9.21

Jasper-2, looks like in FF your problem is caused by floats

thanks a lot

]float tutorial @ Jasper-2

Jasper-2: float tutorial: http://css.maxdesign.com.au/floatutorial/ , http://phrogz.net/css/understandingfloats.html

hmm

How do you make a span have multiple lines in it? hello? or if you cant, what is an alternative to a span?

what’s wrong with a paragraph?

can paragraph have css code?

a span is just that - a span of text. every element can have CSS applied. even the BODY and html elements.

A span can continue over multiple lines, if you have an entire paragraph of text. However, you can apply CSS to any HTML tag, including

first, go to this site: http://en.wikipedia.org/wiki/Userome_Person/Testing second, i want to put the box that says “TEST” next to the other box

]float tutorial

http://css.maxdesign.com.au/floatutorial/ , http://phrogz.net/css/understandingfloats.html

im totally a newbie to css can you guide me through it? (or do it for me, hit “edit this page” at the top

whats the best method for emulating min-width on internet explorer 6

width

so i just set the width to whatever the min-width was in a condcom

yes

080/blog/ (let me know what to paste if you need

You want the gradient to start from top?

you sent the background position to 0 50% its doing what its supposed to do

Which element is that on specifically?

lol #container

I don’t have that in my CSS, here is what is in the file: http://dpaste.com/20558/

0, if not I alert them, in the else portion of that statement I have form.submit();, How can I stop the button from refreshing the page anyway

#container { background:#FFFFFF url(images/bg_container.gif) repeat-x scroll 0% 50%; ..

DanMan010, sounds like javascript to me, ##javascript

What I pasted was strait from the CSS, I went in and added the 0% at the end and its fine though, I guess its a browser default issue or something

now its there you just changed it you dont need the 0%

hi all , it’s partic to detect browser with php, in order to apply different stylesheet ??

#FFFFFF url(images/bg_container.gif) repeat-x scroll 0% i mean wait w/e u got it

D3vDiL, don’t use php, use conditional comments, far easier and more compatible

can i use conditional comments with opera

bad idea either way you don’t need to - what’s the problem?

look at this page on opera http://beuzm.free.fr/stage/index.php

$

text/html, text/html; charset=iso-8859-1)

what about it?

wait what ]xhtml doctype ]doctype xhtml

strict

@

div id=”contentcolumn” so reisio, preaction

what? that’s rather rude, you know

/exec -o yes D3vDiL

you have yet to describe the problem too, not everyone has the opera browser

hand holding ftw any serious questions? no, ok

the problem is on the background of div id=”contentcolumn”

orly?

how can i fix this problem

What is the problem on the background of that div? pretend i don’t have eyes because it will take me 15 minutes to get Opera

bad support. demand your money back

ok

i don’t give refunds

whose bot is untablebot?

untablebot, botsnack?

stupidest bot ever

was it actually a bot?

yes all it does is scans links that are msg’d for ‘table’ and if it finds ‘table’, it gives you a lecture

uhm… kay….

preaction, reisio — http://beuzm.free.fr/opera.JPG how can i fix it this just on opera

oh good god…

same here in konqueror. check your margins and paddings

that’s how you’re doing it? off-by-1 pixel is going to be common

but it will affect IE and FF

some peopel go nuts on that. especialy designers. *sigh*

pixel-perfect layouts – ]rounded

http://www.smileycat.com/miaow/archives/000044.html http://fumle.dk/public/webdev/round-corners/ , JS: http://methvin.com/jquery/jq-corner-demo.html

try those techniques instead of yours the old ways of doing things don’t quite work the same anymore. until CSS3 box model comes into it (with the new rounded / image borders), we have to fudge it

preaction, thanks a lot i will try it

bonne chance, rounded borders is a little harder these days

is it possible to use text-transform title? *on title

the title element isn’t visible in usual circumstances

preaction, merci bien

so while you _can_ use it on title, it’s not going to help you

unless the browser likes it

any decent browser should like it, but it’s complicated the cssdestroy guy made his own doctype that allowed title to be part of the rendered document and he had the title element…in the footer, IIRC might have been the header

huh…okay….guess won’t help then.

I’m using overflow:auto to keep things from going beyond the specified width *height However, I want the height itself to automatically adjust based on the content, but never go higher than 95%. Is there a way to do this? Aha! Max-height!

Aha! Useless! :p

Hmmm I used the max-height property, but percentages don’t seem to enforce this. :? In other words, if I set max-height: 50%; it doesn’t do anything. However, if I set max-height: 200px; it works

doesn’t matter, you don’t need max-height

reisio, I don’t want a div to become bigger than a user’s screen

just use height

But the content isn’t always bigger than the screen, creating ugly spacing

so don’t use it

have you eveer tried to get out that sand from your head ?

me?

how you even can have a blank space in page without min-height ? no , reisio , i was telling ot to javaJake

95% (which makes the thing a monster for small amounts of content) or I set max-height: 95% (which doesn’t work???)

New zealand mysql 5 host.