logo
IRC Archive / Freenode / #css / 2010 / May / 17 / 3
YeahYeah
i wanna put a box next to it with some text
thats the div class= im using for boxes
but i want it next to the table
HappyPelican
don't use pastebin
setup a test case or provide a live link
noor_egy: give the div display: inline-block; and add a margin
noor_egy
HappyPelican : if i gived it padding is it ok ??
HappyPelican
well then it wouldn't be a margin, but if that's how you want it,sure
noor_egy
im new to css
had little exprince with it
so if there is any good tutrial
HappyPelican
]schools @ noor_egy
_ZofBot4
noor_egy, Explore the intricacies of HTML and CSS here: http://wsc.opera.com/ , www.htmlhelp.com/ , http://css-discuss.incutio.com/ , www.brainjar.com/ , www.htmldog.com/ , http://css.maxdesign.com.au/
noor_egy
thank you , thank you
Orkhayiq
Can anyone help me with some divs that are floated to the left.. I'm trying to center all 4 for them inside one div.
Iszak
HappyPelican's favourite school, one of which he recommends is w3schools.
HappyPelican
(Action) kicks Iszak in the ear
Iszak
ow
my eye.
Your aim is terrible.
HappyPelican
Orkhayiq, place them in a wrapper and apply margin: 0 auto; to it
Orkhayiq
I've got a footer at the bottom of this page: http://212.113.130.121/~orkhayiq/ -- I would like the divs inside it all centered? Can anyone help? Thanks.
Oops, missed your message, okay I'll try
HappyPelican
Orkhayiq, don't pm
YeahYeah
HappyPelican are you there
crap
Orkhayiq
Okay, sorry, how come?
YeahYeah
how do i get the link
ment
hi, table column widths when specified in percents are relative to table's width (<table width=...>) or to content width (table's width minus padding minus border)?
YeahYeah
see that 'test' box at the bottom
i want it next to the table
oksushi
YeahYeah: that is not a valid html document
YeahYeah
what do you mean
oksushi
do you know what 'valid' means?
YeahYeah
well it was working for me a minute ago
looks fine in the output
why isnt it valid
oksushi
]validators @ YeahYeah
_ZofBot4
YeahYeah, validators: Validate at http://validator.w3.org/ for (X)HTML, http://jigsaw.w3.org/css-validator/ for CSS
mk0
:D one more n00b
YeahYeah
ok well guess what
this isnt the html channel
and thats not what im asking
oksushi
YeahYeah: well, I hate to break it to you, but css /styles/ html, and if your html is broken, the css probably would be too. So, fix your html, then worry about your css
Orkhayiq
Can anyone help out with aligning my divs inside my footer? I tried margin:0 auto; but didn't work for me. -- http://www.webdevout.net/test?0i
oksushi
Orkhayiq: you were given the solution
YeahYeah
oksushi my thing looks fine dude right now
Orkhayiq
I tried it, I couldn't get it to work.
YeahYeah
im asking how to put the box next to the table
nothing is broken about it
oksushi
YeahYeah: lots is
YeahYeah
i think youre missing the point
oksushi
Orkhayiq: set the display of the divs to 'inline-block', then put text-align: center; on the parent
YeahYeah: no, you are.
Orkhayiq
Okay, i'll give it a shot, thank you.
oksushi
thats why the channel /topic says 'validate first'
it is a 'prerequisite'
YeahYeah
ok dude my problem is not related to validation
this is all html being echoed by PHP i can fix that later
i am asking how do i put a box next to a table
Orkhayiq
If i display:inline-block; would I need to get rid of the float on each div too?
oksushi
Orkhayiq: yes
Orkhayiq
Okay
YeahYeah
oksushi if you dont know the answer thats fine :)
oksushi
(Action) rolls eyes
YeahYeah
well youve dodged the question completely
oksushi
no, Ive been trying to get you to understand the importance of validity
if this is for php yet to be parsed, then parse it, then select the source, then paste it here, including a doctype and other vital information your test case lacked
YeahYeah
THIS IS A SMALL PART OF A LARGE PAGE
ALL I AWNT IS SOMETHING NEXT TO THE TABLE
bartdebruin
Hello
Anyone familiair with this css ie8 bug ? bdb.axendo.net/IE8-ol-hover-bug.html
Orkhayiq
Wow, it works, yet the wysiwyg isn't showing it working.. So DreamWeaver really *does* suck for that.
ment
YeahYeah: why not putting them into another table?
oksushi
Orkhayiq: DW sucks for many more reasons than that :)
Orkhayiq
Is there an alternative that you'd recommend?
oksushi
a good quality text editor
YeahYeah
ment i dont think thats the function of tables and secondly to keep a consistant appearance accross the whole site
oksushi
depends on the OS
Orkhayiq
Any that have any sort of reliable wysiwyg? :/
I'm new to coding so that really helps
oksushi
Orkhayiq: if you are new, then learn to do it by hand
ecksit
WYSIWYG's are spawns of satan
ment
YeahYeah: whoah, wait, haven't you just said that was all you wanted?
Orkhayiq
haha
bartdebruin
Noone an answer on http://bdb.axendo.net/IE8-ol-hover-bug.html ?
oksushi
wysiwyg will make you produce bad markup
ecksit
Use ul bartdebruin
YeahYeah
ment
Orkhayiq
Yeah I do, do it by hand, I just like knowing if what i'm doing works
YeahYeah
i want text in my box next to the table
oksushi
bartdebruin: never seen that bug before
bartdebruin
but i want to use ol (symanticly)
Orkhayiq
Anyways thanks for the suggestion and the fix!
oksushi
]editors win @ Orkhayiq
_ZofBot4
Orkhayiq, editors win: http://notepad-plus.sourceforge.net/ (and www.scintilla.org/SciTE.html , both use Scintilla) , www.liquidninja.com/metapad/ , and to a lesser extent www.crimsoneditor.com/
Orkhayiq
i'mma look into a good one for windows.
ment
YeahYeah: well use tables then
oksushi
Orkhayiq: http://code.google.com/p/textadept/ is good also
YeahYeah
ment no
ment
YeahYeah: if 90's taught me something, it was that tables are great for layouts
YeahYeah
tables are meant for tables
this isnt a table
oksushi
ment: troll elsewhere please
YeahYeah
this channel is retarded is there anyone on here that knows anything
ecksit
I am trying to get the background to display 100% to the edge. The background image is big enough, just is not showing it. http://grab.by/4pOo
YeahYeah, I have seen you on three channels with the same result. Your just a drop kick
NiLon
haha YeahYeah hello, did you already got banned from elsewhere?
ecksit
Source for my question: http://pastesite.com/15889
Even better, he got ignored ;)
YeahYeah
i think everyone here is stupid because instead of answering my question theres all these tangents
if you dont know the answer, say so
ment
YeahYeah: you still haven't specified what exactly you want
YeahYeah
ment are you kidding
i made it clear
ecksit
YeahYeah, I am sorry, we are all too stupid to help you, please find help elsewhere.
YeahYeah
<YeahYeah> HappyPelican http://www.webdevout.net/test?0h
<YeahYeah> see that 'test' box at the bottom
<YeahYeah> i want it next to the table
NiLon
float it there
ment
YeahYeah: why not just float a box alongside the table?
YeahYeah
THERES AN ANSWER
oksushi
THERES A DOUCHETARD
ecksit
+1 oksushi
YeahYeah
see how it doesnt need w3 validation oksushi
cos youre too retarded to find the quesiton and go off on your tangent
oksushi
OMG YOURE RIGHT
anyone that bothers doing this whole 'internet' thing properly must be retarded
ecksit
l33t h4x0r ftw
YeahYeah
ok its floating right but at the bottom right hand corner below the table
what do i put to make ti inline with the table
ecksit
Maybe use some positioning statements?
NiLon
YeahYeah your container must have enough space for both elements
ecksit
Instead of asking a million stupid questions, how about trying to solve it yourself by learning the language?
oksushi
]schools @ YeahYeah
_ZofBot4
YeahYeah, Explore the intricacies of HTML and CSS here: http://wsc.opera.com/ , www.htmlhelp.com/ , http://css-discuss.incutio.com/ , www.brainjar.com/ , www.htmldog.com/ , http://css.maxdesign.com.au/
oksushi
ecksit: do you have a live page?
ecksit
Nope.
Just on WAMP at this point
oksushi
ok, well what is the html?
can you make a test case at http://www.webdevout.net/test?
ecksit
Nope. It is pulling the nav dynamically
I will paste the two sources though
oksushi
mmm, anyway I need to go to bed :)
night all
HappyPelican
(Action) is glad he went to dinner
pk4r
What should I use if I want to avoid ONE list-item of taking a line-break by default ?
ecksit
What do you mean pk4r? Obviously it would be a custom defined class
pk4r
Yeah, I mean I have unordered list in a website and I want one <li> element to be in the same line as following <li> element
ecksit
display: inline maybe?
pk4r
Thanks, I'll try that
what a heck is that.. Opera doesn't support JSON-P (dynamically appending <script> to <head>) ??
dogmatic69
hi all
could someone point me in the direction of getting the inputs ligned up on this page http://dogmatic.co.za/management/users/register
techzg
I have a question regarding compatibility with different screen resolutions: http://www.wright.edu/business/acad/finance/ This page looks fine on square monitors but, on wide monitors the text stretches through the width and spoils the view
Any help regarding this issue?
HappyPelican
dogmatic69: label { display: inline-block; width: 10em; }
and for IE compatibility, have a quick read of http://colinaarts.com/articles/inline-block-and-you/
dogmatic69
thanks
shot HappyPelican, works nice
HappyPelican
nps, how's the cms going?
techzg
question regarding tables: If you can refer to the screenshot http://img710.imageshack.us/img710/6277/30862028.jpg, how to make sure that the headings in column 2 start (align) along with the numbers in column 1
dogmatic69
HappyPelican: well that is it :) set up as a shopping cart
just about done now
nkuttler
hrm, how do i inspect :hover styles with firebug?
ecksit
#0,0
ghankstef
nkuttler: good question
I'd like to know too
ecksit
The the selector tool
Then have a look at your CSS panel to the right and it should include it
ghankstef
ecksit: but that just gives you a:link state for example instead of a:hover doesn't it?
ecksit
Depends how you code I spose. I put all mine together
GarethAdams|Work
nkuttler: the "Style" tab should have a drop down arrow on it: "Style ¾"
nkuttler
GarethAdams|Work: indeed. thanks!
motaka2
does anyone has any idea why my page doesnt h scroll while my table's length path the main windows width? http://parsmosafer.com/public_tours
>does anyone has any idea why my page doesnt h scroll while my table's length path the main windows width? http://parsmosafer.com/public_tours
mheld
hey y'all
if I want to get a header + nav to line up, would I have to wrap them in a div then make them float right (in html5)
TheEternalAbyss
hey can someone explain this to me? cause I'm a bit confused. I thought I nested my divs, but I put multi colored borders to see if they were indeed nesting and it seems they're not http://thierry-technology.com/index.php?id=274. Did I just nest them incorrectly or is there something else going on here I'm not aware of?
HappyPelican
are any of them floated?
TheEternalAbyss
yea
i think
let me check
HappyPelican
http://colinaarts.com/articles/float-containment/
TheEternalAbyss
only the image carousel container is
hmm...i may not need to float that after all actually....
it's still not nesting...wtf
sky
I've got a div with a fixed width... paragraph element nested. IE7 does not wrap the paragraph inside the div, but IE8... and everything else does
riven
]secret @ sky
_ZofBot4
sky, 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.
sky
hey riven!
riven
hi
Danny``
D:
sky
anyone else checked out adobe Browserlab yet?
I used it to repro this bug :0
Danny``
No
sky
its kinda different.