cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
your bold text is pretty unreadable, add some letter-spacing letter-spacing: 1.2px; Your top-right navbar is pretty odd, and moves when hovering over, maybe that's on purpose. It looks weird. align your content. Right now your main content is positioned lower than the left menu. rest is pretty okay, good luck!
-
I like the fact you used the text-shadow thing, but overall it's very dark. I it's about top jobs, I would make it look more happy, more bright. But that's just me. Right now the text and background are not contrasting enough for me.
-
let me know if you need a review, happy to help out, although the website is not my style
-
I would remove the text-decoration (the underline) of the links. #element{text-decoration:none;} and maybe tweak the alignment of some elements a bit more, right now some elements have more space than others to border of their container. Don't you like it more if the body has a background color of white? just an idea:) hope this helps -edit: maybe also stretch abit your menu, right now it's a bit narrow.
-
Nice one! make sure you use mysql_real_escape_string or mysqli_real_escape_string when processing queries, otherwise someone could do unkind things. And use some filter like htmlentities or html_specialchars on output. Best is to read the security tutorial on this website anyways nice you managed to do it with a database.
-
if you have read this: http://www.w3.org/TR/CSS2/visuren.html You should know exactly how to do this. But than again I can allready tell you you need float and clear for this. hope it helps, if not, show some online example so we can fix it.
-
well good to hear your happy with your code and despite the fact I tell you that with that mark up and css, it's impossible for elements to get there style. I even explained it... It seems to work for you.. well that is good, unless you try to view it any of the modern browsers. Now pictures are nice, but i just don't believe it works with the code above. be happy with the fact people point out more things in your code. like i did on the ID's or type attribute. interesting... As for your break=all thing, maybe have a look at something called clear:both; Just for the record, you don't have to agree with me, but I am pretty sure it will save you crap loads of time figuring out how and what. for a layout you want, you will need Float and clear
-
i really recommend to buy a decent, book, the code above is just madness. If not show us an online example that this is working i just tested it locally and as i guessed none of the elements are given properties, because you skipped the chapters about selectors id's and classes when learning this, which is pretty much what css is about. more over your missing a type attribute in <style> (should be <style type="text/css"> ) clear is not a valid attribute for <br /> (it looks abit like the clear:both, but that's something different) Do you have an online example because the code above is not doing anything. Look at this (your own code): #body #content #profile #body #sidebar { float: left; width: 250px; margin-top: 10px; padding: 5px; color: #555; margin-right: 15px; } what you here do is set the properties to the element #sidebar inside of #body that sits inside of#profile that sits inside of #content that again sits in #body. That will never work with the mark up you have more over you are using #body 2 times, so if it were valid it should have been a class instead of an #id.
-
try this out, i just tested it and it works in firefox chrome and IE Notice though Chrome and IE need something special, as far as I know: chrome needs inside embed wmode="opaque" IE needs: <param name="wmode" value="opaque" /> this is what a right click view source looks like: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" /> <title>FLASH stuff</title> <style type="text/css"> #wrapper{ background:#cccccc; width:960px; margin:0 auto; text-align: center; color:#fff; position: relative; z-index: 0; } .swfcontainer{ width:640px; height:425px; margin:0 auto; position:relative; z-index: 1; } #one,#two,#three{ width:960px; height:50px; position:absolute; z-index: 10; } #one{ top:100px; background:red; } #two{ top:200px; background:green; } #three{ top:300px; background:#f4a; } </style> </head> <body> <div id="wrapper"> <div class="swfcontainer"> <object width="550" height="400" id="flashfile" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://www.flasheezy.com/previews/HolidayEcard/holidayecard.swf" name="movie" /> <param value="high" name="quality" /> <param value="never" name="allowScriptAccess" /> <param value="never" name="allowNetworking" /> <param name="wmode" value="opaque" /> <embed width="640" height="425" wmode="opaque" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="flashfile" quality="high" allownetworking="never" allowscriptaccess="never" src="http://www.flasheezy.com/previews/HolidayEcard/holidayecard.swf"> </object> </div> <div id="one"><h1>this is div #one</h1></div> <div id="two"><h1>this is div #two</h1></div> <div id="three"><h1>this is div #three</h1></div> </div> </body> </html> Hope this helps! Cssfreakie. edit: I changed the code a tiny little 19:30
-
other than in the php and javascript forum, online examples of what you are doing are more useful. besides that the above is not the result of right click view source copy past, but arbitrary selecting. you maybe want to have a look here: http://www.webdeveloper.com/forum/showthread.php?t=130334 the bottom post is sufficient. and the w3c page I linked in the post above here.
-
can you show us the (complete)code , rightclick view source copy paste or even better... link to an online example. by the way did you position the elements? z-index wont work if you don't position them: http://www.w3.org/TR/CSS2/visuren.html#z-index
-
I know something named blender, but it's far from easy.
-
welcome!
-
I think i watched it 10 times now, I keep falling of my chair laughing
-
Supply what the market is demanding. I guess template design and installing opensource cms are doing quite good at the moment. Make sure you deliver what you promise in the end, and don't sell crap. You can do that only ones. But i would also buy a good book about php and certainly read about security.
-
This is the best ever hamster video on the interwebs, at some dutch website: http://tinyurl.com/hamstercircus
-
instead of red, you can use php comments //this is a comment
-
use code tags dude, this is one big chaos and have a look here: http://www.phpfreaks.com/tutorial/working-with-dates-in-php We have quite some tutorials here that are pretty useful.
-
you may also want to have a look at the tutorial by Crayon Violent: http://www.phpfreaks.com/tutorial/php-basic-database-handling about database handeling
-
in case you rather use a textfile, maybe try this out I adjusted a little script at php.net to do the following. <?php $username = 'lalala'; // you can use $_POST values for this but make sure you sanitize them very well $password = 'moo'; $filename = 'test.php'; $somecontent = "<?php \$username ='".$username."'; \$password ='".$password."'; ?>"; // Let's make sure the file exists and is writable first. //if (is_writable($filename)) { // In our example we're opening $filename in append mode. // The file pointer is at the bottom of the file hence // that's where $somecontent will go when we fwrite() it. if (!$handle = fopen($filename, 'w')) { echo "Cannot open file ($filename)"; exit; } // Write $somecontent to our opened file. if (fwrite($handle, $somecontent) === FALSE) { echo "Cannot write to file ($filename)"; exit; } echo "Success, wrote ($somecontent) to file ($filename)"; fclose($handle); //} else { //echo "The file $filename is not writable"; //} ?> this script creates or overwrites a file named test.php where it will set 2 variables, which you can insert from a from, make sure though that before you allow this you check if someone allready had the right credentials. Hope this helps, I just looked at php.net The comments in the file might not be correct, i am using the write modus instead of append one. it's also wise to check if the post values are set, and otherwise exit the script.
-
Why don't you store the credentials in a database? Isn't that much easier, and maybe even more secure?
-
javascript show/hide div with form option (Help REQUEST)
cssfreakie replied to lasse48's topic in Javascript Help
no problem, but if you have time left have a look in Jquery, its free and pretty easy to use. In your case the functions hide() and show() might be nice -
your code is missing some stuff which is vital your image is missing an alt=" " attribute (1 time) Your <style> tag is missing a type=" " attribute (1 time) Your <script> tag is missing a type=" " attribute (3 times) try the following: <!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" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <title>JQUERY</title> <style type="text/css"> .box, button { margin:5px 10px 5px 0; } p { line-height: 10px; } body { line-height: 15px; } .box { color: #FF0000; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFD9DA; width: 250px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; line-height: 15px; } .box2 { color: #00CC00; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CEFFDB; width: 250px; padding: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } </style> </head> <body> <form onSubmit="return check_name();" method="post" action="?hello=man"> <p>Name: <input type="text" id="btn1" value="" size="50" onKeyDown="check_name();"/></p> <p><div id="box1" class="box"><img src="images/icons/x.png" alt="" width="17" height="17" style="float: left; margin-right: 5px;"/>You did not enter a name!</div></p> </form> <script type="text/javascript"> function check_name() { if ($("#btn1").length == 0) { $("#box1").fadeIn(500); } else { if ($("#btn1").length != 0) { $("#box1").fadeOut(500); } } } </script> </body> </html>
-
javascript show/hide div with form option (Help REQUEST)
cssfreakie replied to lasse48's topic in Javascript Help
sorry i am not a javascript expert i use jquery library for this kind of stuff. But i bet there are some javascript experts here that can help. -
No z-index is needed for this, also have a read on z-index before applying stuff like -100. Try the following, it works out of the box: <!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>z-indexes</title> <style type="text/css"> div.image-wrap{ width:200px; height:200px; overflow:hidden; /*added to remove overlapping */ position:relative; border:2px solid red; } .user-image{ height:200px; } .overlay{ /*this is the star image that has a height and width of 200px */ position:absolute; top:0; left:0; } </style> </head> <body> <div class="image-wrap"> <img class="user-image" src="http://tinyurl.com/6zo9a7z" alt="" /> <img class="overlay" src="http://i52.tinypic.com/rsdefk.png" alt="" /> </div> </body> </html> Good luck!