cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
wicked!
-
Tool For Saving Single Words as a Vocabulary List?
cssfreakie replied to chaseman's topic in Miscellaneous
that's awesome thanks for sharing Crayon! -
jquery event.target.hasclass() works in firefox, not in safari.
cssfreakie replied to shortysbest's topic in Javascript Help
thanks for sharing! -
as far as I know there is not, because you are changing the value of another element. Did it work for you? if so let me know.
-
Well, it seems you didn't read the article i provided, because since your using 1 line of text + image here you can set a line-height of for instance a span element (displayed as block) and it will automatically align the text to the middle. Try out the following hope it works for you. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="cfss/style.css" /> <title>buttons</title> <style type="text/css"> body, p#buttons, p#buttons2{ margin:0; padding:0; } p#buttons span{ display: block; line-height: 48px; /*same as image height */ background:red; } p#buttons img{ float:left; margin-right:5px; } /* method 2 */ p#buttons2 { line-height: 48px; /*same as image height */ background:red; } p#buttons2 img{ float:left; margin-right:5px; } </style> </head> <body> <p id="buttons"> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>some text</span> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>some more text</span> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>even some more text</span> </p> <br /> <p id="buttons2"> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>some text</span><br /> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>some more text</span><br /> <img src="http://tinyurl.com/6zrgusv" alt="" /><span>even some more text</span><br /> </p> </body> </html> AN online example is always nice to provide btw in the html/css section.
-
jquery event.target.hasclass() works in firefox, not in safari.
cssfreakie replied to shortysbest's topic in Javascript Help
share it! to help others -
javascript show/hide div with form option (Help REQUEST)
cssfreakie replied to lasse48's topic in Javascript Help
just a thing Java is not javascript. Anyways i think you might be interested in looking in to the Jquery library. It's a nice javascript library that offers I think exactly what you need in a simple way. have a look here: http://api.jquery.com/show/ down the page is a demo, of the show() function. I think you will need to set all elements you want to hide to display:none; with css or javascript. and show them depending on the situation. hope this helps -
well i just tried this and it works, not sure if it's clean javascript, but that what the javascript forum is for: good luck!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" /> <title>image as label</title> </head> <body> <form action="" method="post"> <label for="mycheckbox" onclick="document.getElemenstById.mycheckbox.checked = true;"><img src="images/button.png" alt="" /></label> <input type="checkbox" id="mycheckbox" name="mycheckbox" value="ON" /> </form> </body> </html>
-
can you provide some code, I never used an image as a label but i bet it's possible. -edit (2 minutes later )and it is possible: try this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" /> <title>image as label</title> </head> <body> <form action="" method="post"> <label for="name"><img src="image/button.png" alt="" /></label> <input type="text" id="name" name="name" value="" /> </form> </body> </html> edit- 2 Oh wait, a check box, you need to do that with javascript. something like on.click set value to check
-
the above will work if you were looking for the stuff you see on password fields, have a read here: http://dev.w3.org/html5/markup/input.password.html
-
Tool For Saving Single Words as a Vocabulary List?
cssfreakie replied to chaseman's topic in Miscellaneous
Than i don't know sorry -
It depends on your jurisdiction, but you can never get a monopoly on a 'sole idea'. What you can protect is a technical novelty (in the form of a worked out idea) , by requesting a patent. Now that is a tricky thing because they look worldwide if that technique already exists or is known. So if you have a great idea, don't tell or publish it to anyone if you want to be able to get a patent for it. Because ones you tell or publish it it's not new anymore and unsuitable to patent it. Besides that patents are expensive! Further more ones you patent something the technique is published, so everyone can just copy it (illegally). And you need the power/money to sue them. So sometimes, it's better to keep something a secret. Now as far as copyright, that really depends, in Europe Copyright exists instantly from the moment you create something (that is suitable), there is no need to declare the copyright sign. Although it doesn't harm to declare it anyway to prevent certain people from copying. In the US you do need to declare that sign (see copyright act). If you have questions let me know I did a masters on this in the EU
-
Tool For Saving Single Words as a Vocabulary List?
cssfreakie replied to chaseman's topic in Miscellaneous
I don't know of such a tool i am afraid. But what you could do is make your own. It doesn't have to be very fancy just make a simple database application to insert and select data, maybe even with categories. -
try some simple searches in google like: How to embed a .swf in html how to embed a .flv in html how to etc!
-
I think that really depends on that function of yours. If it uses sessions, the session is destroyed when you close your window. IF you use cookies it depends on the cookie settings and perhaps even on your browser settings too. My browser just removes everything when I close the browser (temp files cookies history etc) I did that on purpose. maybe show your function, so people that really know what is going on can have a look. I am more a css guy but this is my guess
-
before you are going to try this out, with vertical align, which i think you want, maybe have a read here: http://phrogz.net/css/vertical-align/index.html anyways it really depends on your situation. There are quite some ways to do this, but without a preview link this will be guessing.
-
or maybe have an online example or image?
-
Look the less you say the less you can expect from us, we don't know what your website looks like and certainly don't know what you mean with a description like: I'm trying to make it so that the footer will automatically adjust to the end of the page. My old page strangely adjusted it based on the content, I don't want that. besides that, your website uses more than just : <div id="footer"> <p>dd</p> </div> Anyways if you want to put a div or any container at the bottom of the page. you can for instnace use position:relative or position absolute depending on what you really want, but we don't know here. because you didn';'t show or told. So try this out and see if it works for if not have a read on position relative and absolute div#bottom{ position:absolute; bottom:0; width:960px; height:200px; background:#000; }
-
Just load your page, the page is about "stacey" the first things your eyes are directed to is the navigation bar. Instead of the brand "stacey" By placing some spotlight behind that word, it will pop out more and the first things the eyes are directed to is the brand! Just an idea
-
Is the height and width of the image the same everytime? quite some ways how this can be done.
-
So just to repeat myself, You mean at the bottom of the page? (as in window)
-
You mean to sit at the very bottom of the page? btw, with that css, we only know that is black and that your setting repeat for an image that you didn't set. Post your HTML or post a link to your site please, we are here to adjust code not write it
-
Just aside: I would put some white spotlight behind the title "stacey", to draw some more attention to it. right now your navbar is asking alot of attention. (not a css thing but i just i share it) as for the code it looks okay, I would leave the empty lines out though and i would use cleaner indentation. Btw, this is bad use min-height instead: <div class="midboxth"> <p>Coming Soon</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> like this: div.midboxth { background-image: url("../img/layout/310boxm.jpg"); min-height: 400px;/* like here */ padding-left: 10px; padding-right: 10px; } Apart from that some shorthand css could limit the amount of lines you are using. Hope this helps!
-
Read my article i linked it's named "fixing the clear fix" after that you will know why overflow hidden is suitable in this particular case. As far as your second question, got a link to your site? I rather see a page instead of code -edit: lol, you read my article, so that solves question number 1 (didn't see you follow up post) , but if you have the link to the page i can have a look. I can allready say, try to use shorthand properties, much cleaner and easier to maintain.
-
Reload parent page from iFrame without reloading iFrame - possible?
cssfreakie replied to benphp's topic in HTML Help
I would have a look in Ajax, it's the combined power of javascript and other programming languages to create responsive websites. Jquery (library) has a nice almost plug and play method.