-
Posts
1,141 -
Joined
-
Last visited
Posts posted by dropfaith
-
-
it should already as php is server side hen the browser sees the <b> as an html entity not as plain text show us some code of how \your currently displaying it from the database
-
-
ignore my table post below works i tweaked some things but not too much the only real difference is the div.menus div i created which flaots it to the left cuase them to be on the same line
you can ignore of remove the container div but i like using them as it gives me a bit more control over everything meh i had free time so uhm heres a working code
<html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Sliding Menu</title> <style type="text/css"> div.menus{ float:left; width:218px; } .dhtmlgoodies_question{ color:#FFF; font-size:0.9em; background:red; width:218px; margin-top:2px; background-repeat:no-repeat; background-position:top right; height:20px; overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer{ background:red; width:218px; visibility:hidden; height:0px; overflow:hidden; padding:0; margin:0; } .dhtmlgoodies_answer ul { list-style:none; } .dhtmlgoodies_answer_content{ font-size:0.9em; height:70px; } .block { background:red; width:400px; height:80px; float:right; margin-top:0px; } div.contain {width:626px;background:#00f} </style> <script type="text/JavaScript"> var dhtmlgoodies_slideSpeed = 10; // Higher value = faster var dhtmlgoodies_timer = 10; // Lower value = faster var objectIdToSlideDown = false; var dhtmlgoodies_activeId = false; var dhtmlgoodies_slideInProgress = false; function showHideContent(e,inputId) { if(dhtmlgoodies_slideInProgress)return; dhtmlgoodies_slideInProgress = true; if(!inputId)inputId = this.id; inputId = inputId + ''; var numericId = inputId.replace(/[^0-9]/g,''); var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId); objectIdToSlideDown = false; if(!answerDiv.style.display || answerDiv.style.display=='none'){ if(dhtmlgoodies_activeId && dhtmlgoodies_activeId!=numericId){ objectIdToSlideDown = numericId; slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1)); }else{ answerDiv.style.display='block'; answerDiv.style.visibility = 'visible'; slideContent(numericId,dhtmlgoodies_slideSpeed); } }else{ slideContent(numericId,(dhtmlgoodies_slideSpeed*-1)); dhtmlgoodies_activeId = false; } } function slideContent(inputId,direction) { var obj =document.getElementById('dhtmlgoodies_a' + inputId); var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId); height = obj.clientHeight; if(height==0)height = obj.offsetHeight; height = height + direction; rerunFunction = true; if(height>contentObj.offsetHeight){ height = contentObj.offsetHeight; rerunFunction = false; } if(height<=1){ height = 1; rerunFunction = false; } obj.style.height = height + 'px'; var topPos = height - contentObj.offsetHeight; if(topPos>0)topPos=0; contentObj.style.top = topPos + 'px'; if(rerunFunction){ setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer); }else{ if(height<=1){ obj.style.display='none'; if(objectIdToSlideDown && objectIdToSlideDown!=inputId){ document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block'; document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible'; slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed); }else{ dhtmlgoodies_slideInProgress = false; } }else{ dhtmlgoodies_activeId = inputId; dhtmlgoodies_slideInProgress = false; } } } function initShowHideDivs() { var divs = document.getElementsByTagName('DIV'); var divCounter = 1; for(var no=0;no<divs.length;no++){ if(divs[no].className=='dhtmlgoodies_question'){ divs[no].onclick = showHideContent; divs[no].id = 'dhtmlgoodies_q'+divCounter; var answer = divs[no].nextSibling; while(answer && answer.tagName!='DIV'){ answer = answer.nextSibling; } answer.id = 'dhtmlgoodies_a'+divCounter; contentDiv = answer.getElementsByTagName('DIV')[0]; contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; contentDiv.className='dhtmlgoodies_answer_content'; contentDiv.id = 'dhtmlgoodies_ac' + divCounter; answer.style.display='none'; answer.style.height='1px'; divCounter++; } } } window.onload = initShowHideDivs; </script> </head><body> <div class="contain"> <div class="menus"> <div id="dhtmlgoodies_q1" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Lumbridge.Net</strong> </div> </div> <div style="display: block; height: 70px; visibility: visible;" id="dhtmlgoodies_a1" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac1" class="dhtmlgoodies_answer_content" style="top: 0px;"> <ul> <li><a href="http://www.team-recoil.com/testing/forums/">Forums</a></li> </ul> </div> </div> <div id="dhtmlgoodies_q2" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Calcs</strong> </div> </div> <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a2" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac2" class="dhtmlgoodies_answer_content" style="top: -69px;"> <ul> <li><a href="">Skill Calculators</a></li> <li><a href="">Mini Games</a></li> </ul> </div> </div> <div id="dhtmlgoodies_q3" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Guides</strong> </div> </div> <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a3" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac3" class="dhtmlgoodies_answer_content" style="top: -69px;"> <ul> <li><a href="http://www.team-recoil.com/testing/guides/skills/">Skill Guides</a></li> <li><a href="http://www.team-recoil.com/testing/guides/mini-games/">Quest Guides</a></li> </ul> </div> </div> </div> <div class="block"> Hi #PHP. </div> </div> </body></html>
-
wierd i dont fully support this option but i added a table to your page to test something and got it working im tweaking it a bit still but this is a temp fix
<html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Sliding Menu</title> <style type="text/css"> menu{ float:left; width:218px; } .dhtmlgoodies_question{ color:#FFF; font-size:0.9em; background:red; width:218px; margin-top:2px; background-repeat:no-repeat; background-position:top right; height:20px; overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer{ background:red; width:218px; visibility:hidden; height:0px; overflow:hidden; padding:0; margin:0; } .dhtmlgoodies_answer ul { list-style:none; } .dhtmlgoodies_answer_content{ font-size:0.9em; height:70px; } .block { background:red; width:400px; height:80px; float:right; margin-top:0px; } div.contain {width:626px;background:#00f} </style> <script type="text/JavaScript"> var dhtmlgoodies_slideSpeed = 10; // Higher value = faster var dhtmlgoodies_timer = 10; // Lower value = faster var objectIdToSlideDown = false; var dhtmlgoodies_activeId = false; var dhtmlgoodies_slideInProgress = false; function showHideContent(e,inputId) { if(dhtmlgoodies_slideInProgress)return; dhtmlgoodies_slideInProgress = true; if(!inputId)inputId = this.id; inputId = inputId + ''; var numericId = inputId.replace(/[^0-9]/g,''); var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId); objectIdToSlideDown = false; if(!answerDiv.style.display || answerDiv.style.display=='none'){ if(dhtmlgoodies_activeId && dhtmlgoodies_activeId!=numericId){ objectIdToSlideDown = numericId; slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1)); }else{ answerDiv.style.display='block'; answerDiv.style.visibility = 'visible'; slideContent(numericId,dhtmlgoodies_slideSpeed); } }else{ slideContent(numericId,(dhtmlgoodies_slideSpeed*-1)); dhtmlgoodies_activeId = false; } } function slideContent(inputId,direction) { var obj =document.getElementById('dhtmlgoodies_a' + inputId); var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId); height = obj.clientHeight; if(height==0)height = obj.offsetHeight; height = height + direction; rerunFunction = true; if(height>contentObj.offsetHeight){ height = contentObj.offsetHeight; rerunFunction = false; } if(height<=1){ height = 1; rerunFunction = false; } obj.style.height = height + 'px'; var topPos = height - contentObj.offsetHeight; if(topPos>0)topPos=0; contentObj.style.top = topPos + 'px'; if(rerunFunction){ setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer); }else{ if(height<=1){ obj.style.display='none'; if(objectIdToSlideDown && objectIdToSlideDown!=inputId){ document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block'; document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible'; slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed); }else{ dhtmlgoodies_slideInProgress = false; } }else{ dhtmlgoodies_activeId = inputId; dhtmlgoodies_slideInProgress = false; } } } function initShowHideDivs() { var divs = document.getElementsByTagName('DIV'); var divCounter = 1; for(var no=0;no<divs.length;no++){ if(divs[no].className=='dhtmlgoodies_question'){ divs[no].onclick = showHideContent; divs[no].id = 'dhtmlgoodies_q'+divCounter; var answer = divs[no].nextSibling; while(answer && answer.tagName!='DIV'){ answer = answer.nextSibling; } answer.id = 'dhtmlgoodies_a'+divCounter; contentDiv = answer.getElementsByTagName('DIV')[0]; contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; contentDiv.className='dhtmlgoodies_answer_content'; contentDiv.id = 'dhtmlgoodies_ac' + divCounter; answer.style.display='none'; answer.style.height='1px'; divCounter++; } } } window.onload = initShowHideDivs; </script> </head><body> <div class="contain"> <table><tr><td><div id="dhtmlgoodies_q1" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Lumbridge.Net</strong> </div> </div> <div style="display: block; height: 70px; visibility: visible;" id="dhtmlgoodies_a1" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac1" class="dhtmlgoodies_answer_content" style="top: 0px;"> <ul> <li><a href="http://www.team-recoil.com/testing/forums/">Forums</a></li> </ul> </div> </div> <div id="dhtmlgoodies_q2" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Calcs</strong> </div> </div> <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a2" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac2" class="dhtmlgoodies_answer_content" style="top: -69px;"> <ul> <li><a href="">Skill Calculators</a></li> <li><a href="">Mini Games</a></li> </ul> </div> </div> <div id="dhtmlgoodies_q3" class="dhtmlgoodies_question"> <div style="margin: 2px;"><strong>Guides</strong> </div> </div> <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a3" class="dhtmlgoodies_answer"> <div id="dhtmlgoodies_ac3" class="dhtmlgoodies_answer_content" style="top: -69px;"> <ul> <li><a href="http://www.team-recoil.com/testing/guides/skills/">Skill Guides</a></li> <li><a href="http://www.team-recoil.com/testing/guides/mini-games/">Quest Guides</a></li> </ul> </div> </div> </td> <div class="block"> Hi #PHP. </div> </td></tr></table> </div> </body></html>
-
you want a select menu that changes the webpage?
so if user selects 2009 it shows a page for 2009?/
<form action="../"> <p><select onchange="window.open(this.options[this.selectedIndex].value,'_top')"> <option value="">Choose Sort Option</option> <option value="index.php">All</option> <option value="genre.php">By Genre</option> <option value="author.php">By Author</option> </select>
-
tables for this arent the best bet
use lists and list items you will find it way faster in the long run
-
i only quickly scanned your code but
<div align="center"<strong><B>Laatst toegevoegd</B></strong></div>
should be
<div align="center"><strong><B>Laatst toegevoegd</B></strong></div>
you had a missing >
-
crawlers see the page as a browser would so it prints out all the html and titles not the varibles to gain its content
hence how places like myspace have profiles indexed its all varible driven
-
odd i clicked it and got nothing like that
-
-
qoutes are not needed
-
agreed content pwns html in the seo world but doing as your client wants makes you money and keeps them happy,
i would explain to them that this makes no seo difference what so ever but if they really want you to do it it shouldnt be more then a 10 second edit cause smart coding says a form on every page is included from a php include or asp if you roll that way
ps the html used there and the js used would not effect this at all the name of the form is the more important thing to seo not the submit button
so blegh your customer is wrong
-
newegg ftw
-
i agree on all points above in crit
i would consider moving the flower into the actual header instead of the background of the page
so it would be
(flower image ) egg hunt (maybe a mirror or the flower image)
and kinda blend the header into the background a bit it seems like it would clean it up a bit more
-
For one thing, text-align applies to block level elements only. But
even if you assign display: block to the select and option elements,
the texts probably won't be centered. The reason is that browsers use
their built-in routines for rendering form fields, and these routines
are affected by CSS rules to a limited extent only.
im not too clear what your trying to do so i dont have anything to reccomend off hand
-
Planning -> Development -> Testing -> Release
You missed Design.
Planning -> Design -> Development -> Testing -> Release
That assumes a linear approach
There's other methodologies such as RAD where you use a much more phased, iterative approach to design and development
i wish i was that smoothly done
Planning -> Design -> Development -> Testing ->gets angry adds features -> Design phase 2 ->testing -> Product reviews-> fixing bugs -> Release
-
should help you out alot with css shorthand
http://www.dustindiaz.com/css-shorthand/
bu i think you want this
element { background: #9eb9c4 url(iimages/body-bg.jpg) repeat-y; }
-
God I hate IE.
Sorry. Just throwing that out there.
I'm making it my goal later to find why exactly hotmail doesn't send right in Chrome.
I give up a lot though x.x.
at least you set the goal i guess haha i gave up on hotmail years ago so this is the first ive heard of hotmail and chrome not working toghethor
-
-
js
<script language="javascript"> document.forms[0].onsubmit = function() { if(this.elements['password'].value != this.elements['password_confirm'].value) { alert('Passwords do not match'); return false; } return true; } </script>
-
wouldnt it be border:none; in css not 0
i think either works but border:none seems more proper
-
check if they are connected right ive had this issue once before aftwer i moved and the wires somehow got loose
(mind you those were for added usb ports from my case )
all my other ways have been listed hrmm
-
i just discovered this and fiqured it might help people design sites a bit faster and make testing browser resolution way eaiser
-
use validation on w3c.org on your html
it seems you might hacve a missing end tag on a div or an extra is all i can imagine off hand
[SOLVED] More Inviting Look?
in Website Critique
Posted
god it seems like there would be a better way to center things
http://pmob.co.uk/pob/hoz-vert-center.htm
meh there really isnt tho that i can think of