cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
get firebug, and inspect the elements on your page, there quite some elements you gave a height of 100%
-
it's not possible with pure css, for the one reason that styles cascade. even the use of !important won't save you there you might want to have a look in jquery for this: http://api.jquery.com/addClass/ Good luck!
-
so to rephrase this in my words, as far as i understood the above: you have some categories, some items can have more than 1 category. if someone disables a certain category but that item falls in a category that is still active, than still show it. If that is the case I, keep in mind that the last category will always win in terms of style that is being applied. To counter this I would use javascript to check the classes and add another class to display or display not. In that sense the category classes are pretty much empty ones purely to identify the item. edit: so css could look like this: .cat1, .cat2, cat3 {background:red;} /* all have the same style or no style if they are just for selecting stuff */ .display{display:block;} .hide{display:none;}
-
that's because you set the height to a fixed one. which is 100%. use min-height instead. and if i were you have a read on fluid layout as specially the height part.
-
you could for the client side add (in your stylesheet): .breakitup{word-wrap: break-word;} But it's better to control this server side, because this little snippet doesn't work very well cross browser. SO make sure you read the manual entry
-
remove the Height of #fullcontain line 101 I think
-
mjakoh the css boxmodel is something you must have a look at. 1)If the image is set as a background image you can use padding on top of the normal width and height of the div. the total width+padding of your div should than be 953 2)If the images are elements inside of the div only the height and width of the div count. Besides that depending on if you used a newline for each image you may even want to add a float on the images, and that brings some other difficulties with it. the total width of your div should than be 953 (without the padding) see the example below and notice the images are on the same line. <html> <head> <style type="text/css"> #header{ width:953px; margin-left: 4px; padding-left:37px; border:3px solid red; } #header img{background:green;height:100px;} /* just don this because i wanted to show a color since the src is empty */ </style> </head> <body> <div id="header"> <img width="225" src="" alt="" /><img width="728" src="" alt="" /> </div> </body> </html>
-
your more than welcome tommy! if you end up having troubles let me know
-
Look the question you posted was: But I get: Undefined index: name in.... on line 3 ... now what? The cause of that is explained above. Your non related question, do i get email? I have no idea and no one does without visionary skills. your code has a comment in it (//include mail script here) but that's it.
-
Look your giving $name a value of $_POST['name'] So $_POST['name'] has to come from somewhere. This most likely is a form. for instance: <form action="" method="post"> <input type="text" name="name" /> <input type="submit" name="submit" value="submit this form" /> </form> As you can see this form has an input field with the name of "name" When someone fills that in with for instance the name GORILLA ones someone presses submit,..... $_POST['name'] will hold the value of GORILLA But when you don't submit that form $_POST['name'] is not even set. So if you say $name = $_POST['name'] the script doesn't know what your talking about because $_POST['name'] doesn't exist. (since you didn't submit anything) So to repeat the above. IF you first check if someone submitted a form and than check the value of $_POST['name'] you won't get any error. What i meant with miss-spelled is say you have a field name like this <input type="text" name="naame" /> ones you press submit it's not $_POST['name'] that is being set but $_POST['naame'] So always check the spelling if you see the error "undefined index" or make sure you submitted the form
-
did you run it in phpmyadmin in or in console? what was the error you got? also did you try pre-pending the table in front of '$weekNo' as you did with contacts.division='$divNo'
-
Undefined index: this means $_POST['name'] is not defined. So either your form name is spelled wrong or your not submitting the form (aka directly running the code above) so a good thing could be to check if someone pressed the submit button and than check if the value of $_POST['name'] is as expected. for instance <?php if(isset($_POST['submit']) && !empty($_POST['name'])){ //check the values... are they as expected? //run your code }else{ echo 'form was not submitted'; // do something about it } ?>
-
Hi mate, it depends a bit on the situation. there are 2 flavours + yours which i think is thought up by stubbornella (some css chick ) but i am not sure about that. Anyway i don't use that content thing, for reasons already mentioned. The one I use most is the one that uses overflow:hidden on a wrapper that has no defined height, which i like most since we almost never know what the height will be. The other works by adding an extra element to the mark up with the property of clear:both; Run the code below and you will see what i mean and how it works. <!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" /> <title>Untitled Document</title> <style type="text/css"> /* some default stuff which they all have in common */ #wrapper0,#wrapper1,#wrapper2{width:1000px; background:yellowgreen; margin:0 auto;} .left, .right{height:150px;width:498px;border:1px solid #333;float:left} /* fixing the floats */ #wrapper1{ overflow:hidden; /* this does the shrink wrap magic */ clear:both; /* otherwise it will end up at the right hand side of #wrapper0 , normally not needed for a outer wrapper*/ } .clear{clear:both;} </style> </head> <body> <div id="wrapper0"> <div class="left">left</div> <div class="right"> <p>wrapper0 doesn't shrink wrap due to the floaters, if it would a background color would show up.</p> </div> </div> <div id="wrapper1"> <div class="left">left</div> <div class="right"> <p>wrapper1 does shrink wrap despite to the floaters, since no height is given to the div, overflow hidden, won't hide anything, but magically shrink wrap around the floated elements </p> </div> </div> <div id="wrapper2"> <div class="left">left</div> <div class="right"> <p>wrapper2 does shrink wrap despite to the floaters, because an extra element is added at the bottom with the property clear. I used a break for it because it makes sense i find. </p> </div> <br class="clear" /> </div> </body> </html> happy coding!
-
Not sure what you mean with "links don't show" I just ran your code (and added 3 closing </div> tags that were missing) and it worked perfectly. I changed the image though for a background color since i don't have your images. If you have an online example of the stuff you have difficulty with i can have a look what might cause this.
-
I am almost 99% sure the content: "."; is causing this. there are nicer ways in my opinion to allow the container to shrinkwrap around the inner elements that are floated. Besides that the problem with using the content property is that firebug won't see it, besides that I don't like it because css should not add content, it should style it. but that is just my opinion. Also I am very curious why you use min-height on your html and body tag and not height, i can't inmagine #wrapper would know what to do with that since it's not a reference
-
what if you mention all 3 of those categories in 1 post?
-
There are indeed quite some of those leeches around and in real life i would put salt on them (master chef season 4 here we come). Now pretty often if someone doesn't show his code or any effort there aren't many people that are willing to help. The leech project you describe depends on others willing to spend there time helping leeches that don't show any effort, I don't believe such a project will ever be the next big thing. If you were to write a book/article on how to become the best leech on the interwebs. Do your thing. Realize though people that don't put any effort in there own business, code or anything will fail.
-
Look i don't want to be rude, but If you know what floats are you should use them. The fact that your design above didn't use them, shows me that you don't use and/or know the potential of them. Furthermore if you know what floats are you should certainly know what clears are. Sounds a bit cryptic? No, The tutorial i linked, teaches you exactly that! So instead of me copy pasting a great resources , i recommend you go there yourself and read it. It takes some time to understand why floats and clears are like brother and sister. And as you mentioned yourself you still had something to learn. ones you know how floats and clears work properly it will make your css coding life much easier. IF you need help with floats and clears in your own code, I am happy to help with that
-
I recommend you have a look in something called the sliding doors technique. in a nutshell it uses 1 very stretched image as a sprite and 1 nested html element. for instance: <a href=""><span>link text</span></a> Al you need to do now is set the same background for both the a-element and the span, but with a different background position and one the text of the span increases the image is working as if it were a sliding door.
-
That is one of the sneaky things of working with percentages. You gave #secondBody a height of 100% and on top of that you ad a margin-top of120px making it 100%height+120px Now i see why you did gave that #secondBody a margin-top, but if you first made a simple template using the properties float and clear. There would not have a been a need to set such a margin. You simple give the header a height of 120px. Also keep in mind when working with percentages, any padding border or margin you add comes on top of that percentage. Now to make this more clear #secondBody { background-color: #000000; height: 100%; margin: 120px auto auto; /* this is being added on top of the 100% */ position: relative; width: 100%; } I am not a real van of these kinds of ultra fluid layouts to be honest (in pure form that is) they are often inconsistent across browser sizes and harm the original design. at most i would set percentages for the min-height of the wrapper container. If your interested in learning about floats and clears (i would ) have a look here: http://css.maxdesign.com.au/floatutorial/ there are even some basic 2 and 3 column templates there that are much more efficient
-
yes this is possible, And no we are not here to write code for you. If you don't show any effort, post your issue in the freelance forum. To give a helping hand I suggest you read about the property float, because that is exactly what you need. great tutorial here: http://css.maxdesign.com.au/floatutorial/ Make sure you do that tutorial, it will change your mindset, because I have a feeling your thinking in tables instead of more useful alternatives.
-
PHP Freelancing. http://www.phpfreaks.com/forums/index.php?topic=340433.0
-
that should be done by either javascript or php
-
Whats my alternative to using a dropdown menu...
cssfreakie replied to batstanggt's topic in HTML Help
The most simplistic from my perspective is something that is the most simplistic for the end user. jquery ui offers a date picker that is just that. -
skip w3schools, get a book or just check the manual: http://www.w3.org/TR/CSS2/visuren.html