logo
IRC Archive / Freenode / #css / 2010 / May / 30 / 5
SpiLoT
i cant see you anyymore!
no!
sh*t im alone again.
anyone thurr?
edd91
how funny do you think you are /10
SpiLoT
yes you saw what i did there?
made you lol, didn't it?
edd91
maybe
textarea#styled {
width: 80%;
}
i have that
oksushi
youre always better just to ask the question, not ask if anyone is active, or if there are any experts available. If someone can help, they will.
edd91
oh
wait
i see
oksushi
and dont paste text here
SpiLoT
use pastebin instead
edd91
nm if ixed it im a retard
i have a textarea
and on Safari on the iphone it doesnt have a scroll bar
what am i meant to do
oksushi
]secret @ edd91
_ZofBot4
edd91, 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.
edd91
how the hell is that relevant
SpiLoT
...
edd91
i have a normal textarea, and iphone has no scroll bar
is there a trick to giving the iphone a scrollbar
ServerSage
slideToggle is working in non IE browsers for me, but in IE it does a slide down followed by a slide up, or so it appears. Any ideas?
ibrahimm
hi
hmw
hi
enerel
hi all
anyone there?
the top input autocomplete is messing with the slider content. see here http://www.mongolio.com/
WePanicForYou
enerel: ask your question and someone may answer
enerel
type at least 2 letter ex: mo
WePanicForYou
enerel: do you not want the auto-complete to come down over the slider content or?
enerel
the slider is overlaying with the autocopmlete drop down
hmw
enerel: btw, in FF I cannot use that feature. If one waits until the image below is changed, the list works all the sudden
(IE8/XP)
enerel: I cannot really help in this case, but it might be some z-index or transparency issue.
enerel
slider text can be seen through.. why?
but why only text's?
WePanicForYou
hrm yeah this i sbeyond my skillset enerel
enerel: wait in here a bit - azazul and riven are really good at helping
enerel
thank you
hmw
enerel: neither your HTML nor the CSS is valid
WePanicForYou
hmw: nice one to check that, didn't think to do that
hmw
repair it while you wait, perhaps this way your problem dissolves
enerel
okay
omg this validation thing will never work
hmw
enerel: yes. Check out http://pastebin.com/QQ3mQ7DN
enerel
that autocomplete is from jQuery UI but validation says UI has error
hmw
wow, i mistyped webdvout in my FF's adress bar, and it still took me to the real page! - dont they have a pastebin? pastebin.com all the sudden wants captchas, and it's ugly.
enerel
* i will go to toilet now, ill be back after 30min
hmw
enerel: tmi - we will not be sad, if you take a while, until you answer. Please don't feel ignored, if we take an hour to respond. - ;-)
WePanicForYou
man this is my first mongolian i've met online
hmw
same here :-)
WePanicForYou
i'm excited as i'll be building a yurt this year funnily
hmw
oh nice... i like yurts
WePanicForYou
hmw: yeah mate i've been planning on making one since 2006 but this year i'll finally get it together and test out my first one
enerel
i ma back
it was faster than i thought
lol
hmw
enerel: when I put my IE in "compliance mode", the bug disappears, but the layout breaks
enerel
WePanicForYou: yurt? thats kewl, it in your garden? uwant to use it like summer tent?
compliance mode what is that?
WePanicForYou
enerel: i plan to one day live all year in my ger
enerel i'll take this to query
hmw
wait a second... the bug seems gone
enerel: IE8 has a little button besides the address bar (looks like a broken page icon)
enerel
no it is not in my FF i still see it is overriding the content
oh got it
hmw
my FF can display it now to--- whatever you did, it must have removed the problem
enerel
really
hmw
does one need to be registered, to enter #css ?
"MasterZuFu" PMed me about
azazul
no, just to talk
JDigital
I tried to turn it off but I can't find the button.
enerel
hmw i still see it
azazul do you have time to see my stupido bug
azazul
do i really have to ?
enerel
just asking if you have time
hmw
enerel: try a hard reload (disable your cache) - FF: Ctrl+Shift+R, IE: CTRL+ClickOnReloadButton
enerel
ok
hehe its gone
MasterZuFu
ok, NOW let's see if this works. can anyone see this?
hmw
yes
welcome, MasterZuFu
MasterZuFu
alright, sweet action. :P
hey everyone. I'm having an issue with CSS. This is my first time working with this. I have a <ul>, one part is floated left, but then I have another item that's floated right. How do I get that to work without having to use two different <ul>? and if I have to use two <ul>, how do i get them to use the SAME background image?
enerel
azazul: thank you for being kind
hmw
enerel: I recommend FireFox AddOns "WebDeveloper" and "FireBug"
enerel
i have them
anyway hmw tnx a lot
hmw
ye, enerel
youre welcome, i mean
MasterZuFu: just assign "float:left" and "float:right" to those LIs - usually not a problem. Perhaps you should provide a URL.
MasterZuFu
hang on, let me upload the documents
http://www.nameofchrist.net/
i'm trying to convert a photoshop mockup to an html/css web page
it's not so easy when you have no idea what you're doing :P
hmw
MasterZuFu: your'e so right, especially with CSS ;-)
MasterZuFu
:P
enerel
mockup?
MasterZuFu
yeah, hang on i'll show you the image i made for it
enerel
sure
hmw
MasterZuFu: I understood, you made a template in PS and are now trying to implement it...?
MasterZuFu
http://i48.tinypic.com/33w0ar5.jpg
yessir
enerel
it is easy
will you hire me for that?
MasterZuFu
for someone who knows how to do it
enerel
:p
MasterZuFu
i'd rather not hire someone to do a simple task. if it's so simple, i should be able to learn how to do it myself :P
i'm just having difficulties :D
enerel
it is simple just it takes some time u know
hmw
MasterZuFu: make a test page with only an UL list for checking it out. The order of the elements might behave a bit surprisingly. I would first list all floatleft and then all floatright elements. Use a class to make them floatright. Get FireBug.
enerel: 1 minute
MasterZuFu
no idea what that means
enerel
if you purchased this design there must be an html css version of it
MasterZuFu
negative
why would there be?
it was a tutorial
hmw
MasterZuFu: http://80.109.22.34/templates/basic_horizontal_UL_menu/
ZombieLoffe
class="right" is a terrible class name
hmw
ZombieLoffe: right it is. suggest a better one please
ZombieLoffe
"last"
Not to mention there's a <br> in there.. eew!
hmw
i dont like that either. hmm... i want it a bit more semantic
MasterZuFu
hmmmmmmm interesting
hmw
oh. i usually use <div class="clear"></div>, which is still ugly, but works coross browser
wathek
hello all
is it possible to add a shadow to a div using only css ?
I'd like to add a shadow to this http://wathek.homelinux.org/magistrats/
ZombieLoffe
hmw: That's also unnecessary -- http://colinaarts.com/articles/float-containment/
hmw
wathek: i once added a pseudo shadow, not very much like the photoshop ones with border. If you do it right, it might perhaps even look "ok" enough
wathek
hmw, hein !
hmw
:after does not work in IE6
ZombieLoffe
wathek: Newer browsers support box-shadow (with vendor proprietary properties)
hmw
but thats a cool link, thank you
ZombieLoffe
hmw: Read the article..
hmw
i will
wathek
ZombieLoffe, what do you mean by with vendor proprietary properties?
ZombieLoffe
wathek: -moz-box-shadow, -webkit-box-shadow etc..
wathek
ah
I see
ok gonna take a look at that
thank you
ZombieLoffe
wathek: For crap browsers like IE you're pretty much stuck with either background images, additional elements or borders
hmw
ZombieLoffe: i cannot remember, if i made that template before i found out about the hidden HasLayout attribute
wathek
ZombieLoffe, yes
hmw
i only know, that it is painful to implement
MasterZuFu
what's the css end for that <li class="right"><a href="#">Subscribe Via RSS</a></li> ?
wathek
ZombieLoffe, really I like it :D
ZombieLoffe, http://wathek.homelinux.org/magistrats/
ZombieLoffe, using firefox
ZombieLoffe
wathek, lookin' good :).
wathek
yep
MasterZuFu
um...for the css...what do i put?
O.o anyone?
ZombieLoffe
MasterZuFu, what do you want to accomplish?
MasterZuFu
i have one link in the <ul> that needs to be floated right while the rest are floated left
ZombieLoffe
MasterZuFu: hmw's example showed exactly that...
MasterZuFu
right but it didn't show anything about css, it was all just html, which doesn't define anything and i don't know enough about css to know how to do that
ZombieLoffe
MasterZuFu: There's a bunch of CSS inside <style> :P
MasterZuFu
i just made the image with the words in them, now I just have to figure out how to make those clickable or whatever. it just seems like too much trouble. trying to get these in exactly the right place with the exact right width etc. etc. etc.
tbuehlmann
greetings! I have a button in a td and it's located at the top of the cell. I'd like it to be in the vertical center, how would I do that?
ZombieLoffe
vertical-align: middle; on the td...
Keep in mind, tables aren't for layout :)
tbuehlmann
trying that, thanks. and it actually is data :)
MasterZuFu
ok, screw this crap. i'm going to do this project in fireworks, something that i actually know how to use.
hmw
aaw
tbuehlmann: a button is data? how?
ZombieLoffe
MasterZuFu: just be aware any wysiwyg editor produces horrible, inaccessible code
hmw
MasterZuFu: yea. don't give up
MasterZuFu
i'm just aware that i have no idea what i'm doing and it's beginning to become frustrating.
ZombieLoffe
So learn CSS from the ground-up instead of starting with a complicated problem.
tbuehlmann
naw, I have a table with event data, and I want to have a button for registering for an event. and I thought a td would be a good choice. if there is a better one, I'm open :)
MasterZuFu
i don't have time for that
hmw
MasterZuFu: I know that feeling. Take small steps. Create template test files. And most important: Use FireBug!
MasterZuFu
how much would someone charge to turn this photoshop image into an actual page fit and ready to use a database with it?
JDigital
MasterZuFu: you might find someone in #css-lance
citizenkeys
ok.
ZombieLoffe
"ready to use a database with it" is rather vague
MasterZuFu
i know.
azazul
it depends on thats in the PSD
it migh be something from 100euro to 20'000euro+
ZombieLoffe
MasterZuFu, http://www.psd2html.com/ offers PSD to HTML services.
gucko
!books
]tut
ZombieLoffe
]schools @ gucko
_ZofBot4
gucko, 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/
azazul
ZombieLoffe: "ready to use with db" suggest that he wants serverside code too
ZombieLoffe
Indeed.
gucko
ZombieLoffe: for all those links, which one do you recommend to start with?
ZombieLoffe
htmldog.com
or opera's wsc