Ok so I had an ordered list syntax-highlighted code but I wanted the s next to the numbers lined up so I made
doesn’t validate as HTML 4
microsoft has the largest website on earth and they use html hosting 4.0 Transitional
I am reading a 500pg css book, but need some ’simple stuff’ now. anyone know of a site that would get me going in under a day?
CarlFK only if you know german :-/
so far I am an ‘expert’ at being able to target what will be formatted, but have not gotten to the part that talks about various formatting options
damm. in March this year I asked my Uncle (who lives in Bonn) if I should learn German. “only if you want to as a hobby”
Xsss4hell, did you look into my page?
not that I think 6 months of german class would make me an expert at german, so it would be hell trying to learn something else from a german site
nappysis yes
where’s the problem? I’ve viewed it with Opera 9
I have IE7
hello
can someone tell me why my site is like this? http://www.rwautomotives.co.uk/
The unordered list items backgrounds don’t reach the bottom of the page evenly
only if you change your nic to iLuvUbuntu
jk. how come I have to scroll it left/right?
valid ?
i dont know
or how would you have a button for each row in a table?
try this http://www.oswd.org/design/preview/id/3692
…. probabl yhis is for #web … or #html
you think?
im only using divs
where u get the html from?
Kronuz it s not valid
color: #333;
Xsss4hell, hmm. But I want the background colors behind the list items to alternate.
that’s what I thought… but then what’s the way of doing it?
Xsss4hell, if I want to have a submit button on each row (as in “save row changes”)
what is this in RGB?
if you want me too i will change it
na, just teasing.
download CSSTint it colors and converts your color values
so what do you thinks up with the site? its really annoying me.
Kronuz you want an editable table? or just settings for something?
setting for something.. it’s like I want to edit certain fields not all
then don’t use tables. use tables if you have a Table of data otherwise use divs
Xsss4hell, for instance, I have a table that’s showing the properties of a banner list and I want to be able to edit the number of views a banner is allowed and the save in a per row basis
500 page css book? lol
could anyone please tell me why my shoppingmenu bar isnt centered and why the whole horizontal row there doesnt have the green background color? http://www.uniquelynorth.com/Uniquely_North_Web_Template.html
you can learn css in approximately 2 hours
Xsss4hell, it actually is a table
hmm, is there any decent way of centering contents vertically in a container? (in this case, an achor in an li)??
I think you are mistaking me for a css expert
]vertical-align
http://www.dyve.net/jquery/?editable
]valign
hm.
in-place editing
isn’t valign deprecated?
and does it work on a?
Xsss4hell, oh, yeah, using jquery
Oreilly CSS The definitive Guide. with fish on the cover.
http://www.appelsiini.net/projects/jeditable
oh
you can use line-height on the a
set the line-height to the same height as the containing li
mphill22 you talk about learning the basics
There any way to reliably set a .SWF as a background?
k testing
(by reliably, I mean even in insane browsers)
you guys likey? http://grigoriada.ath.cx/pagini/rounder1.html
should I add a footer?
JDigital, another lovely trick to put in my treasure chest 3
thx !
yes if you don’t like to pay for a missing impressum and contact link!
/
you talking to me?
what’s an impressum? guestbook?
yep
Anyone ever heard of putting a SWF in the background?
http://en.wikipedia.org/wiki/Masthead_(publishing)
mashead
yes masthead
a list of authors eh?
well there’s no content yet
I’ll add those eventually, right now it’s just a template
but do you like it?
what do i need to do to vertical align img’s along the bottom line of a div? vertical-align: bottom on the div seems not enough
not bad, hackmiker
vertical-align:baseline
link?
em.. its on a local port 3000 thing.
cant easily make it available
does it matter that the div itself has relative height?
http://paste.css-standards.org
block
use something known for images?
Xsss4hell, could you solve my situation?
hello
is someone excellent with divs in here?
im baselin’ing everything i can – still i see those images scratching the top of the div
are you talking about :hover ?
no
just alternate colors
?
The list items should EVENLY distribute to the bottom of the page
I don’t understand
this room is rubbish for support
Xsss4hell, let me send you a link…
http://80.203.146.58:3000/table/parts
just ask your question, don’t ask to ask
the nav. arrows on the top left and top right, im trying to get them to align nicely in the middle
hi
why is does my site look like this rwautomotives.co.uk
is there a way to force IE6 to redraw an element with javascript? some sort of reflow
how do you want it to look like?
inline correctly
http://80.203.146.58:3000/table/parts
torbjorn loads for me
are you sure? it should
1
http://www.csszengarden.com/?cssfile=050/050.css
first row 1, then row 2, then navigation and row 3 next to each other, then underneath row 4 then row 5
i cant seem to figure out how to get those images down a notch
one thing you might consider is your validation is horrid
Hey, how come my divs are not butting up against eachother? http://worldofpwn.nfshost.com/ there shouldn’t be spaces, I even set the margin to 0 to make sure
Basically, I add position absolute to an element. Then I do some calculations based on that. Then I add position relative to the container of that element. The problem is that the element is not relative absolute positioned. It needs some sort of redraw.
right.. well.. no excude, but its most an automatic template thing
topic says use html strict and validate… this code html transitional and with 45 errors
*excuse
i see
why is fixed width so popular ?
where should i validate it?
type @http://www.whatever.com
@http://ridgemoor.personnelware.com
(ridgemoor.per…) HTML: Failed (2 errors, see http://tinyurl.com/yvz7fe ) | CSS: Failed (4 errors, see http://tinyurl.com/37wpmt ) [9 warnings] | DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html; charset=utf-8, text/html; charset=utf-8)
@http://worldofpwn.nfshost.com/
(worldofpwn.nf…) HTML: Failed (4 errors, see http://tinyurl.com/2l38tn ) | CSS: Valid [2 warnings] ( http://tinyurl.com/ywswpw ) | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html, text/html; charset=UTF-8)
too cool!
can i msg the bot?
wouldn’t want to spam the channel
it maybe you talk about the clearfix method, floated columns that stretch to bottom?
@http://worldofpwn.nfshost.com/
(worldofpwn.nf…) HTML: Failed (3 errors, see http://tinyurl.com/2l38tn ) | CSS: Valid [2 warnings] ( http://tinyurl.com/ywswpw ) | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html, text/html; charset=UTF-8)
I don’t know that method Xsss4hell.
@http://80.203.146.58:3000/table/parts
(80.203.146.58…) HTML: Failed (47 errors, see http://tinyurl.com/3yfjfy ) | CSS: Failed (3 errors, see http://tinyurl.com/22l5pv ) [5 warnings] | DOCTYPE: HTML 4.01 Trans | (MIME: text/html; charset=utf-8)
gah…
@http://worldofpwn.nfshost.com/
nappysis:http://www.positioniseverything.net/easyclearing.html
If you don’t already have it, you should install the Firefox Web Developer toolbar. It has links to validators.
@http://worldofpwn.nfshost.com/
(worldofpwn.nf…) HTML: Valid ( http://tinyurl.com/2l38tn ) | CSS: Valid [2 warnings] ( http://tinyurl.com/ywswpw ) | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html, text/html; charset=UTF-8)
Okay, now it’s valid, will you help me understand why the divs have some padding between them? I want them to stick together of course :/
you need to clear your float!
thanks
I want to change the css of all a tags inside a div id. I try with #id a {} but it doesn’t work
torbjorn:Failed validation, 47 Errors
wow
but nearly every website has errors.
use the jquery thingy to edit inplace
there are more forms of anchors. like a,a:link,a:hover,a:visited,a:focus,a:active
Xsss4hell, I could do like #id a,a:link,a:hover,a:visited,a:focus,a:active {} ?
to affect all of them
oh no no
http://paste.css-standards.org/23336
yeah thanks
just ad your #id before it
ok, gn8!
am i not allowed to “wrap” a form around some rows of a table?
usually, no
you add it after a table
can i have it within one single cell?
I need to override some styles, but I’m not sure how to accomplish what I need. I have been given a template with a lot of global settings which are very generic, like img, table, form, and body settings.
torbjorn read this;http://htmlhelp.com/faq/html/forms.html
cu
I need the equivalent of img {clear the CSS that was in the previous stylesheet] which I can load in, without having to specify soemthing for each possible attribute.
Is that possible?
thank you Xss
i see
take any css ?
sure
i was reading http://htmlhelp.com/faq/html/links.html#button-link
it says i have to put each form in individual cells if i want the buttons next to each other
?
can someone help me troubleshoot why my div won’t extend dynamically? i have the code copied right…and i dont know what is going on that it won’t go
Why are my DIVs spaced out from eachother? I want them to butt right up against eachother… http://worldofpwn.nfshost.com/
anyone from Montreal interested in a position like http://faq.css-standards.org/Integrator ?
luminerd, site looks fine here
oh, you mean in IE?
Coppershade-org^: there’s spaces between the images… under the banner, under the links, and under the bar…except I see it looks fine in IE…the spaces are clear in Safari and Firefox
google for IE box model
No, actually, for once, it actually looks proper in IE
not in mine
IE6
ok well I’ll fix the shitty browser issues later right now I’m worried about the sane ones
looks perfect in FF too
No, it definitely doesn
well on Windoze it does
but you’re on mac?
Not in FF2
this is so annoying http://www.rwautomotives.co.uk/
yes… I’m on a Mac…I have never seen Firefox render differently because of the OS…
its monday and i need a beer
lol
mabe 2
Hmm, it’s a different problem in IE6
The grey bars because it doesn’t support transparent PNGs…that’s not at all the issue I’m talking about
ah I see
then your page looks perfect in IE6, Opera and FF on Windows
and in Netscape
which is basically = FF
Umm
No it doesn’t
I just checked on a Windows box to be sure…the spaces are definitely there.
whoa, that’s minimal markup
have you done * {margin:0;padding: 0;} ?
and possibly also body {margin:0;padding: 0;}
will try, thanks
what is the body one for?
Coppershade-org^: if you apply it to * it applies to all elements including body
might be a bad habit, picked it up from a template tutorial
That didn’t fix it
just do the body one then and pray all browsers’ inherit-behavior is the same
bjust do the body one then and pray all browsers’ inherit-behavior is the same/b
add border:0; before the } too, then?
Here’s a close up of the probelm I’m talking about. The yellow texture should not break at all…there are lines in between all my elements http://worldofpwn.nfshost.com/spaces.png
Nope, still didn’t do it
well, check that the div heights are the same as the pic heights
is the page generated from something?
the divs dont have heights
No the page is just the page. All source is viewable
Div without height shouldn’t go any bigger thn what’s inside it..
Don’t udnerstand what’s causing this…I have stacked divs tons of times before they are absolutely NOT supposed to create random spaces where there is nothing at all that would call for them…I mean it’s very very simple markup it’s not like it’s a complex problem here -_-
I HATE DIVS
agreed lol
Going to slit my rists
wrists
and my jugular
I need help with the fullheight technique, can someone please help me. I tried following http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ but still didnt help because these are div frames, the problem im having is that the 100% exceeds the 100% because of the fact i have the header, how could i fix this issue?
the simple task of sitting 2 divs nicley next to each other is impossible
id give £50 to anyone who can do it
luminerd, source is perfect
i’d look at picture sizes
what about them
so they’re not 1-2px bigger than the source says they are
gah. what would cause img’s with “vertical-align: bottom” not to move an inch downwards
nope, they’re not, I’ve checked all that
Also, that would cause the problem in IE as well. and strangely enough it looks right in IE
7 anyway
pictures are fine
can someone help me with the full height technique, www.mydevsite.net/Shant/. I have it at 100% but it exceeds the 100% due to the header, can anyone help me solve this problem please.
put the header inside the 100%-high thing
the only thing I can think of is adding img {border:0;margin:0;padding:0;}
nope didnt work
Nope, still got the god damn spaces
it should work perfectly!
http://paste.css-standards.org/23337, I’m not sure how to nest my grouping “general_row”
any other suggestions?
hmm yeah
close the img tags
………..CCCUUUURRRRRRRRSSSSSSSSSSEEEEEEEEEEEESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!!!!!!!!!!!!
img tags don’t need closed
hmm wait, it’s html 
JDigital, take over
Coppershade-org^: do you see the spaces now though?
link?
yep
@http://worldofpwn.nfshost.com/
but I don’t see the body {margin:0;padding:0;} though
(worldofpwn.nf…) HTML: Valid ( http://tinyurl.com/2l38tn ) | CSS: Valid [2 warnings] ( http://tinyurl.com/ywswpw ) | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html, text/html; charset=UTF-8)
think you can help me out when you get a chance? http://www.mydevsite.net/Shant/ with the fullheight technique tried what you suggested.
Coppershade-org^: I took it off when it didn’t work
ok, not a bad thing to have tho
Alright, I put it back
wee, css validator is online again
I got 3 warnings tho
nothing to do with the problem
so jdigi, do your best!!
Look, look. To have fullheight, you need to have height: 100% on the element you want fullheighted, and every parent of that element. However, if you have anything in like #header there, well duh, it’s going to push the height value up to “100% plus #header’s height”
Ugh…I’m gonna take a break from this…CSS seems to hate me right now. Thanks for the advices Coppershade-org^
exactly, so how could i get rid of that excess 114 px
You need to put #header inside something which is already 100% high
already 100% high
I mean the innermost 100% thing
otherwise it will be 100% plus #header
100% plus anything will be over 100%, always
so put #header inside the inner most 100%? well thats kind of a problem i think the way i have this coded
refactor it so that it works
my fourth attempt at recoding this
hi people
slightly prob
id selector a
i need to change the left + right padding
but when i do remove it buggers up my links
a#someid ?
ill try now ta
wat ive done is adding padding to the a id=”name” name
and removed it from a
do i have to add margin:0; padding:0; to my h1 h2 etc?
it’d probably be advisable to set margin and padding to 0 for all elements intially
]zip
* { margin: 0; padding: 0; }. You’ll save yourself the confusion over quite a few strange element and browser spacing differences later on. * == http://www.w3.org/TR/CSS21/selector.html#universal-selector
been doing that alot of stuff
thanks
When margins are set to 0px, why do they not extend to the page’s edge rather than a few pixels in?
Is it a browser issue? Is there a fix?
how do you set the properties of a file input so that it appears flat with only a 1 px border?
s/page’s edge/screen’s edge/
wanderingii, you don’t. file inputs are almost universally unstylable
can you make a div transparent so you can see background img of the div behind it?
yes
hm
PLEASE! Help me! Whyyyy do I have these friggin spaces under my images? http://worldofpwn.nfshost.com/
background-color: tranpsarent; ?
perlbot tias
the best way to learn if something works.
what spaces?
not there in FF
in FF and Safari there are spaces under all the images there
whitespaces?
Yeah they are, not white, but you can see through to the background
oh…I see
]zip @ luminerd
Start every stylesheet with this: * { margin: 0; padding: 0; }. You’ll save yourself the confusion over quite a few strange element and browser spacing differences later on. * == http://www.w3.org/TR/CSS21/selector.html#universal-selector
http://worldofpwn.nfshost.com/spaces.png
whitespace?
etc?
]bot @ swimrr
bot: Hey! I’m a bot, dumbass!
lol
swimrr, yes
now that I didn’t know
;p
have you tried settin img properties? dont know if that will work but its a suggestion
already have that applied to body { but I added it anyway and it didn’t fix anything
balready have that applied to body { but I added it anyway and it didn’t fix anything/b
yeah I tried the image props
you tried setin a class for the divs with the images and setting margin properties for these divs?
no but I tried setting margin properties within the style=”" attribute
luminerd, it’s probably due to the whitespace inbetween the divs
why is it soo much harder to code a layout with divs then with tables…
whitespace??? like..my tabulation?!
yes
http://www.atlelite.com/clients/greekdrifter/support3.php — someone suggested that the data on this page might as well be a table, any objections?
That is extremely fucked up…
Bear10, because you haven’t changed your habits yet
because you probably don’t yet fully understand all the concepts with css. it took me a while to get accustomed
and it still probably takes me a little longer to do the css, but it takes me 75% less time to do the css than it used to
thoraxe, i think it’s just fine as a dictionary list
ie7 is rendering it all wackyjacky
ope, that didn’t fix it
not sure why.. any clues?
then table it is
well, that full height technique bug isnt making it easier
luminerd, then adjust the line-height on those elements
which one, the ie6 bug?
This is ridiculous! All I want is one image hosting on top of another, with NO space in between, period, at all, I never told it I want space there, why the fuck is it putting the god damn space!!!
luminerd, settle the fuck down
cursing isn’t going to make the space go away
it is putting a space probably because the default somewhere buried in the browser wants it to have a space, so you either have to override it with extra css or reset it from the beginning
you’re right..I’m sorry..I just hate wasting my time with issues like this…I’ve spend 3 hours so far
luminerd, and you didn’t remove all the whitespace in between those divs. there are still newlines
luminerd, but again, try adjusting the line-height on those elements instead
why when i use padding it ads to the width and height?
generally speaking, putting images on TOP of one another means layers and absolute positioning or something along those lines
]css box @ ilovefedora
css box: http://w3.org/TR/CSS21/box.html , http://xrl.us/u6ov
no, www.mydevsite.net/Shant/ the 100% + header one
http://www.yourhtmlsource.com/stylesheets/cssspacing.html
adjusting it to what? I don’t really see what line-height has to do with this, there’s no text involved…
ive been working on that bug for several days now and i cant find a way to get it to do 100% right because of the stupid header ;\
luminerd why have you margin in 5 times for body?
holdon i gotta find a fix for my dls first
luminerd, do it anyway and thank me later
i don’t think the fact that ie7 renders it wrong is a call to use tables
sure but adjust it to what? 0?
thoraxe, i’m a pragmatist, the markup idealists can go fuck themselves
luminerd, sounds like a good idea, why don’t you try it? or adjust it to 20em, whichever you want
because even with 5 times it still doesn’t seem to get the picture…
so you’re a pragmatist and not a semantist? heh
besides, theoretically you can make it semantic and still have it display like that using tables and rowgroup tags
i want to keep text 5px away from margin using padding but it adds 5px to width
maybe
ilovefedora, READ THE LINKS YOUVE BEEN GIVEN KTHX
i read
what is wrong with keeping that as a dt/dd
cant figure out
ie7 is rendering it crazy and i don’t know why
That’s how it is. deal with it
i won’t even get into ie6 yet
start up ie with web developer plugin
oh thanks for ur help
ie7 renders entry fees up close to car and transportation is not inline
i am using developer plugin
and opera renders them all in one column
ew
then i’m totally clueless i guess
my Q. am using justified text, but large gaps between some words are appearing,
Line height did fix it….I don’t understand why I have to define 0 all of the sudden though it has always been default in the past…but thanks a ton it finally works!
suggestions?
dt { width: auto; } dd { margin-left: 200px;}
MaWanna, that’s what justified text means. fit all you can on one line, and then distribute them over the entire line. there are no auto-hyphenating algorithms in browsers
Now, what do you guys think the best hosting method is for putting text over the content area? normally would do it as a css background-image but it’s centered and non-repeating and I’m not quite sure how to go about that
skip margin-left
just use “text-align: right” on the dd
]css background-position]css background-repeat
then the numbers and miles line up better, which is far more critical than the labels lining up close
]css background-position]css background-repeat % luminerd
paot ok lemme mess with that hold pls
umm..wat
so instead of using justified text i shud jus use left align?
what*
luminerd, read.
justified text sucks
wat wud u use :p;
MaWanna, justified text improves illegibility
that helpedsomehwat. the transportation dl is still rendering block instead of inline despite ie developer saying it’s inline
it is a good way to get rid of dyslexic users
am using it cos its nicer , but causing the gap problem wat 2 do then about it ?
MaWanna, again, justified text is HARDER to read, and there is no way to fix the “gap problem”
use left-aligned text and realize that it is easier to read by 5 billion percent
left it is
whilst am here cos am off in a min
if you notice newspapers and such using justified text, you might also notice they have such no-
vel things as hyphens at the end of the line, unlike web browsers
am having to display 7 4line paragraphs a 10line paragraph, with pictures, ran into a problem of displaying, without just alternating the foto + text down the page,
hmmm a CPU useage of 99% is not good eh’?
you still have 1% to play around with
It would seem that while setting line-height to 0 fixes my image issues, it creates a whole series of issues as far as putting text in goes…
oh man line-height: 0?
lol =P
Im only running 4 programs
my q was regarding another way to display info
IMAGE text
I did read. It was an easy read. Unfortunately it made absolutely no sense…
text IMAGE
is how it is displayd down the page
boring but easy to read
wats your views on this people?
]enter @ MaWanna
Please try to keep your questions/responses on one line – don’t use the “Enter” key as punctuation!
luminerd, you can have it be a background image and not a normal image. in fact, the entire way you’re designing this site is wrong bordering on insane
luminerd, to have it be a background image, you use background-posiiton to center it, and background-repeat to make it not repeat
dude, first of all, there is no WRONG. if it works it works, if it looks good in all browsers it is fine. Secondly, I’m new to CSS, there’s no reason to call me insane just because I’m not a master of CSS
to response
ops
absolute to layer text on top of it when you could make it a background is wrong. your nav bar should be a list of individual images (and not the image map you’re planning on making)
You’re wrong, preaction, I was not planning on making an image hosting map.
good idea, attack my conjecture of your thought process since you can’t attack the veracity of my suggestion
what are you trying to do luminerd
right now I’m trying to get the look right. I am not going to cut the layout into more pieces than I need to for now. When I make it functional, I have no plans for an image map, and I do not want to use position:absolute so I don’t know where you got the idea I was. I was in here to ask what I should do, not to have you tell me that what I was planning on is all wrong. So fuck off or help me, I’m sick of you bitching about how shitty
calm down, it’s just computer codes
I’ll be back when I’ve calmed down.
wat copyright text does anyone use to coyright a website they have created but are handing over the website to someone else as its made for them ?
MaWanna, who holds the copyright?
you can set that up any way you want
class=”contentbox”"
its jus a site am working on for dads friends friend
so am making the site, but its for them
sigh…
i think it’s a haslayout problem
but i can’t figure out why
with yours?
http://www.atlelite.com/clients/greekdrifter/support3.php
MaWanna, any content published anywhere has an implicit copyright, you don’t need to specify one.
designed + created by myself, jus wondering wat sort of copyright line people use which doesnt void it
copyright is an automatic thing
the container (#supportlists) has a width and overflow auto, and then i also defined widths for the divs inside the container
recently realised its best to pay for istock images or take yourself
people only say © MyCoolCompany for show
and not jus lift them from the net
being the copyright holder
still cant sort these two probs out
vertical align text
never works
and padding without adding extra to width
hehe IE issues?
padding always adds to the width
ilovefedora, your second problem is NOT a problem. you cannot fix it.
]vertical-align @ ilovefedora
]css vertical-align @ ilovefedora
http://w3.org/TR/CSS21/visudet.html#propdef-vertical-align
ilovefedora, most likely your vertical alignment problem is that the line-height isn’t set correctly, or you’re using vertical-align on the wrong element
i know people do lift images from google,yahoo etc…. making a website for someone, should this really be done as they may have someone contact them about copyright if they can prove its there’s
or shud i not worry as this is the internet ? :s
many fan websites, will use logos etc.. without questioning this..
oh i think i maybe figured it out
the reason i am using vertical align is because i want to centre text
MaWanna, use sxc.hu plenty of free stock there, usually logo’s arent an issue unless your talking shit about the company
and as for the padding issue i dont know how to keep text 5px away from margin
ilovefedora, you do it with padding
5px; works but not with divs
http://worldofpwn.nfshost.com/ Okay…my problem currently: the line-heigh: 0; fixes the layout so that the images butt properly against eachother. However, now when I type it is positioned weirdly and ..well..the problem is obvious. Also, how do I keep the text constrained to the image (700px in the center)? Thanks
thanks for your help people
bed get to sleep to get up earlier
cyas
or am I missing something?
XD
it adds 5px to margin is what i am saying
Yeap, ^^ i know.
lol
I seem to have solved my problem w00t
the thing is that i see in firefox… background no repeat…. over and over……
how do i get a div to appear in the top right hand corner of the screen regardless of any other content on the page?
that was just filler text it has changed now
But now I need to add some padding to the text but leave the background where it is…padding:5px seems to dislodge the image weirdly…any suggestions?
luminerd, look neat ^^
….looks *
the funky text? lol
i would really like to see the code…. i mean the css and the html
i migth help you
padding is stupid in divs
ok nope, that wasn’t it
still having problems with haslayout
luminerd, as you have the style in there i will take a look
my code?
it’s all in the one document for now
is the way I’m going about this better now?
@http://ridgemoor.personnelware.com/admin/
(ridgemoor.per…) HTML: Valid ( http://tinyurl.com/yo8wf6 ) | CSS: Failed (1 errors, see http://tinyurl.com/36xjvr ) [143 warnings] | DOCTYPE: XHTML 1.0 Strict + url | (MIME: text/html; charset=utf-8)
actually no, haslayout is fine
wtf
luminerd, what about another div inside only for the text?
luminerd, you can use margin in there…
I was thinking about doing that but I thought people would say I had too many divs
luminerd, actually you can do whaterver you want.
luminerd, welll i’m not an expert but you can also use
luminerd, and add the style…
good point
thanks
luminerd, ^^
luminerd, yw
@http://worldofpwn.nfshost.com/
(worldofpwn.nf…) HTML: Valid ( http://tinyurl.com/2l38tn ) | CSS: Valid [2 warnings] ( http://tinyurl.com/ywswpw ) | DOCTYPE: HTML 4.01 Strict + url | (MIME: text/html, text/html; charset=UTF-8)
Alright, what do you guys think? Suggestions/changes to the look (or the coding)? http://worldofpwn.nfshost.com/
hmm css must not be imported
div class=”contentbox”img src=”images/head.png” alt=”Header for World of Pwn” width=”706″ height=”279″/div
bad
div class=”contentbox”img src=”images/buttons.jpg” alt=”Links” width=”706″ height=”29″/div
bad
div class=”contentbox”img src=”images/bar.jpg” alt=”Border” width=”706″ height=”22″/div
bad
What’s wrong with it exactly?
for your header
you should use h1/h1
h1Header for World of Pwn/h1
Umm, I don’t have a header :/
thats your header
http://worldofpwn.nfshost.com/images/head.png
The header’s an image, I don’t want text
this si the header
for the menu you shuld use a list
I don’t understand what you’re saying
ullia/a/lilia/a/lilia/a/li/ul
why would I use H1…there’s no text involved
http://www.alistapart.com/
press ctrl+u and learn
Umm
Nothing you’ve said makes any sense at all..
?
are you telling me tht menu arent a list?
are you telling me that your bars arent hr /
hi
yes it makes sense..
I’m trying to tell you my header is an img, and asking you why/how it would possibly be an H1. I just asked for clarification on what you told me. I’m not challenging anything you said
is it possible to make divs widths as big as the text in it?
Control-U doesn’t make sense for a number of reasons. First, you failed to specify what program I was to press it in, second, I’m on a Mac so the shortcut most likely something very different anyway, and I don’t have a clue what you were talking about there…
h1 { width: 500px; height: 200px; text-indent: -5000px; overflow: hidden; background: url(head.jpg); }
i’m just making code sugegstion here
because I have this div, and it’s 100% width, I want it to be only as big as the text insid it, and if I set a width value for it, it doesn’t expand, any suggestions?
Okay, but can you please explain to my WHY I would want to put the text there and hide it when I do not want text at all?
because in html, headers are h1h2…
and you want to create a header
that’s why
anyone?
Gargantua show code or example and i’ll try to help.
Gargantua, i think by using width:auto
search engines can’t read images
samething for your menu
vice-versa, good point ^^
menu should not be images, it should be a list
lain_ven, http://gargantua.servehttp.com/tbbs/index.php?id=cp
luminerd, they are trying to help you to do it right
vice-versa: They can read the alt tags of them
header should be h1
lain_ven, see the “askldj asdjas”?
http://www.w3.org/QA/Tips/Use_h1_for_Title
I understand that is your belief. Rather than reiterate what you have said several times already, how about telling me WHY you think that? It doesn’t make any sense to me.
well, thats the basic of html, when you create a webpage and you disable CSS you should be able to read the page
To what purpose?
because thats how html as been made
css is there only for designing
luminerd
Okay, but the end user isn’t going to disable CSS.
tell me why you arent using tables to layout your website?
Hi all
what’re we arguing
There needs to be a -WHY- to everything, otherwise you are just being picky over specifics that mean nothing
and a menu a list
I agree with you
Gargantua, i cant see the “askld…. text
It’s really not as simple as that…
im also saying that a “bar” is hr /
It is, in XHTML.
In practice it looks ugly and I sometimes just use divs.
I’m using an IMAGE for my header, not text, and I don’t want text there. Because it’s in a funky font, and therefore done with an image
Gargantua, it refresh itself ^^
just hide the text then
Why do I need the text at all?
everyone.. gotta go! ^^ bye bye
text-indent: -500px; overflow: hidden;
lain_ven, it refreshed it self?
The benefit of text is that google recognises it
thats how html as been built… i cant explain you why..
anyone got a good website that shows you rendered versions in differnet browsers?
yes, but google also recognizes the ALT tag, that’s why the ALT tag exists…
as do screen reading software for the blind
Yeah but it’s thought Google gives higher precedence to the h1 tag.
to me, it makes the difference between a good programmer and a wannabe programmer..
You can do it as an img, sure
This way is better, although strictly speaking, it’s not necessary.
If you know how to do it, you should.
because you are programming html and thats how it as been made..
It doesn’t matter if Google gives priority to H1. the site is password-protected and not to be indexed by google
luminerd thats not the point…
In that case, h1 is semantically preferable but not entirely necessary
why do you ask for coding suggestion?
did*
you don’t understand this at all…
why dont you use tables to layout your website?
ask this one
plz..
There is one other benefit that comes to mind.
I am not arguing with you or saying your way is wrong. I’m simply trying to get you to tell me WHY it is done that way…
layout by tables is so….. nice
When CSS is disabled, you get text instead of an image. The benefit of this is that your title image may show up poorly on print compared to on screen.
i already said this one
I don’t use tables to layout my website because tables are obsolete and I want to keep with the most modern way of doing things
he said none has css off
and you can show the text when printing
Phone browsers can.
I don’t use tables to layout my website because tables are obsolete and I want to keep with the most modern way of doing things
so far your only answer has been “because that’s how it’s done”
That’s not a valid answer
for headers and list for menu.
ok in IE, my border extends all the way down the page (idea result) while in FF it doesnt. What could be causing this?
Lol
I suppose the practical answer is that not every visitor to your site is using a normal web browser.
As amusing as this is, it’s a complete waste of time.
as i said, its makes the difference between the good coder and the bad ones.
Ah, I thought of another reason.
no, actually, it does not make you a bad coder to question why things are done a certain way
using img for a header is obsolete..
If you do it in CSS you can change the image in CSS alone.
i never said you were a bad coder because you asked questions
everyone ask questions
nice one
It’s all about semantic markup. You call a bus a bus, not a “long many-people car”.
ask yourself if the img is content or presentation
When your website is well done and you want to add a new design or modify it you should be almost only editing the .css file
If you want to style your title (margins, for example) and it’s an image, you’ll have to put a class or ID on it, so you’re going to be saying, img id=”header”
Okay, I understand putting the image in CSS instead of an img
But there’s already a tag ready-made for page header; “h1″
That is not where my question lies, I agree with that and have it done long ago
The question here is why to include an H1 with hidden text
because h1 stands for HEADER1
The main reason not to bother, of course, is that it’s a lot of work and most users with normal screen browsers won’t care
and if you want to add a header to your website you will use the function named HEADER and not the IMAGE one
stands for horizontal rule..what’s your point?
your bar is an horizontal rule
join #web
will resume this later…peace out
i hate this..
when people dont want to understand simple things
The “Oh SH*T we fuxx0red up HTML to a point its irrepairable, lets cover it up with a new language”, language
….but then it’s a WoW site, so who really gives a rats ass
http://tredosoft.com/Multiple_IE
css is so much better than the old way of making website (tables and img)
and yet funny how it overlays on top of html
its like building a new house on an old cracked foundation
true, but, without the old cracked foundation there is no house..
yes but truth be know, any reaonable builder would say screw the foundation and rebuild it from the ground up
true
No, it’s like clearing up the whole mess and implementing a nice tidy solution – HTML+CSS. It’ll only be messy if you design it that way.
xml..
if I am using css ‘right’ is there any point to tags in my html?
yeah
Yes.
stands for paragraph
To define paragraphs.
http://www.w3schools.com/css/css_intro.asp
parragraph1 (there is no br /)parragraph2 wtc
etc*
The “Oh SH*T we fuxx0red up HTML to a point its irrepairable, lets cover it up with a new language”, language
Styles were added to HTML 4.0 to solve a problem
ah, so p is still good html, font is not?
correct
true
http://www.w3schools.com/css/css_font.asp
]w3schools
http://www.w3schools.com/flash/flash_inhtml.asp | Complete bullshit: http://www.w3schools.com/xhtml/xhtml_intro.asp
thats your font, in proper way
Yep, font is depreciated, which means it will eventually be removed from the specification.
deprecated.
where is there a list of good html ?
font is out of html 4
no
w3schools bad
bad w3schools.
]schools
www.htmlhelp.com/ , http://css-discuss.incutio.com/ , www.brainjar.com/ , www.htmldog.com/ , http://css.maxdesign.com.au/
Just ask yourself whether a given html tag describes its content well or not.
http://www.w3schools.com/tags/default.asp
stop recommending w3schools plz
well, I am kinda stuck on “what is/isn’t a paragraph?”
What’s wrong with w3schools?
user Carl is logged in.
your right, its wrong
]w3schools @ abbbb
http://www.w3schools.com/flash/flash_inhtml.asp | Complete bullshit: http://www.w3schools.com/xhtml/xhtml_intro.asp
Where’s the bullshit?
A rectangular area of text is a paragraph
like in books..
yeah, that’s kinda what I was thinking.
They write an article on xhtml without even mentioning doctypes… its just not good, and the one mentioned above are just that much better, so please stick to those
whats the difference between a quote and a citation?
I see…
w3schools has completely moved to xhtml 1.0 in 1999 = w3schools has not updated their information since 1999
according to thesaurus, they are synonyms
can anyone tell me out the body’s outside border doesnt extend all the way down in FF? http://nyture.untouchable.0lx.net/
http://www.htmldog.com/reference/htmltags/ is this a good list of what tags I should use?
ty
http://www.w3.org/TR/html4/index/elements.html
vice-versa: um, that has font…
yes, and what does the legend indicate for it?
citea href=”x”gopher wiretap.spies.com/a/cite
yes, htmldog is a good site, you can safely follow that page. If you want to read more on semantics, here are a couple of good articles:
vice-versa: D – but I would rather not have clutter that I will first see, then see if I have to ignore it
]semantic @ CarlFK
Use semantic markup: http://del.icio.us/trovster/semantics , http://xrl.us/vpr8 , http://snipurl.com/1g20e
can anyone tell me out the body’s outside border doesnt extend all the way down in FF? http://nyture.untouchable.0lx.net/
htmlhelp.com, webstandards.org
Sounds like someone wants to be spoon-fed… Why not just copy the table and remove the items you don’t like?
nn guys
goodnight
vice-versa: but I am tagging that page – i can see it being useful
tomorrow is improving the angus pngfix day
user Carl is logged in. what should it be?
what
how is that wrong
that was the consensus about 10 min ago
why are you having user carl is logged in
If you are logged in, change “Log In” to “Log Out”
9 PM) JDigital: CarlFK: A rectangular area of text is a
oh, no. it was the use of
what
it was my use of P that was considered wrong
how far down a div chain would you expect a naked selector to work?
how can you have an incorect p
that’s silly
but I am starting to think it is OK. it is just a really small P, which has its place – just don’t overuse it
if you are doing a list and use ps, that is wrong
but in that case, that is the alternative
a list
]specificity
]css specificity
http://w3.org/TR/CSS21/cascade.html#specificity
containing “portfolio” and “aaa” to be side by side instead of one under another? Ive tried float: left/right but that screw with the outside container. http://nyture.untouchable.0lx.net/
…. am I on ignore or something?
probably or something
im hungry
@
(nyture.untouc…) HTML: Failed (3 errors, see http://tinyurl.com/2vvoo6 ) | CSS: Valid [8 warnings] ( http://tinyurl.com/yp5o4r ) | DOCTYPE: HTML 4.01 Trans | (MIME: text/html)
yes tried that. the errors are from my server, not me
and im still building
guys
just did in CSS the font “11.5px”
firefox/safari takes it nicely, but i think IE displays it as 11px
is this correct?
is there such a thing as half a pixel?
i didnt know a half a pixel existed
yes there is a half a pixel
how so?
a pixel is a “dot” on a screen
my LCD has a couple
its either on, or off
..
didnt know you could tell a pixel to only be “half on”
Nyture OK
anyone else?
url?
lemme see
pfft
no no, i want to see this “half a pixel”
open up firefox, look at a page, hit ctrl-shift-i, (or command-shift-i)
Im intrigued
look at an h3, p, div, anything in “computer style” over on the right
er
“computed style”
1.33333px and such
hmmm thats odd
why is that odd
I tried a pixel of 10.5 for my text and in FF its only 8pixels high
no, my experiment
normal text height
hi
had to increase the browsers text size twice before it goes to 11 pixels
that doesn’t seem like a very good experiment then
I am trying to display a box of two lines of text inline, as if it were a picture
any ideas?
fractional pixels exist, how else would you get 50% width or 1em etc
what do you mean
hello [box] world
where box is [hello]
[world]
because theres a wonderful math thing called round()
wow
now this is interesting
paotzu, go here. http://www.ask.com/web?q=is+there+such+a+thing+as+half+a+pixel&search=search&qsrc=0&o=0&l=dir
and just read the first several topics
http://paste.css-standards.org/23347
that answer your theory of the imaginary “half pixel”?
um
that link shows a bunch of search results talking about anti-alias subpixel font rendering
I’ll put up a proof of concept for you
sure
prove me wrong
im always up for a good debate
]round corners
can someone help me with widening a block so my add fits at the bottom of this page. http://www.ipodweapons.info
1) Take square corners. 2) Round them.
where the image is in your example, I am looking to put a box of word wrapped text
how do i do some css code to have the bottom of a div come up 30px, but not move in place?
ahh
http://paste.css-standards.org/23352/view
anyone? can anyone help?
use firefox, scale the font all the way up
or you don’t even have to scale really
the rendering engines just render half pixels differently. It is the only way things like % and em can work
http://paste.css-standards.org/23355/view
@http://www.ipodweapons.info/
vice-versa you got any idea?
paotzu no such server?
now it works, hmm
Can anyone tell me what will make the backgrounds of the list items to the left expand with the content of the page??
http://paste.css-standards.org/23356
yay!
can someone help me with widening a block so my add fits at the bottom of this page. http://www.ipodweapons.info
padding: 0px… should have that declared at start of css: * { padding: 0; margin: 0; }
what does that have to do with the list items?
ul default is indented with padding
ul has a default padding-left of ~ 40 pixels
I want that!
oh…
I don’t understand your question then
ok
See the list items to the left of that page?
paotzu?
Can anyone tell me what will make the backgrounds of the list items to the left expand with the content of the page??
http://paste.css-standards.org/23356
anyone around??
no
Nanobot, can you help a sister out?
I’m sorry, you’ll have to refer to yourself as an onee-chan
onee-chan?
Japanese for sister
LOL
Or maybe imouto
how do i create a tableless table using css?
i only want two columns.. first column with list of the headers, and the second column as the content
but i dont want to have the trs and tds lying around, thus the css
If it’s tabular data, then you should use a table
no it’s not a tabular data of some sort
more of like details kind of thing
like personal details.. name: .. address: .. etc
side of the desktop octagon
Use a dl/dt/dd and floats
dt{float: left; width: 10em; clear: left}
Something like that
The dd shouldn’t need anything special
Nanobot, have you checked out my page yet?
Except margin-left: 10em or whatever
use ul/ol for single things, dl for double, and table for 3 or more
or dl if two things can be associated with one
semantic html is not about not using tables, it is using more appropriate markup
nappyonee-chan: You want the blue/grey backgrounds to go behind the main content?
no
I want them to EXPAND with the HEIGHT of the content
Ack
Tough luck on that
why?
It could probably be done if you didn’t have to worry about IE, but I don’t think it’s possible with IE
damn
Actually, I’m not even sure it would be possible without IE
:_(
Wow, I just realized that I have an imouto
A little sister
uh
She’s 7
how can you just realize that
It finally clicked
I was like, “Wow, it’d be cool if I had a little sister.” and then I was like, “Wait a minute, I *do* have one.”
Real little sisters aren’t nearly as cool as imaginary ones though
They don’t idolize you and mindlessly obey you like imaginary ones do.
nano, this is a site that i think accomplished what I want. Look at the 3rd column to the right that begins with “Road to Enlightenment”
http://www.csszengarden.com/?cssfile=050/050.css
I can’t tell her to go grocery shopping for me and stuff
Nanobot, sounds more like you want a personal assistant, instead of a sister
That uses faux columns. The left and right column elements don’t *really* expand to the height. The container just has a background that makes it look like they do
You have to pay for personal assistants
Damn
Nanobot, so a… slave?
that’s not really faux columns is it
I guess it is…
No, someone that *willingly* serves me
#preamble background color is light green, where the paragraphs background color is dark green
Nanobot, oh okay
and the right “column” is just a gif that says “the road to englightenment” positioned 100%
that has to be the ugliest css zen garden design ever though
Bye bye people
how do u decrease the spacing within the dd?
My universe is being reset
later man
between dds i mean
bye bye
Nanobot, later
I’ll be back as soon as blue 3 is reset
paotzu, yeah, that site is pretty ugly
See #web log for explanation of what blue 3 is
I guess zen is subjective
css no sense of hue garden
anyone help wif dd?
zoolander, padding, margin?
i want the spacing between dds to be smaller
i used line-height but no success
zoolander, different browsers do it differently, try padding or margin, best bet is to just reset them and set them yourself.
`zip
Start every stylesheet with this: * { margin: 0; padding: 0; }. You’ll save yourself the confusion over quite a few strange element and browser spacing differences later on.
bot snack
give bot a treat?
And I WANT to like it
uh
haha, javascript is a bigger pain
but even more useful
did zoffix leave CSS for good ? lol
Zoffix is probably on vacation, no?
hes in all chans except css
ohh
i saw him leave css a week ago cause he was pizzed
havent seen him back since LOL
that sucks
can someone help me with widening a block so my add fits at the bottom of this page. http://www.ipodweapons.info
someone help me widening my cock
haha, rub it against linoleum
that’s what my friend showed me
when we were younger
i changed my selector to work off ID rather than CLASS and my hover now works
is there a way to vertically center text in a div?
a clean way that doesn’t stick of hackery?
lol
Try line-height: same as the height of the div
hmm, but if it spills over into two lines I’m in a whole world of hurt
I would have to see it to see your circumstance
I’m making a printable voucher that customers get after filling in a contact form and I’m just trying to position their name nicely on the page
the voucher itself is about business card sized
if it was bigger I’d just have the name *approximately* in the middle ’cause no one would notice an extra line here
can you enlarge the size of the div?
nah, a graphic designer has already created the voucher.
I see
Can you reduce or enlarge your font?
the first hack I thought of was positioning a single cell table to hold the name
because I can valign a td
Can you reduce or enlarge your font?
umm… I suppose so
the name and date are the bits I’m putting in
Ok, so I had an ordered list (syntax-highlighted code), but I wanted the .s next to the numbers lined up, so I made another div to the left, and instead of letting it automatically number it, I put one number for each line. The problem is, if a line wraps, the numbers get off. What should I do?
when i make an image on my site a link, it gets an border around it automaticly, red border..
how do i prevent this
a img { border: 0 }
simply “img { border: 0 }” ?
“a img { border: 0 }
you might want a border on non-linking images
Anybody have a solution for me?
or not, but “a img” means any image inside of an anchor
thought it was a.img or a:
white-space: nowrap
a.img would imply a class=”img”
that’s exactly what I did, but then I have to make my lines short, which I don’t want to do if there is an alternate solution.
thnx pao that fixed it indeed.
er… in ol’s, the “.” is aligned by default
yes, but it’s aligned to the edge of the content. which means that it doesn’t account for difference in number length.
uhh
so, your list-style-position: is inside or outside
I have no list at the moment, because I couldn’t get it to do what i want.
inside is like
I. item 1
II. item 2
http://www.bandes-storch.net/processing/index.php?sketch=snake
outside is like
I. item 1
II. item 2
er…
a=okay
a=o? Are you typing on dvorak?
do white-space: pre
use ols, list-style-position: outside
list-style-position: outside lines up the “.”s
inside lines up the beginning of the number
I understand. But list-style-position:outside; also puts the numbers outside the content area of the ol, but I want them inside.
I can live with it this way, it would just be nice if I could have it wrap the way it should.
That is to say, automatically.
And line up the numbers.
use margin
or something
white-space: pre
there must be something about this one sec
http://www.divahtml.com/articles-tutorials/ordered_lists/how-to_style_a_code_listing.php
I don’t see how that accounts for numbers in the 100s or 1000s…
It’s hardcoded as 2.3em.
alright, lemme do an example or something
http://paste.css-standards.org/23368/view
http://paste.css-standards.org/23370/view
a href=”http://paste.css-standards.org/23370/view”http://paste.css-standards.org/23370/view/a
Maybe I’ll just stick with making my lines short enough so they fit.
you didn’t answer my question: do you use the dvorak key layout?
ergh…. textarea’s in IE – how to remove the scrollbar unless necessary again?
is that even possible?
my memory is terrible today
‘lo
Ok, ok, ok, ok, OK, OK!!
If anyone one is up!….
how do you make it so that when you make the browser window smaller, the div doesnt get moved to the bottom?
All I want to do is CENTER the unordered list in this page in the left column, so that no matter what the height of the page, the list items are centered vertically??
http://paste.css-standards.org/23373
a href=”http://paste.css-standards.org/23373″http://paste.css-standards.org/23373/a
Ok, ok, ok, ok, OK, OK!!
If anyone one is up!….
All I want to do is CENTER the unordered list in this page in the left column, so that no matter what the height of the page, the list items are centered vertically??
http://paste.css-standards.org/23373
a href=”http://paste.css-standards.org/23373″http://paste.css-standards.org/23373/a
is that for me nappy?
anyone!!
lol
mefisto, I am not flooding!!!
I am tired as….well, can you swear in this channel????
I have been at one page all night!
I have entire sites to do!!
and I need to get some sleep for tomorrow!!
]center
_your lucky, bot is down
http://innonesen.se/test/l-2/
use it and stfu
O_o
:/
Thanks to a certain extent
;P
blinking taskbar pisses me of in the mornings
mefisto, the CSS pages are linked
?
not embeded
kinda useless comments ..
what I mean is, I can’t see the CSS
ace said to me last nite that my site www.tysonfaa.com/test problem was divitis, can anyone give me hand, making the #content float to the top right instead of having the big gap on the top please
