273 Posted Topics
 | It is possible. With the use of ajax. Sure there are tons of tutorials out there. Don't need an iframe though, could just add it directly into a div. Eg. [CODE=JS] $.get("includes/livefeed.php", { userid: $('#userID').attr('value'), type: "camconnect" }, function(data){ $("#livefeed").html(data); }); [/CODE] In the example above, we well send the … |
 | Easy.... change the following CSS [CODE=CSS] ul#css3menuleft { display:block; font-size:0; left:10px; padding:0 3px 3px; position:fixed; top:170px; z-index:1000; } [/CODE] All i added was "position:fixed"  |
| | Can tell you what the problem is, it's the way you approaching all your css. Doesn't make any logical sense. Why is everything negitive and 200% widths? From your layout, it should be really simple. [CODE=HTML] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled … |
 | Never used it myself, but a quick google search lead me to [URL="http://www.modernizr.com/"]Modernizr[/URL] |
 | Re: Next Step... Really depends where you want to go with your career. If you plan on going into [B]front-end development:[/B] HTML and CSS, JS,Jquery and AJAX [B]Backend development:[/B] PHP, AJAX, XML, JSON and REST/SOAP [B]Interactive development:[/B] AS 3.0 and/or Flex, OOP principles and site architecture, API integration techniques like AMFPHP/JSON and web … |
| | Can you post some code or a link so i can take a look at your code?  |
| | Hi Davina, [B]A few tips[/B] -You really should understore your image names. -Secondly, add them to a folder (images) - its just neater that way. Lusiphur was on the right track, but since your bgs change with every page. Why dont you give your body ids. eg. [CODE=CSS] /* Themes … |
| | This is not possible, PHP cannot have any influence over the print settings. The best you can do is supply a print stylesheet to change the appearance of a page. |
| | If you talking about drop-downs.... you can use either. But i would probably stick with css. Alot easier to implement as well as no client-side processing. Most of the time we use them in lists. Interested in learning more... [URL="http://www.google.co.za/search?q=css+dropdown"]google[/URL] |
| | I'm assuming the wrapper class is behind your flash, try adding "position:relative" to it. |
| | Re: div autoresize My first thought would be. Simply add a float to your education class. E.g. [CODE=CSS]float:left[/CODE] |
| | umh.... I'm not sure what you trying to do, you talking about the gradient? |
| | Umh.... so you want them to all use the same password? |
| | Ok I think im getting you. By default you already have all the information saved within your db im assuming. So why don't you try something long these lines; [CODE=PHP] <?php $recordId = $_GET['id']; $query="SELECT * FROM products WHERE id='$recordId'"; $result=mysql_query($query); $num=mysql_numrows($result); mysql_close(); $i=0; while ($i < $num) { $f1=mysql_result($result,$i,"data"); … |
| | Try something like this: [CODE=HTML] <style> .wrapper { position:relative; } #txtSelectedFile { position:absolute; top:0; left:0; z-index:150; } </style> <div class="wrapper"> <input id="txtArtwork" style="Z-INDEX: 149; WIDTH: 724px; HEIGHT: 22px;" tabindex="17" type="file" src="//localhost/ArtworkAttachments" size="101" name="MyFile" runat="Server"> <asp:TextBox id="txtSelectedFile" style="Z-INDEX: 149;" runat="server" Width="642px" tabIndex="18"></asp:TextBox> </div> [/CODE] Should do the trick |
| | Re: css box I'd go about it by positioning containers relatively, then having all the corners positioned in a sprite relative to that container. Using a transparent GIF would probably do the trick. Eg. [CODE=CSS] .right_roundedcorners {position:absolute;background:url(../images/right_module_corners.jpg) no-repeat; width:10px; height:9px;} .right_topleft_c {top:0; left:0; background-position: 0 0} .right_topright_c {top:0; right:0; background-position: -10px 0} .right_bottomleft_c … |
| | Re: print html form Hi Pranav, I don't quite understand. Would you like the form to be printed onscreen? If so (Im going to use php to do this) here is what we will do. Simple HTML form: [CODE]<form id="form1" name="form1" method="post" action="mail.php"> <p>Name <input name="visitor" type="text" id="visitor" /> </p> <p>Email <input name="visitormail" type="text" … |
| | What i would suggest is using a background image (of a square) instead. This will help with the positioning. Sure you can find a whole bunch online [URL="http://css.maxdesign.com.au/listutorial/master.htm"]Here is one[/URL] Oh, by the way. [CODE=HTML] <ul id="nav"> <li><a href="">Buyers</a></li> <li><a href="">Sellers</a></li> </ul> [/CODE] |
| | Truth of the matter is you going about it all [B]wrong[/B], you approaching it, like its a table. The way i would do it, is image sprites. left and right corner. position them absolute to container div (which would be relative). Personal opinion aside. Add this to your css. Should … |
| | Works fine on firefox 3.63 |
| | I would position my container relative, then add another class within it called "shadow" and do the following [CODE=css] .shadow { position:absolute; background: url() no-repeat; /* your image sliced from where the white background ends */ left:0; bottom: -10px; /* the size of the image */ width: 200px /*size of … |
| | This is an easy one. Change [CODE=CSS] .footer_logo { float:right; margin:0 15px 0 0; padding:0; position:relative; } [/CODE] [B]Note:[/B] Margin. We using short hand. But this is how it basically works. Top, right, bottom, left. Eg. We have added 15px to the right |
| | I'll be honest with you, i dont really know where to even start... So i re-wrote your code (dont usually do it, but i HAD to) Below is 'contactdev.htm' [CODE=HTML] <style type="text/css"> .container { width: 1121px; font-family: Verdana; } .contact_form { width:420px; float:left; } .contact_form p { text-align: center; } … |
| | Are we basically talking about hidden divs that are made visble onclick or called using ajax? and you would like the content div to expand accordingly? |
| | Re: Barcode Reader Not sure where to go after reaching your landing page. A little more detail would help out alot |
| | Hi, Colweb is nearly on point. Rather do this [CODE] <td colspan="2" valign="top" style="background: url("http://djfades.com/images/main_bg.jpg") no-repeat "> [/CODE] |
| | Change your [CODE=PHP]id='val[]'[/CODE] to [CODE=PHP]name='val[]'[/CODE] Want to test to see if it works? [CODE=PHP] foreach($_POST['val'] as $vals){ echo "$vals<br />"; } [/CODE] |
| | Hi Linda, Add a element class with a img tag to your index.php within the template folder. It's really easy. If you having problems, post your index page and i will get it going for you. |
| | Re: Center div tag So let me get this straight. You have a container that is liquid (so basically window), and you would like to center a div, 650px by 450px. Horizonal is easy, [CODE=CSS]margin: 0 auto[/CODE] Getting it vertically, we would have to go jquery Here is a [URL="http://stackoverflow.com/questions/210717/what-is-the-best-way-to-center-a-div-on-the-screen-using-jquery"]link[/URL] from stackoverflow  |
| | [CODE=CSS] * { margin: 0; padding: 0; border: 0; font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal; text-decoration: none; } .Productcontainer { width: 405px; height: 220px; border: 1px solid black; position:relative; margin: 10px auto; padding: 15px; } .Productimage { background: blue; width: 200px; height:200px; /* add 20px for desciption */ … |
| | Why no javascript if you dont mind me asking? |
| | Simple, add some validation. I would probably go with jquery (personal preference) So think of something along these lines [CODE=JS] $('#formid').submit(function() { var checkValid = $("#formid").validationEngine({returnIsValid:true}); if( checkValid == true ) { // "print" }else{ // "stop" return; } }); [/CODE] |
 | I would say, use ajax. Post your code and we can take it from there |
| | Hi, So basically I have a php file that fetches database records and displays it. Now i would like to add the ability to edit each record using lightbox. here is the main file [CODE=PHP] <?php $username="root"; $password=""; $database="lhs_anniversary_banquet"; mysql_connect("localhost",$username,$password); @mysql_select_db($database) or die( "Unable to select database"); $query="SELECT * FROM … |
| | |
| | Hi, Are you talking about like the layout??? Cause if so, use [URL="http://www.w3schools.com/css/"]CSS[/URL]. |
| | Try this little trick (not sure if it will help) [CODE] div#pagination a { background-color: red; color: white; border: 1px; border-color: black; padding: 2px;} [/CODE]  |
| | Hi, I wouldnt approach it in the same manner you doing it. I'd simply do it as follows by adding an id to each h3 heading within the document, [CODE] <b id="enlace0">Asociaciones</b> ... <b id="enlace1">Blogs de Interés</b> [/CODE] Make sense? |
| | Re: favicon Hi, Could have just googled it, nevertheless here are two links; [URL="http://www.w3.org/2005/10/howto-favicon"]How to add a favicon[/URL] [URL="http://www.antilogic.co.za/design/50-examples-of-good-favicon-design/"]Cool Examples of favicons[/URL] |
 | Try these changes; [CODE=CSS] #home { text-decoration: none; background: url('myhomebutton.jpg') no-repeat top left; margin: 0px 0px 0px 0px; padding-top: 0px; width: 192px; height: 198px; float:left } #work { text-decoration: none; background: url('workbutton.jpg') no-repeat top left; margin: 0px 0px 0px 192px; width: 156px; height: 198px; position:relative; float:left; } #contact { text-decoration: … |
| | Hey spookies, What i would suggest is, removing #topnavbg and adding it to your body background (at the top). Will get the same effect wouldnt you? another little tip, make your body background width 1px; since you wrapping it horizontally. Went with JPG cause its smaller than a gif :) … |
| | Close the following; [CODE=HTML]<li>Vivamus leo nisi, dictum at pellentesque vitae, fringilla quis diam.</li>[/CODE] Try adding "position:relative" to the class. Not too sure whats really going on since you just giving us a snippet and chances are it works when its alone. Could also try "display:block" |
| | Hi K, Can i get to look at your source? |
| | Re: div statement Also, you have a space inbetween 20 and px (padding). You should note that ie6 only supports pseudo if you have [B]no[/B] DOCTYPE declaration (which is strange, since ie5.5 does). Which means your document will not validate. Rather just stay away from it |
| | Hi mairtino, I'm no browser expert, but what I would logically conclude is that; IE and Opera are reading your initial key press of "m" then when you click it again, it assumes you doing "m+m". Hence it skips the rest. Whereas, the second time around, its just querying "m" … |
| | It's a very common problem. If you really want to style it though, I reckon go with jquery. [URL="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/"]Here [/URL] is a nice example/tutorial of what is really possible and its cross-browser compatible. |
| | Try this [CODE=CSS] div#inner_box ul { background: #aaa; padding: 0px; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; float:left; } div#inner_box li { display: inline; border-right: 1px solid #000; } [/CODE] |
| | Not exactly sure what you saying. But lets give this a bash. Replace the following IDs [CODE=CSS] #content { position:relative; left:0px; width:990px; height:auto; z-index:1; background-image: url(images/bg-content.png); margin-top: 0px; float:left; } #contentmain { float: left; width: 625px; height:auto; margin-left: 50px; } #contentright { position:relative; margin-left: 675px; width: 225px; height:auto; } [/CODE] … |
| | Crago's code works, but here's how i would do it [CODE=CSS] body { background: #c7c1c1; /*shorthand */ font-family: Palatino Linotype, Georgia Times, Times New Roman, Serif; } div#centrepage { background: #5D2C2C; /*shorthand */ width: 980px; /*why we declaring min and max? */ position: relative; /*so we can center div properly … |
| | I'll tell you why, its cause you positioning your images absolutely and your image height 110px. I would recommend trimming the image and just leaving the button itself (remove the background) doing so will solve your issue. Or rather. Wrap the images in divs and add the link to the … |
The End.