| |
| |
| |
|
Page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Comments:
<0> it now renders fine? that's weird.
<0> Does IE6 render fine for you, my webiste?
<1> no..
<1> you're using "repeat-y" for the background?
<1> i mean repeat-x
<0> yep
<0> it doesn't render OK for you?
<0> refresh again
<1> now
<1> fine :)
<0> now I have to deal with the div plopping down
<0> there's godda be a better way to do thisi
<0> you see what I'm trying to do right..have the logo, then a stretchy to the right of it
<0> well, if you resize the pane (click and drag on the middle line thing) to the left
<0> it'll not have enough room and drop down.
<1> yep.. hmm
<0> know of a better CSS way to do that? :)
<1> make the http://www.cl***bug.com/images/logo.png smaller :)
<0> :/
<0> but I mean, don't other people do this type of thing?
<0> what do they do? :)
<1> sry, don't know why ie do that
<0> well, every browser does it
<0> it's a flaw with my markup
<0> great..
<2> hi. i'm wondering why the top menu images line up fine here, all without padding and on the same height: http://urbangriffin.com/sunday/ - and here when i add a javascript for a rollover effect, the images get padded and therefore can't line up: http://urbangriffin.com/sunday/test/ ? :)
<3> is there a way to center a div in a standard fasion without doing something crazy like <div align="center">?
<4> hi, is it possible to mask the entire screen using css so tht user can only view but could not edit the page when the page is being process by server
<3> I'm talking about the div itself, not the contents (i.e. "text-align:center" will not work)
<5> Zoffix: you around?
<1> bergamasque: why are you using javascript and not css for the rollover effect?
<2> well, i could not figure how to do it with CSS while not having text for the link.
<2> or can i ?
<6> x86 margin:auto
<1> one sec bergamasque .. i search a tutorial for you
<3> thanks Llynix
<2> thank you. :)
<2> if there's a tutorial for making rollover buttons like that that allow to keep a hidden text link visible only to mobile devices, that would be great. ^_^
<2> i do that for header images, but that does not allow to link the images, unfortunately.
<1> you can hide the linktext with text-indent: -2000px;
<2> you know, like when you make <h1> display: none; and put it inside <div> with the background images.
<2> um... *thinks*
<2> yes, that sounds like a good idea. and so it wouldn't indent when viewed on a mobile device ?
<1> hm you can make a extra css for mobile devices
<1> http://www.exploding-boy.com/images/EBmenus/menus.html here is a sample for rollovers
<2> oh, really ? and so i add a comment in the head section like i would for IE, but for mobile devices ? what would it be ? :)
<2> thanks.
<5> Zoffix: *poke*
<1> you can give all navigation points a extra cl*** to change the image
<1> and change the width, also :)
<2> navigation points ?
<5> comments on layout @ http://petereide.name/vegoil/spec1 ??
<5> All CSS'd up
<5> (messy stylesheet)
<2> these buttons look great but they require the links to be actual text between the <a> tags... eek.
<1> you must hide the text e.g. with text-indent: -2000px;
<2> aah, i'll try that then.
<1> and give every <a> a cl*** like <a cl***="home" ...>
<1> so you can change the image for home with the css
<2> gotcha.
<1> .home { background: url(home.gif) no-repeat; }
<7> those buttons are cool
<2> spook^68: this is what i defined for each button in http://urbangriffin.com/sunday/ : #home { background: url('home.gif') top left #fff no-repeat; text-indent: -2000px; width: 162px; height: 68px;}
<2> how can i make each button show the whole image ?
<2> i thought the width and height would do it. O_o
<8> bergamasque: is it a blocklevel element?
<2> what does blocklevel mean exactly ?
<1> display: block;
<1> the background must be defined for the a element
<2> oh, right! will add that. in a#home rather than li#home ?
<2> ok.
<1> li#home a {} works, too
<2> oh, good.
<2> hmm, display:block now would cause the buttons to not be on the same like anymore...
<1> you must also add #menu li a {display:block;}
<2> i now put the id="home" inside the a tag instead of li
<1> ok
<1> now add float: left; to #menu li
<2> ok, we seem to be getting there...
<1> now you must clear the float
<1> you know how to do that?
<2> ah, yes, the next element must be cleared.
<2> is this right: a#home:hover { background: url('home2.png') top left #fff no-repeat;} ?
<1> no
<1> background: #fff url('home2.png') top left no-repeat;
<2> a:hover#home then ?
<1> no that's right
<1> it works :)
<2> ah, i must delete cache, must be why i can't see the rollover
<9> Top left is implied
<9> normally
<2> great! thank you muchly for helping me, spook^68 :)
<1> no problem. :)
<1> but the #starttheme is not working correct or? :)
<2> and so the link shows when i do shift+f11 in opera. yoohoo. ;)
<2> nope, i must fix that now. ;)
<2> (the menu text links, i mean)
<1> ah cool
<2> curious, it's a trannsparent png which used to work fine but the background shows as white...
<1> because you've added #fff in the css
<2> ah, is it ok to specify no color or can i say just transparent ?
<1> type transparent
<2> ok
<2> looks super. :)
<1> yep :)
<0> Is there a way to log ALL dom events with firebug?
<0> wait, wrong channel, sorry
<1> :D
<2> is there a website out ther that does the same thing as http://www.browsrcamp.com/ but for IE7 ?
<10> hello
<10> how to center a div without give it a width?
<10> margin: 1em auto; works but i need some space on the left and right too
<11> obert: Umm. If you don't give it a width, then it is width: auto, so it (and its margins, borders, and padding) use up all the space available. Left, right and centre alignment all end up at the same spot.
<11> obert: Maybe you just want to give it bigger margins?
<10> no, i wanna only some space on the left and right
<11> What do you think a margin is, if it isn't "space"?
<10> thought something like margin: 1em auto; margin-left:2em; margin-right:2em;
<10> don't think is nice:)
<0> www.cl***bug.com/home/main anyone care to check out my website and tell me what you think of it so far?
<0> the UI side of it.
<10> fear to have it too narrow at bigger window size, it cause i wouldn't use width
<10> mm
<10> using padding on body?
<10> mmmmm
<10> was font-size: smaller; that caused troubles, seems it's better to use always value
<10> bah ie..
<12> hey.. i got input submit button and i want to attach icon near the text... how can i do it ?
<2> wow, the rollover isn't playing too nicely in IE: http://urbangriffin.com/sunday/ - the submit button doesn't load on hover and for the others, the blue paint color isn't the same... O_o
<2> saved all images as GIFs, so at least the blue background is consistent.
<2> IE6 really takes ages loading these rollovers images. i guess i'll have to make IE skip on the rollover effect. think i'll also have to print a disclaimer "this layout ****s in IE" now.
<13> bergamasque: use background-position instead of toggling background images
<2> what do you mean ?
<13> bergamasque: use background-position, put both images (rolled and non-rolled) in one file, side by side (either vertically or horizontally)
<2> oh, make them a single image in Photoshop and tell the css stylesheet whoch part of the image to display ?
<13> right
<13> http://wellstyled.com/css-nopreload-rollovers.html is one example
<2> thank you, i'll look at it. :)
<12> http://paste.css-standards.org/4026
<12> hey .. i want to put icon and gridient color in the button is that possible?
<13> MrShmelo12: sure, make the image have a gradient
<12> but i want to put also icon near that i cant put 2 images no?
<13> no. one background per element
<12> so how can i do it?
<13> join images in an image editor
<2> ah, that rollover technique is really nifty. works like a charm.
<2> i have made the blue star-ish round-ish image a transparent GIF in http://urbangriffin.com/sunday/ and in IE only part of it shows. the missing part appears after hovering over it several times. any idea how to arrange it so it loads normally like in firefox and opera ?
<14> if GET is "?" and cookies are "@", what is POST? you have 3 attempts to guess it :P
<15> any reason why IE6 won't show my floated content ?
<16> http://wolfprojects.altervista.org/school/agenda.php i can't clear the floats on the bottom :\
Return to
#css
or
Go to some related
logs:
#gentoo
ATW - java.lang.OutOfMemoryError
VolGroup00 clone
Realtek PHY RTL8201CL debian
read only file system parted sda
#math
#css
mdadm: error opening /dev/md1: No such device or address
#web
ubuntu set default sound card
|
|
