| |
| |
| |
|
Page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Comments:
<0> this is sacraficing major eye candy :{
<1> endra: what're you trying to do?
<2> I was kidding, HugoG
<2> I don't really like Opera, but that's about it.
<3> reisio: http://www.reonkadena.net/simple/home/
<0> for example, I no longer will have the scan lines in the white border, I have no shadows, and I do not have the white divider that goes between the image of the child and the menu & login menu
<3> reisio: I am trying to make that look pleasing to the eye lol
<4> Gracefull degradation, mate. That's what we want. First, we'll set up the most basic.
<0> ok
<2> In my opinion, Opera is even worse than IE
<3> reisio: octvecat said the white space was my clearer that it was bad, and he said to use his div.clearer, so I did (I think I did good anyways) and thats how it ended up.
<2> Munter
<4> praguex: see the basic layout of my site in IE5.5 mac? It's not as basic as you think. It's pretty pleasent in IE5.01 windows, for example, because it has backgrounds and other stuff that IE5mac doesn't show up.
<5> hi again
<4> And, then, I have the modern layout I made for Safari and Firefox and IE5.5+...
<4> Modern? Well, that depends on taste. :D
<6> how can i align correctly the <input type="submit" /> element there http://olsen.dotgeek.org/index.html
<5> how to set up the space between an HR tag and a DIV tag?
<4> margins
<6> to be correctly aligned with the others input elements
<0> i gotcha so I should design startin with the horrible browsers and then once thats done I can get fancy with the good browsers
<4> Yes.
<4> But the basic must look as pleasent as possible in all of them.
<3> :(
<0> yea
<4> The newer browsers will only show up extra png shadows and stuff.
<0> ok, the border is the way i want it
<4> And fancy png logo... ;)
<7> asdx: you can't, with your current setup
<6> Flannel, uhm why?
<7> asdx: because youre just centering everything, and the inputs are arbitrarily offset based on their labels
<4> praguex: it's not looking bad at all. You're too focused on shadow eyecandy... That won't matter to starving people.
<4> Now, set up the content.
<4> Check your paddings and stuff.
<4> So that the image gets well positioned.
<4> The main image.
<8> has anybody seen the issue where sometime will show with a big gap above it until you refresh the page? only seems to happen in firefox
<8> *where sometimes a div
<0> one sec
<0> im afk for like 5 minutes
<6> Flannel, how do i fix it then?
<4> Good luck, praguex, I have to go. Time for bed. If I were you, I'd position every element carefully and check it on all browsers.
<7> asdx: style your form differently. I mean, you could bodge a fix with something like: input[type=submit] { margin-left: 5em; } but, that won't guarentee it's always lining up
<6> Flannel, yeah
<4> praguex: #gui -> position: relative (very important), doesn't show up correctly in IE4.
<4> Because it's curerntly static.
<7> asdx: there are a few other means of styling forms, you can google 'tableless forms', here's a common one: http://www.quirksmode.org/css/forms.html
<6> Flannel, thanks
<2> Help me Munter, you are my only hope
<7> JediKirby: help with what? you using display: table? why not inline-block ;)
<7> JediKirby: or, is this another issue
<0> Hugo, back.. I added a bg to the border so it looks better :)
<2> The problem I'm having is that I don't know how to make display: table elements sit next to eachother
<2> And inline makes them big
<4> praguex, it isn't very good in FF. Is that what you want (what I'm seeing)?
<2> We're using display: table; to make the boxes shrink-wrap
<7> JediKirby: I believe you have to float them. Why not inline-block?
<4> And you're focusing on eye-candy again. Hold on, that for when the layout is showing up correctly!
<4> Scroll up and do what I asked.
<4> nvm
<0> lol, ok.. I changed it to relative. Also, the image isn't in the correct spot which is why your are seeing tha tlarge white bar
<0> besides that it looks like normal (although i forgot to add the inside shadow
<0> butttt... i will not focus on eyecandy atm
<4> IE4 is still bad. Hmm... Set position:absolute to #gui, for a moment. I want to compare.
<0> k
<0> done
<4> Still doesn't. The problem is of another kind. Set back to relative and try commenting all the content except the image.
<0> k
<0> oh, should I have deleted all those conditional comments ?
<0> for the gui atleast because there is no longer a png image
<4> Forget those for now.
<2> Flannel We stopped floating them because I need the middle one to be centered. inline doesn't work because it makes it as wide as the page, or auto.
<0> OH!
<7> JediKirby: inline-BLOCK
<0> wait, the conditional comments ahve the wrong dimensions.
<2> inline block did the same thing
<0> when I made the border I changed the dimensions
<0> could that be it?
<2> er, sorry
<4> No, conditional comments don't work in IE7 and, thus, don't work in any of my loewr version browsers.
<2> I'm using inline-block now
<2> But they're still on two different lines
<0> oh ok
<4> It works on other computers. It's not your problem, it's mine.
<7> JediKirby: linky?
<7> JediKirby: er, which browser?
<2> http://www.zentatsu.com/alwaysfallingshort
<0> so should I not comment out all others?
<7> JediKirby: you using the 'display:-moz-inline-box; display: inline-block;' fix? (with IE compensations as well?)
<2> no
<2> What is that?
<4> Comment everything inside <div id="gui"> except the image.
<4> Then, we'll place the image correctly.
<0> the image of the child right
<0> k
<7> JediKirby: mozilla doesn't support inline-block yet, or 1.0/1.5 doesnt anyway, so you use -moz-inline-box; and then after that inline block, for future compatability
<2> what do you mean, use -moz-inline-box; somewhere in the css?
<7> JediKirby: just like I said: display: -moz-inline-box; display: inline-block;
<0> done
<0> erm, hmm n.m it didn't take them away
<0> lol, i just removed the css coding
<0> my bad
<4> Ah-ah! It's the content that causes the box to expand!
<2> ok Flannel
<4> Remove the form and images... :|
<0> oh, glad my mistake worked
<2> Now it's broken in IE
<0> completely?
<2> !v display: -moz-inline-box; display: inline-block;
<9> HTML: Unable to validate display: -moz-inline-box%3B display: inline-block%3B/: You need to supply a URI scheme (e.g http)
<9> CSS: Valid - http://jigsaw.w3.org/css-validator/validator?uri=display: -moz-inline-box%3B display: inline-block%3B/
<0> or just comment them out
<4> No, comment them.
<0> ok
<4> praguex: mate, I'd like to help you, but I have to work. Do you have have Gmail? We could talk from there, because it has a beep to warn me of messages...
<4> /msg HugoG praguex's email
<0> yea
<0> email me at jcpalmer (at) mac.com
<4> Erm... You don't have gmail?
<0> i do
<0> one sec let me see if I remember the pw
<0> lol
<4> We'll talk from there.
<7> JediKirby: for IE you need to specify (on block elements) display: inline
<0> HugoG: palmer.james is my email
<2> So do I need two seperate style sheets?
<7> JediKirby: or a star hack
<2> BAH
<2> To many hacks!
<7> blame IE, not CSS
<2> Stupid browsers should just work right! [/ignorance]
<2> OK, what's a star hack?
<2> And what's this URI business that the validator is bitching about?
<7> JediKirby: * html [normal selector] { IE only styles }
<2> no clue what that means!
<2> ^_^
<7> JediKirby: what's your normal selector?
<7> .box?
<2> ye
<2> yes
<7> JediKirby: so, the rule would be : * html .box { display: inline; };
<7> JediKirby: after the other .box one
<2> Do I need that last ;?
<2> BAH! It fixed IE
<7> oh, sorry. No.
<2> But broke firefox
<7> no last ;
<2> Yeah, ok
<7> JediKirby: sorry, been coding cl***es all morning ;)
<2> Now it's displaying correctly, sort of
<2> How do I make the comic box move up?
Return to
#css
or
Go to some related
logs:
debian nvidia-glx: Depends: xserver-common xorg
#php
#css
gentoo sg3_utils failed
#bash
eggdrop putquick
#linux
JpGraph Error This PHP installation is not configured with the GD library. Pleas
factory could not find class from
#math
|
|