floatingDivs

[QUOTE=vijiglad;1490577]how can i do that?[/QUOTE] I would assume it could be very simple. Every time someone uploads an image, the image is put onto the "images" directory of the site. The URL the image is uploaded to "http://yoursite.com/assets/images" + "filename.filetype" is inserted into the database. Then, you can link to …

Hi Daniweb, I'm trying to create a basic, grid-based (table-layout) calendar using PHP. I'm in the planning stages currently, but need some help coming up with an effective way to display empty boxes (for instance, November starts on Monday, so the left-most box (Sunday) needs to be empty. December starts …

I agree with russ_nbhs! chrisea, you're a fool and a prick for not being able to understand the fairly clear and obvious questions posed by russ_nbhs. He knows enough to get the scripts to work, but doesn't know how to actual code with them (lol). Also, just because you know …

After I changed your charset to UTF-8, everything looked better... <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

We can't view your website. My guess is that you are running it on a local server off your desktop and you decided to turn off the PC (or just the server). Can you put this up on a 99.9% uptime server? Thanks.

Hi Violet_82, Try something like this (make this the VERY LAST style in your head) <style type="text/css"> @media only screen and (max-device-width: 480px){ #main_picture img { width: 100%; } } </style> </head> [COLOR="Red"]NOTICE HOW THAT STYLE IS THE LAST THING?[/COLOR] Once you upload it, try to view it in the …

Hi kukula, It's time to rewrite the site. You've done it using some very unsupported formats that appear to only be working with Chrome. [b]Example[/b] [CODE]img[height=223] { ... }[/CODE] Either make sure to use pixels like this [CODE]img[height="223px"] { ... }[/CODE] or try to NOT use those types of things.

[QUOTE=versan;1770480]Newsletter dont support external css.. that is the prob i face.. if you have any other suggestion plz share it... Thanks for the pre reply..Advance thanks for the post-reply[/QUOTE] I would say you can't expect to do that and have it be compatible across all email clients. You shouldn't be …

Well, assuming they are pasting in an HTML page, that's to be expected. It's also to be expected if you are using an iFrame to display their content. On the other hand, if all you are doing is displaying what THEY WROTE into the textarea (and you are 100% sure …

Set the following CSS to fix the layout issues (especially the footer). [CODE] #footer-container { clear: both; } [/CODE] Then, add the following div underneath <div id="text"> in <div id="boxcontainer"> [CODE]<div style="clear:both;"></div>[/CODE] So it should look something like this: [CODE] <div id="image"><img align="LEFT" src="http://ocklaw.com/new/wp-content/themes/ocklaw/images/pic2.png"></div> <div id="text">Request more information from OCK&Associates …

Hi zobadof, I've made the page look very similar to the PNG example you posted. Here's the code I used to do it. [CODE] #main { position: relative; } #marq { width: 752px; } #logo2 { right: 0; top: 127px; } #donate { position: absolute; right: -70px; top: -35px; opacity: …

Can you show the entire HTML page? Even better, can you give us a link to a hosted version of the page? The CSS is very limited and we can't help much with it.

Hi Violet_82 (again), I think I've given you the lecture on clearing floats about 100x. :P Remove the margin from the .main_picture img (or set it to margin: 0; as below) Then, set a [b]clear[/b] on the .main_picture div. That ought to fix it. [code] .main_picture { clear: both; } …

I know I'm late, but here's a pretty good technique of getting around faux columns (and reliance on JavaScript/jQuery). http://offshootinc.com/blog/2011/11/23/getting-100-column-height-with-css/ The only downside is lack of support in IE6, but who cares?

[CODE]#header-wrapper { float: left; }[/CODE] I've attached an image to show you that it's fixed in FF10 if you apply my CSS change above. I posted the solution yesterday afternoon, but for some reason it didn't appear? Anyways, good luck with the blog!

Hi Alan (al2henry), You should familiarize yourself with CSS [URL="http://css-tricks.com/all-about-floats/"]floats[/URL]. Here's what you should do (the ONLY thing you change). [CODE] #navBar { float: left; margin: 0; width: 21%; } </div> <!--end navbar --> <div style="clear:both;"></div> <--// [COLOR="Red"]Add this under the "navbar" div to "clear" the floats (you'll learn about …

I'm kinda shaking my head and laughing my ass off. PF2G was writing HTML/CSS tutorials just two months ago and when a couple poster made note of his mistakes / things he left off, he couldn't take the criticism and went off on them. However, the guy who writes tutorials …

There is a neat way to get around having to use dozens upon dozens of media queries. Use [B]one[/B] media query (check if window size is less than 800px wide [for instance]). If it is less than 800px wide, rather than using a set width (I'm guessing you have a …

Is this your page? [url]http://www.directsellinglive.com/index.html[/url] (does work) I'm guessing you guys use a .htaccess file to allow .php precedence over .html files. [url]http://www.directsellinglive.com/index.php[/url] (doesn't work) Chances are your index.php page is empty (nothing in there). Go check and report back with the results. How did it happen? No idea, but …

Hey everyone (especially Narue!), I've ventured over to the C++ board again. I've been reading my C++ book (Data Structures and Algorithms in C++) again and want to fully grasp the concept of pointers. In the back of each chapter, a couple of exercises are available and I'm attempting to …

You're looking to use [URL="http://www.w3schools.com/css/css_image_transparency.asp"]opacity[/URL], I believe.

There are two great options. TinyMCE - http://www.tinymce.com/ CKEditor - http://ckeditor.com/ If you want more support, I'd suggest TinyMCE. If you want accessibility, CKEditor is said to be 100% accessible (or close to) and uses ARIA.

I'm assuming you are using Google Custom Search. If so, there's an option to receive results "inside" the current page.

Set vertical-align for the class .wt to top. .wt { vertical-align: top; }

Hi guys, I need help setting up Google's Custom Search for a unique experience. I've got two views for an app: [url]http://mysite.com/calendar/month/7[/url] and [url]http://mysite.com/calendar/grid/7[/url] What I want to do is have the ability to search BOTH views using ONE Google Custom Search because they contain the same events, just with …

No, you can't use variables or placeholders in CSS. Why would you even want to, though? Using PHP, it's as simple as assigning a second class (.green for green background, .blue for blue background, etc.) and you should be covered.

Add the attribute[B] align="center" [/B]to the footer table. Also, the site is 7-8 years old I'm guessing...it uses REALLY old HTML.

Hi Violet_82, The answer is very simple. Chances are you are assigning specific (pixel-based) widths to various divs and lists. So, let's say you gave the div containing your social media information a width of 150px (inside the sidebar div). Let's also assume you gave your main content area ("content" …

The following code appears to fix IE9 issues... [CODE] <!DOCTYPE html> <html><head><style type="text/css"> body { background-color: #000; } .white { color: #FFF; } .heading { color: #2B5CBB; } a:link { color: #000; text-decoration: none; } a:visited { text-decoration: none; color: #999; } a:hover { text-decoration: underline; color: #FFF; } a:active …

Something like this is probably what you are looking for... [url]http://www.blueprintcss.org/[/url]

After something's been floated, it has to be cleared on the SAME level. So, after the div with class [b]paragraph[/b], create yet another div and give it a class [b]clear[/b]. NOTHING GOES BETWEEN THE STARTING TAG AND ENDING TAG OF A CLEAR! The CSS style is a simple [b]clear:both;[/b] <div …

Something like this is what you're probably looking for. [code] <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> ul { height: 30px; line-height: 30px; margin: 0; padding: 0; } ul li { border: 1px solid #444444; display: inline; float: left; height: auto; line-height: 30px; margin-right: 18px; } ul li:first-child { } …

It's pretty simple to create a mobile view of the site by adding content that's hidden on the desktop view and shows up on the mobile view. This way, those 800x120 header images don't render on a mobile screen and do on a desktop view. Things like that are really …

The attribute to use would be [B]disabled[/B]. [url]http://www.w3schools.com/TAGS/att_textarea_disabled.asp[/url] While w3schools.com is a joke to learn from, it's a good reference for a vast assortment of language attributes.

Are they all referencing a jQuery file? If so, you'd be pulling in 3 diff. copies of jQuery, which would cause it to stop working unless you use a function that loads only one version of it.

Hi Violet82, This should be what you're looking for. [CODE] // load images var mainPictures = ["images/gloom_full_1.jpg", "images/gloom_full_2.jpg", ... "images/gloom_full_27.jpg" ]; var thumbPictures = ["images/gloom_thumb_1.jpg", ... "images/gloom_thumb_27.jpg"]; var thumbShadedPictures = ["images/gloom_thumb_shad_1.jpg"... "images/gloom_thumb_shad_27.jpg"]; // counter var currentImage = 0; // set picture to be 1st element in array (gloom_full_1.jpg) $("#pic_1").attr('src',mainPictures[currentImage]).fadeIn(2000); function …

No offense, but couldn't someone read all of what you've written on w3schools.com/html? Heck, it's all available on the first couple pages... Also, Arkinder made a great point. You're teaching people to code, but you forgot the DOCTYPE?!?! Lastly, stop cussing in your posts.

Hi guys, I just finished doing my homework assignment on spanning trees and I wanted some reassurance that I've done it correctly. I'm not looking for someone to state a correction, but rather let me know I've made a mistake (if I have). Here are my edges for [B]Prim's Algorithm[/B] …

[CODE]<script type="text/javascript"> function multiply() { document.getElementById('text3').value = document.getElementById('text1').value * document.getElementById('text2').value; } </script> <input type="text" id="text1" onmouseout="multiply()" /> <input type="text" id="text2" onmouseout="multiply()" /> <input type="text" id="text3" /> [/CODE]

Hey guys, I've spent the last 20 or so minutes developing an OOP cookie-setting script. Unfortunately, even though everything I'm printing out via alert looks correct, the cookie won't set. Can someone take a look and see where I've made a mistake? [CODE] <script type="text/javascript"> function Cookie(){ this.cookieName; this.cookieExpiration; this.cookiePath; …

Hey guys (and gals), I've been wondering this question for the longest time and no Google query I've tried really seems to answer it. So, I'm going to try to ask this question in the most detailed way possible. Whenever you go onto a forum / discussion board, the layout …

[QUOTE=rashidbn;1597874]i think ssd and os not work make together. but try[/QUOTE] What in the world? Considering SSD's use SATA connectors just like HDDs, yes they will. I'm currently running a 60GB SSD for the operating system (and FIFA 11!) and use my 1TB secondary drive to store my videos, pictures, …

drjohn, Are you sure it's invalid? Appears to work fine for me. Please consider actually TESTING the code before spewing the kind of crap you did above. Thanks! P.S. I'm just joking! :P

Change position from [B]fixed[/B] to[B] absolute[/B].

Try this from StackOverflow. http://stackoverflow.com/questions/1226574/disable-copy-paste-into-html-form-using-javascript

Hi Riteman, It's failry easy to get the "total" from two fields and output it into a third field. <script type="text/javascript"> function calculateCost() { var cost = parseInt(document.getElementById("cost").value); var quantity = parseInt(quantity.getElementById("quantity").value); var total = parseInt(document.getElementById("total").value); total.value = cost * quantity; } </script> <input type="text" id="cost" value="200" disabled /> <input …

Hey guys, I need some help in regards to Dreamweaver's Live View and Absolute Paths. A new co-worker just had Dreamweaver installed and was trying to work with a single page that had all absolute paths for CSS links (meaning [url]http://mysite.com/styles.css[/url] instead of /styles.css as the link) and still wasn't …

I believe the problem lies with using [b]framesets[/b]. I don't think IE9 supports them in any way, shape, or form. I tested out the page by removing snippets of code at a time and after deleting the frameset, the page "worked", albeit displayed empty. A little research on Google confirms …

Hello everyone, This question is in regards to mobile websites and the "Add to home screen" functionality. The mobile version of the site has been finished, but it's been suggested that the feature be implemented into the site as well. Despite the information available to the contrary, it's definitely possible …

Hi Griffin, I took a look at your code and see a problem. You have set the CSS for paragraph tags (<p>) to have a large height and great deal of padding associated with them. Then, you placed it directly before "Pre-order before July..." which caused a huge amount of …