| |
| |
| |
|
Page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
Comments:
<0> HTML: Valid - http://validator.w3.org/check?uri=http://www.aidinaction.org
<0> CSS: Valid - Warnings: 272, http://jigsaw.w3.org/css-validator/validator?uri=http://www.aidinaction.org
<1> now that we've the formalities out of the way...
<2> :)
<1> why the @imports? can't you just use link rel="stylesheet"?
<2> i FunkyBob yea, i never really thought there was any difference between the two
<1> probably isn't... just looks messy to me
<2> btw the css you should be looking at is style.css
<1> ok
<1> your problem is that whilst you have li display:inline; you have a: display:block;
<1> you need to float the li
<2> watch what happens when i do that... one sec
<2> k
<1> I can see already
<1> but go on... do it
<2> i did
<2> nothing happened :)
<1> and remove display: inline;
<1> `listamatic
<0> listamatic: http://css.maxdesign.com.au/listamatic/
<2> still vertical
<1> well, you've got me stumped
<1> but I don't have a lot of time to study it
<2> well, it works when you remove display: block but i need that becuase if i do remove it the image is cut off
<2> did i overcomplicate my css?? it seems like a fairly standard list.... horizontal with a background.
<1> there's a lot of CSS
<2> so i should just try to rewrite it?
<2> i think my fault is in the html document... i need a container
<1> why?
<2> nope, that wasn't it... sorry not sure why i thought that
<2> hrmm
<2> is there a different way to show the entire bg without display:block?
<3> w0t?
<3> an entire different bg?, that's easy, change the image file :)
<3> you have george_bush.png right now, swap it for bill_clinton.jpg
<2> ??
<1> no, I think cronin wants to make the element as large as its background image
<2> yes, i want the entire background to show
<2> i just did it with padding but it doesn't look pretty... the buttons are spaced waaay to far apart
<3> make an element as large as the bg?
<3> give it explicit width/height :) matching the bgimage's
<2> CommandPrompt: www.aidinaction.org you'll see the issue
<2> the bg is 150px by 40px
<2> i defined that though in the css already
<4> wat does !important do?
<1> says it's not important
<3> cronin I don't see the issue :|
<3> `css !important @ Elekchron
<0> Elekchron, css !important: http://w3.org/TR/CSS21/cascade.html#important-rules
<2> CommandPrompt: the issue is that the list isn't horizontal :) its vertical
<3> cronin: so? looks good to me :)
<2> haha, yes but i need it horizontal
<3> cronin: set the Li to inline :)
<4> i heard when u do !important, IE doesnt pick it up?
<3> it does afaik
<4> ?
<2> CommandPrompt: it didn't do anything
<3> cronin: #primary li { ---->>> display: inline;<<<------ list-style-type: none; height: 40px; }#primary a { ----->>> display: block;<<<----------- font-size: 18px; font-family: helvetica, arial, sans-serif; text-transform: lowercase; text-decoration: none; margin-right: 10px; height: 40px; }
<2> yes, but when i remove display: block; the bg is cut off
<3> cronin: an inline LI can't have a block element, is the other way around
<2> which is the dilemma
<3> cronin: well, it isn't
<3> cronin: 1st off, you cannnot have them A as block if you want them well aligned horizontally
<3> so, you can scratch off the block bit on the A
<3> cronin: as for the image, I'd try to instead give it to the UL, not the children LI
<1> I told you before, cronin, to remove the display: inline;
<2> FunkyBob: i know, i put it back when i was messing around with it
<2> CommandPrompt: now i only get 1 image
<3> cronin: correct
<3> :)
<2> CommandPrompt i need all links to have an image
<3> cronin: now you just have to instead of using a fixed-width image set, make one that tiles all the way :)
<2> a repeating image?? that doesn't really offer me much control
<2> css doesn't allow someone to make a horizontal navbar with individual images?
<2> i was going to make individual images for these links... that bg you see there is just a test image to see if i can make the list work
<3> hehe
<3> yes
<3> ...
<3> you can give a bgimage to each and will work
<3> to each LI
<2> how
<3> cronin: same way you gave one to the UL
<2> but thats how i had it before
<3> ok
<3> I mean, so
<3> why you changed it? =P]
<2> see the page now?
<2> this is like i had it.... but the image is cut off
<3> .
<3> hhehe
<3> hold on
<3> I'm thiking you're not letting it tile
<3> and thus is only giving one copy
<2> the images are correct, they just get cut off... i wouldn'tneed to tile it
<3> ehhe
<3> you do have to tile them and the images are not correct
<5> CommandPrompt: you are the most helpful person in existance :P
<5> you should set up a paypal account so people you help can tip you
<5> and then you can give that money to a charity or something hehe
<3> you're making the ***umption the images length, which is in pixels unit, will accomodate to the Text length which is vector-based or glyphs dependent on Font
<3> Atrix: =P
<3> cronin: is the other way around, since the vector-based Font will vary independently of pixels ont the viewport, the pixel-basd image must conform to the text glyphs
<2> so i need to change the font size?
<3> cronin: no, there's no guarantee everyone viewing the page is using the same font size as you're, so best you can do is make the image tile at optimally horizontally or best just use a solid bg
<2> well, i after solving this issue i was going to ask you the best way to make the font disappear :) becuase I was going to make the image have the link name on it
<6> moo
<1> personally, I like to use text-over-image, so I don't need a graphics program to change the wording :P
<7> Can anyone tell why this displays the way it does in IE, http://www.emazinggaming.com/test.php
<3> well
<1> because that's the way IE displays it?
<3> once I set a wording on the link, it'd barely ever change unless is some Stats link or something, the bit that I'd be likely to end up changing will be the image, so I'd still keep it text-over-image since is easier to maintain it by just doing the switcharoo from the backgrond image :)
<1> "Why is a duck when it swims?"
<1> !v http://www.emazinggaming.com/test.php
<0> HTML: Not valid - Errors: 123, http://validator.w3.org/check?uri=http://www.emazinggaming.com/test.php
<0> CSS: Valid - http://jigsaw.w3.org/css-validator/validator?uri=http://www.emazinggaming.com/test.php
<5> FunkyBob: why is a duck when it swims? for to crawl out from it's eggses
<8> i'm having problems making a grid layout with float: left;
<8> do all the elements of the grid have to be the same width?
<1> Atrix: ah... here I was thinking the answer was "Because one if its legs is both the same"
<3> Luke: for a grid layout I'd use tables?
<3> Luke: url?
<5> FunkyBob: lol your answer is better
<1> eMg|JTyler: firstly, if you're going to go with XHTML (who knows why, but you have) ... all elements must be lower case
<2> whats the background: transparent url (blah); do?
<8> CommandPrompt: nevermind I figured it out
<8> CommandPrompt: i had a <p> and I was referencing it using div
<8> haha
<3> hehe
<7> Well I didnt lay it out
<2> anyone know???
<3> http://www.emazinggaming.com/test.php has the horizontall scrollbar at twice the screen, I guess I'm not l33t enough to meet the 2048x1024 requirements, not to mention the page is nothing but tables
<2> what the transparent thing does in background: transparent url{blah};
<2> () *
<7> I had someone do it and come to find out he does not have IE
<3> I take that back, is about 3 times my screen on horizontall scrolling
<1> eMg|JTyler: he also does not have much of a clue....
<7> any suggestions
<1> get your money back :)
<7> any suggestions to fix
<3> hehe
<1> personally, I'd scrap it and start again.... table based layout is "Wrong"
<3> eMg|JTyler: honestly and truthfully, I'd suggest a full rewrite
<1> it's a fairly basic 3-column layout...
<3> is not just tabled out, the tables there are very messed, the spaces and columns are very screwy, reason why I get the humongous horizontall scrolling
<7> hmm hours before debut we scrap it, thats ***uring, lol
<5> eMg|JTyler: why are you waiting til hours before debut to fix this problem? (;
<7> we just found it
<5> oh
<7> dont use IE
<5> that bites
Return to
#css
or
Go to some related
logs:
#math
Perl setuid emulation
screensavers for gnome
#math
rollergrrl
emerge gnome-light
rsync_excludefrom deprecated
#perl
ubuntu Strings command package
cipherphunk
|
|