fortnox007

hey blueboden, Small question since i don't know all about that, using multiple hosts to provide content, wouldnt that also increase the nummber of requests? I have seen that face book has a special server for their images.

Well it depends a bit really if you use absolute positioning, it will use the first element that has a different position than static. But are you sure you want to use, if i count right 8 div's and a clear div to create some nice borders? I hope it looks awesome otherwise i would find it a waste, certainly since you are using 8 requests for the images. me try to make what you trie with those million images. But it's probably done with absolute positioning. You don't have it online yet? easier to check. Be right back -edit, just a small not, if your using flash video's i bet the size of that widow will be the same since everytime? in that case you don't need the 8 images, ill make a prototype for you and place it online.

I would give it absolute positioning with a higher z-index than the rest, that way it just float's above your other content

well you can always try to look in the forum if there was something alike posted. Gues what 6 post below your is the same question: http://www.phpfreaks.com/forums/css-help/two-issues/ check it out, if you have difficulties let me know. cheers!

I usually have 1 stylesheet, and use conditional comment around a ie6 stylesheet. Also it might be nice to have a look it to sprites.

I could be totally wrong, but wouldn't it make sense (just to repeat myself) to do the 'Wrong' check before you insert (like normally is the case with validation)? Just like i showed in the very first example?

I have no idea what you really want. Are you planning to first insert stuff in a database and than again select from that database to see if stuff is as you expect it? if that is the case i would not recommend that. I would make a check if things are as you expect them before you insert them in to a database.

even hidden fields can be changed, hidden is just a visual effect.

well just make a check before you insert it. if (isset($_POST['submit'])){ //shortname if (emtpy($_POST['shortname'])){ $errormessage .= 'you forgot a shortname<br />'; // using .= so more message can be shown. $output ='bad'; }else{ $output = 'good'; } //contentpage if (emtpy($_POST['contentpage'])){// any check can be done here, even regex $errormessage .= 'you forgot content<br />'; // using .= so more message can be shown. $output ='bad'; }else{ $output = 'good'; } } if (isset($_POST['editcontentpage']) && $output == 'good') { //check wether stuff is good or bad $contentpage = mysqli_real_escape_string($dbc, $_POST['contentpage']); $shortname = mysqli_real_escape_string($dbc, $_POST['shortname']); $contentcode = mysqli_real_escape_string($dbc, $_POST['contentcode']); $linebreak = mysqli_real_escape_string($dbc, $_POST['linebreak']); $backlink = mysqli_real_escape_string($dbc, $_POST['backlink']); $showheading = mysqli_real_escape_string($dbc, $_POST['showheading']); $visible = mysqli_real_escape_string($dbc, $_POST['visible']); $template = (int)$_POST['template']; $contentpageID = (int)$_POST['contentpageID']; $query = "SELECT * FROM `contentpages` WHERE `contentpage` = '".$contentpage."' OR `shortname` = '".$shortname."'"; $result = mysqli_query ( $dbc, $query ); // Run The Query $rows = mysqli_num_rows($result); if ($rows == 0) { $query = "UPDATE `contentpages` SET `contentpage` = '".$contentpage."', `shortname`='".$shortname."', `contentcode`='".$contentcode."', `linebreaks`='".$linebreak."', `backlink`='".$backlink."', `showheading`='".$showheading."', `visible`='".$visible."', `template_id`='".$template."' WHERE `id` = '".$contentpageID."'"; mysqli_query($dbc,$query); echo "good"; } else { echo "bad"; echo $errormessage; // show the error messages } }

I assume you mean the line-height? IN that case use: http://www.w3schools.com/css/pr_dim_line-height.asp The thing with the reset.css (place it above your normal css btw) is that anything is reset. so after a while you will end up with your own reset in addition to meyers reset.

might be nice to look here: http://tinyurl.com/divoverflashobject and check it out with firebug. I place a div in front of a monkeyvid :-)

1) --> how to positon fixed in IE6 -> google -> http://www.howtocreate.co.uk/fixedPosition.html 2) Well i looked at your code and it doesn't look like you did anything with what i told above. So for the sake of it i just repeat myself. Make a parent div position relative, and place the flash object in it, and another div with a position absolute z-index greater than the relative parent. (http://www.w3schools.com/Css/css_positioning.asp) aside of that: 335 has a missing endtag (</li>) _edit: maybe a good thing to leave out all the unnecessary code and strip it down to the real problem (so you isolate it). in your case you want a div floating above a flashobject. use an external stylesheet btw, it's easier to maintain, and more clean.

for a solid color with opacity it could be nice, but than again there are ways to do that in css

I recommend using a reset.css first to rest all browser differences with this, otherwise you will have even more troubles. meyers reset seems to do a good job.

I like to see your code to, but since i like puzzles. Maybe because they are all following the normal flow of the document. Maybe try to give your bottom div a position absolute and make the z-index higher than the top one. Make sure thought the top div is positioned relative or anything other than static otherwise your bottom div will get sucked to the top of the screen.

1) positioning fixed in IE doesn't work, use an external sheet for IE6 and use absolute positioning, with a z-index:-1; 2) what your missing is a clear statement of your problem, and i have no idea what you want nor am i able to know what 1/4th is on your page, nor do i see a diagnostic tool.... If you want a div over a flash object, atleast don't place the flashobject inside of that div because it wont place the div over the object. What you could do, not sure if you mean this but it's a container div give it a position relative. Place a anotherdiv in it with a position absolute and a z-index of anything higher than the rest. place your flash object below in the parrent div. so in a simple markup: <div id="parent"> <!------position: relative z-index:0; --> <div id=""></div><!------- position: absolute z-index:1; ----> <object></object> </div> hope it helps cheers!

Considering that there is a thunderstorm in the background at my place (not joking!) I won't take the chance! Have done what you have said (except I wrote padding:3% and it looks great :thumb-up: James If your working with percentages, make sure you have a parent with a positioning other than static with a width otherwise the body width is taken. (you could use em too)

Hmm i am not sure about that. It works perfect at my place. i also heared that people that use inline styles, get struck by lightning twice as often, so that's another reason to separate markup and style.

Thanks RaknJak, I'll certainly have a look in to that. I am a bit unfortunate though, i get stuff from designers that most of the time don't fit in anything. So i was working on my own in combination wth the general meyers reset.css but it's always good to have a look in other libraries Cheers!

I like to use this reset.css http://meyerweb.com/eric/tools/css/reset/ hope that helps

Hehe no problem, thanksn for replying anyway. What i am trying to complete and i think i succeeded is shown here; http://monkeybusiness.hostzi.com/phpfreakies.php in a nutshell, a wrapper div, that contains 3 divs (left mid, right) with each of those containing a content div. When the size of one of the content div increases so has the wrapper div's It was just for my understanding why things are as they are. But you saved me allready with you comment on height and min heiight. I learned it the wrong way and you stopped me before i caused damage so thanks for that. I think the overflow was needed in this specific case where there is a div in a div in a div. not sure why, but ill test it out more Thanks alot for the help raknjak Cheers!

first of all use an external stylesheet, inline css is confusing hard to maintain and ugly. So what you could do is make a unordered list and let the list-items be shown inline. like this: <ul id="menu"> <li><a href=""><span>Your text here</span></a></li> <li><a href=""><span>Your text here</span></a></li> <li><a href=""><span>Your text here</span></a></li> <li><a href=""><span>Your text here</span></a></li> <li><a href=""><span>Your text here</span></a></li> </ul> Than in your external stylesheet you add this: #menu{ margin:0 auto; /* center for default browsers */ text-align: center; /* IE 5 /6 needs this */ } #menu li{ display:inline; /* to make the list horizontal */ padding:30px; /*some padding */ text-align: left; /* rest text align to left for list items*/ } Hope this helps! cheers! P.s. you might want to add display: inline-block for the a elements to give them some body

Hi Raknjak, (and other phpfreakies), I just applied your tip to put overflow:auto; on it and it worked like a charm. I also used your tip to put height in a special ie file and normal min-height in default, and that also worked great. Only thing i have is this in IE 6 (and lower) I reckoned that was because of the overflow auto. so i thought i put something different in the ie sheet. i did overflow:visible. That seemed to work but the dotted lines seem to get screw up. (or is that because IE 6 facks up dotted lines anyways?) You can have a look here. http://tinyurl.com/phpfreakies Any help or tips in general are welcome. Thank you in advance!

Thanks Raknjak for your reply, That min-height doesn't overwrite height is new to me but it seems i learned it from the digital polluted interwebs parts I'll certainly use a special ie.css for that I am going to test it straight away and let you know oh small question isn't using the *height:300px; easier or is that just a bad practise?

hmm i think i noticed somthing weird. in case i have a container div with 2 child divs floated in it the following seems to work: #container{ width:960px; overflow:auto; } #childleft{ width: 500px; height:300px; min-height:300px; float:left; } #childright{ width: 460px; height:300px; min-height:300px; float:left; } I have absolutely no idea why this works, and if someone does know please tell, its easier to remember ones understood