cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
All it does is self reference the form. In other words when you press submit the same page is being reloaded.
-
the code i gave does just that. in general, you give body and html a height of 100% That will be the reference. Any block element that has a heigth of 100% (and is not inside a <center> tag) will have the height of the window. Keep in mind though. The window size is the reference so if you placce 2 divs above each other and you both give them 100% height you will end up with 200%. Mostly the 100% is only used for the outer wrapper and instead of giving it a height you give it a min-height.
-
This topic has been moved to PHP Coding Help. http://www.phpfreaks.com/forums/index.php?topic=341289.0
-
Please just post the relevant code in code tags, give us the exact error you receive. Moving this to php, since this involves php not css.(css is either valid or not, it doesn't give errors)
-
remove <center> from your mark up. press the link in my signature named bad tags and read it. Ones you removed <center> , add the following to anything you want centred. margin:0 auto; for instance: div.content { width: 980px; height: 100%; background-color: #3F0; margin:0 auto; /* added this */ }
-
Whats my alternative to using a dropdown menu...
cssfreakie replied to batstanggt's topic in HTML Help
Agreed. HOWEVER, this would not be so "simple" to implement and would require additional validation since javascript might be disabled. that is indeed the perspective from the coder, not the end user. implementing the jquery ui is probably easier to implement than baking a good cake. besides that <noscript> is exactly for the 0.5 % of the people that have it disabled. anyway i think the Topic starter ran away -
your welcome!, Just checked it though and I saw you are repeating yourself in the stylesheet. No need to make .blog1 .blog2 etc if they all have the same properties. That is the beauty of classes. You only do that with ID's
-
You can for now wrap the paragraphs in a div tag. Like so: <div class="item"> <!-- gave it a special class --> <p> your text </p> </div> <div class="item"> </div>[/code] than in css you can add some margin between the divs div.item{margin:10px 0;} /* this means a margin top and bottom and zero at the left and right */ Ones you get the hang of it you may want to make the code more efficient, but for now it's already a ton better than the tables.
-
just follow that tutorial I linked to, it will give you some great templates too, to work with for future projects. Tables for layout are usually only used for html emails.
-
I don't want to be rude, but you come here, don't show any effort nor do you show that you have any idea what you do since you ask others to do your work without that tiny bit of effort. So in that sense i have no idea what you know, so I rather say more that less. Also 'having' firebug doesn't say anything , but that may be clear at this point. Too bad you don't appreciate the fact that someone gave more pointers to look at. have fun!
-
well you have quite some tables out there. last time I saw that was around the year 1997. to add a border radius. just select the table you want and add the border radius. table{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } P.s. I said the above for a reason. there are far better ways to style your page without tables. Have a look it to something called a div and the properties float and clear. A great tutorial can be found here: http://css.maxdesign.com.au/floatutorial/
-
ok that is still a :hover class. I seriously recommend you google that and read about it. anyway, change this part: #navigation a:hover div { /* SEE THE HOVER!!!!?? */ background: none repeat scroll 0 0 #FFFFFF; color: #FF0000; /* change this to any color you want */ } Also a smart thing to do is get Firebug for firefox and inspect your elements, much easier to do stuff yourself.
-
you might also want to have a look at the javascript that adds a class of JS to your body <body class="js"> this causes the page to become wider. If you run the page with javacript disabled it over.
-
It's the hover state you need to alter. this is the line involved. #navigation a:hover div { background: none repeat scroll 0 0 #FFFFFF; color: #FF0000; }
-
did you try to echo as showed above??
-
although your missing that correct echo background-image:url('<?php $background ?>'); should be background-image:url('<?php echo $background; ?>');
-
That's because your using position absolute. I recommend you output your items in a list for instance like so. <?php echo '<ul class="items">'; foreach($array as $value){ echo '<li>'.$value.'</li>'; } echo '</ul>'; ?> than in css you can style this list because you gave the UL a class of items. for instance .items{list-style:none;} P.s. this is the wrong forum to fix php logic. This is just for fixing how it is being styled in css
-
Help with Internet Explorer submenus dispalying over menus
cssfreakie replied to JStefan's topic in CSS Help
well yeah that was the cause of all this. Keep in mind though IE 7 needs a little more attention as far as z-indexes. You need to add also a z-index on on the <li> where the submenu sits in, other wise it won't work in IE7 <li> <!---- on this one --> <ul> <li> -
Help with Internet Explorer submenus dispalying over menus
cssfreakie replied to JStefan's topic in CSS Help
don't give up, try out the method behind the suckerfish menu. I am using it for years without any troubles. works cross browser even for the very old ones. Just a tip if you try it out, do it in a sterile environment so you know exactly what is going on without any other style interfering. -
Help with Internet Explorer submenus dispalying over menus
cssfreakie replied to JStefan's topic in CSS Help
yes some suggestions: if you post code place it in code tags besides that have a look at the (son of) suckerfish menu. certainly if you were to sell your stuff, which i think you do. That's probably the only menu that has proven itself. And besides that no need to invent the wheel again on that part. here is a link to the original article on it: http://www.htmldog.com/articles/suckerfish/dropdowns/ by the way the menu you have doesn't work well either in FF 5.0 -
Do you even read what other post or are you just trolling?
-
If you have a room where only 1 elephant fits in. So in that sense 1 elephant is 100% which has the same dimensions of the room (containing the elephant). Now if i would put a lepricon on top of the elephant IT WONT FIT. no shit!? look at the image attached. than look at the first reply of this topic.... :'( [attachment deleted by admin]
-
800+75 = 875
-
just to let you know, i am not going to reply any more after this. I just don't see the point of it. You have been given the answer multiple times I invested around 1 hour in this topic, and you just not seem to get it. if you can solve the next puzzle you know why your website is overlapping if not, i leave it up to you. say I have a window height of 800px inside the <body> i have a header of 75 pixels in height (just like yours) and a element below that with a height of 100% (just like yours) How much pixels are the container and the header combined?
-
a percentage is a way of expressing a number as a fraction of 100. In order to get that, a fixed value is needed which represents that 100 (for instance a FIXED height), which can be divided in those fractions we call a percentage of (i.e. a fixed height) if you apply a min-height (so this is not fixed but variable value) to a container and set the inner elements to 100% height. your asking the browser to interpret 100% of a variable value. Although some browsers (like firefox) than just take the the height of window. IE does certainly not do that and relies on the height of the element itself. Now say we gave html and body a height of 100% Than We create a reference point for anything inside it. Run the code below as is (not on your phone). if you don't get it, read this again and again until you do. The original question of this topic has everything to do with this. I can't explain it any better than this. Also I recommend highly that you run this in IE, and comment the pointed line out and run it again. When you do: body, html are no longer reference points. and you know what happens than. <html> <head> <style type="text/css"> body,html{height:100%; margin:0;padding:0;} /* comment this line out and see what happens*/ #notfixed{min-height:300px;background:green;} .inner-a{height:100%; background:red;} #fixed{height:300px;background:orange;} .inner-b{height:100%; background:blue;} </style> </head> <body> <div id="notfixed"> <div class="inner-a"> this div uses 100% height. BEcause min-height is not a fixed but a variable value, that is not used as a reference. INstead the Height of Html,body is used which is as heigh as the window size is. </div> </div> <div id="fixed"> <div class="inner-b"> this div uses 100% height. Because a height is set to the container, that is used as a reference making it as heigh as the container. in this case 300px </div> </div> </body> </html>