HTML - Force Images To Stack...
I'm creating a webpage with multiple right-aligned images. Each chunk of text has an image associated with it to the right.
I'm having a problem keeping these images stacked on top of each other. If the chunk of text isn't taller than the associated image, the next paragraph and associated image sits to the left of the first image. I want both of these to sit below the first image. Currently, I'm using <br> tags to push the next paragraph down, but I'd like to avoid that. I hope I'm being clear. Here's an image to illustrate what I mean: The example above the blue line is what I'm experiencing. Below the blue line is what I want. I'd like to do this without tables. Similar TutorialsI have a pdf file that is the catalog for my business. Is there a way to make it so that i can create a link that says "view" and if people click on it, then the standard "FILE DOWNLOAD" box does not come up... and it just opens the file in a separate window.... and have a "download" link where if they click that... then it just downloads the file. I know that i am weird... but i think it would be something that not everybody has... and something that would be kinda cool. Thanks in advance.... Mark Hi folks, I have a table and in one cell I have two images that normally appear side by side but when an a adjacent cell (or any cell in the same row) gets too large the images end up appearing on top of one another... is there some way to force them to stay side by side? I'd rather not have a table within the cell in question although i suppose i could if there's not some html or css way to make it work. Thanks in advance, Michael I'm making a game and this is my current code: <html> <head> <title></title> <style type="text/css"> </style> <form> <input type="button" value="abc" onclick="move()"> </form> <img name="img1"> <!--http://bluebutton.info/images/home-button.gif--> <script type="text/javascript"> function c() { document.images['img1'].src = "http://bluebutton.info/images/home-buton"> document.images['img1'].width = 150 document.images['img1'].height = 150 document.images['img1'].style.position ="absolute" } function move() { var obj='img1'; move('img1',-0.5,0); } </script> </head> <body> <body onload="c()"> <body onkeypress="move()" <body </body> </html> It tells me I have a stack overflow at line 23 which is: move('img1',-0.5,0); Any suggestions of how to fix this or just clean up the code? My IE is configured to automatically find the most rexent page, so when I address a website I see the current page. However, Safari and Firefox do not seem to have this optiion. So, when users address my website with those browsers they have to push the refresh button to be sure they are seeing my site's latest page. Yet when I use those browsers to access websites other than my own, I seem to get the latest page. This suggests that there may be a way to include in a page file a code that forces refresh. I know that there is a code ("no archive") that does the job where a search engine is involved, but how do I handle this problems where my URL is being directly addressed? Hello, I have the majority of the content of my site on pages that load within an iframe within the main page. I was wondering if there was a script that I could use on the content pages that, when loaded outside the frame would redirect to the main site, with the appropriate page loaded in the iFrame. Thanks in advance! Craig J. Ward I have a website where some pages have no scrollbar, and some do. For pages with the scrollbar, it looks fine. Because that's expected. For pages without the scollbar, it bumps the divs to the right by ~15 pixels (because there is no more scrollbar). Is there some type of script, or a way to setup a DIV, to force a scrollbar? Even if there is no overflow of content for the page? As long as I can force a scrollbar on the page, it should be consistent. Hi You would think if you did a basic DW rollover that it should work in IE Oh no!!!!!! Can anyone shed the light on this: Problem site Basically the language selection and the menus should have a change of colour, which is basically a rollover image made in dreamweaver. Menu seems to work here! This is the same menu code used to make the menu and a PC friend says that the rollover affect does work. i.e: There are peppers in the background of the words. Same code, two different affects. Any light? please??? Oh, both use PNG and both sites have the same IE PNG fix code. Did I state, its only IE that has the issue. Thanks in advance Long live Mac!!! Hi all, How do I force a single web page to update to its most recent content? This file is being loaded from a frameset and when I load it in IE it doesn't update, I have to wipe all the temporary IE files in order to see the updated content. Thanks in advanced. I have a form that contains a drop down list; <select name="list" id="list" multiple="multiple"> When the user clicks the form's submit button I want to run a function that returns true if an <option> from that <select> object was selected and false if they forgot to make a selection. What is a simple way of doing this? I was thinking that maybe there was an object method like; if(document.form.select.optionSelected()==true) {do something; return true}; else {do something else; return false;} Hi, I am trying to figure out how to restrict users (guests) from browsing straight to a page within my site. I would like to ensure that all users must access the site via www.mysite.com Example: User- browses to www.mysite.com/pages/interestingpage.php (or .htm) I would prefer to force the "User" to click their manually via the links on my main page. I imagine some sort of session would be required for this. However I do not wish to require users to log in. I've heard that .htaccess or Apache's config file can be used but so far I have not been successful. I do have full access to the server/configuration. Hoping someone can assist. Examples would be most ideal. Thanks! force download via server side scripting e.g. php <------ DOES ANYONE KNOW HOW TO DO THIS??? I want to have downloads on my site, but dont want to use zip files or the "right click, save as" garbage.... Hi all, I'm currently using the script below to resize a user's browser window when the site is opened: Code: <script language="JavaScript"> <!-- window.resizeTo(850,630) --> </script> Is there a piece of code I can add to this so that the browser window cannot be resized? This isn't a popup window, just the standard window. Thanks in advance, Baskervillain. Hi everyone, I'm new to this form and html I have a login portal, I want users to accept and click on the terms and conditions tick-box before he/she can click on the "Login" button. Any tips would be greatly appreciated. Cheers Tony Hi, Is there away to force my website to fit an Iphone screen when viewed on the iphone. At the moment the width doesn't full span the Iphones screen so it looks bad. http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Thanks alot Joe I need to display 40-50 images, one at a time, with a forward and backward button. No timer. Seems easy enough, but I don't know how to do it. Any tips would be greatly appreciated. Hello everyone, I am currently working on a website that will have a simple gradient border (something like an "outer glow" from Photoshop) along the border of a nested table in the page. The final result will be a simple box with data centered in the middle of the page... However, my question is more related to programming in general. I have two options: 1. Have a linear gradient (1 px by 5 px) which is rotated in the 4 cardinal directions, and then tiled all around the page. Also there will be corners (5 px by 5 px) on, you guessed it, the corners. 2. Creating tables, for instance: //"invisible" is a font class with size="1px" <table class="invisible" cellpadding="0" cellspacing="0" width="710"> <tr height="100"> <td width="1" bgcolor="#000000"></td> <td width="1" bgcolor="#333333"></td> <td width="1" bgcolor="#666666"></td> <td width="1" bgcolor="#999999"></td> <td width="1" bgcolor="#CCCCCC"></td> <td width="1" bgcolor="#FFFFFF"></td> <td width="700" bgcolor="#FFFFFF"> <!-- TemplateBeginEditable name="body" --> SITE CONTENT HERE <!-- TemplateEndEditable --> </td> <td width="1" bgcolor="#FFFFFF"></td> <td width="1" bgcolor="#CCCCCC"></td> <td width="1" bgcolor="#999999"></td> <td width="1" bgcolor="#666666"></td> <td width="1" bgcolor="#333333"></td> <td width="1" bgcolor="#000000"></td> </tr> </table> which recreate the same action as tiling the gradient along the outside edges using the simple HTML colors. Which, from the standpoint of REDUCING actual work done by the server, would be the more effective (not my time, which clearly option 2 takes more of). I know very little about image compression, and how the whole process works for calling up images from a server. Any explanation is appreciated. Thanks again, BlitzKampf The title thread says it all i can't get the image next to each other it always seems to end up underneath...here is a screenshot. The arrow is pointing to were I want it to go. So how do I do thi guys ? Greetings, I just recently started learning HTML and I am currently taking an HTML class in my college. One of my assignments was to create a web page with a certain amount of requirements but for some reason my teacher was not able to view the pictures when she tried to look at my assignment. Can someone please take a look at my source code and let me know what is wrong with it? <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Internet Security</title> <style type="text/css"> h1 {text-align: center} h3 {text-align: center} body {background-color: #FFEBCD} </style> </head> <h1>Security and the Internet</h1> <body> <p>Internet Security has become vital in today's society. With the imposing attempts to breach other computers, it is important to have good anti-virus software. Viruses can come in many different types. First and foremost are your standard <em><strong>trojan viruses</strong></em>. These viruses are used to steal passwords so the hacker can attempt to gain pertinent user information. Another form of a virus is a <em><strong>boot virus</strong></em>. A boot virus infects floppy disk or master boot records on a hard drive. They replace the boot record program (which is responsible for loading the operating system in memory) copying it elsewhere on the hard drive or overwriting it. Boot viruses load into memory if the computer tries to read the disk while it is booting.<hr /></p> <h3>Other Types of Security Dilemmas</h3> <p>Other security problems that are slowly rising include wireless network hacking. In this particular method of breaching, the perpetraitor attempts to steal a wireless connection by using DOS (denial of service attacks), man in the middle, Identity theft or MAC spoofing and sometimes, caffe latte attacks. The most frightening part of this type of breach, or any for that matter is the hackers ability to gain personal information by using the aforementioned methods. It is very important to secure your computer with an anti-virus program as well as, a firewall to ensure you are not a victim. Below is a security checklist which will aid in keeping hackers out of your system.<hr /></p> <h4 style="color:#DC143C">Ways to Stay Internet Safe</h4> <!-- The following six lines represent how ordered list work and would appear on a web page --> <ol> <li>Install an anti-virus program and firewall and, <strong>keep the definitions up to date</strong></li> <li><strong>NEVER</strong> open any attachments unless you know the sender</li> <li>Do not close your anti-virus and firewall. Real time protection is often active while they are open</li> <li><strong>DO NOT</strong> visit un-safe websites. Again, virus protection usually has a site watch plug in to aid in this</li> </ol> <p>Follow these helpful tips and you should remain virus free</p> <p>The following pictures to the right indicate two great antivirus and spyware programs used for Internet security today. I personally use both of these. Each of these particular pieces of software serve their own purpose. The AVG Free is used for scanning for viruses while the SuperAnti-Spyware is used to scan and resolve issues pertaining to spyware and adware. <!-- Picture links are displayed below --> <p><a href="http://free.avg.com/" title="click here to visit AVG's website"> <img src="AVG.gif" alt="photo of anti-virus software" border="0" align="right" width="140" height="140"/></a></p> <p><a href="http://www.superantispyware.com/" title="click here to visit SuperAnti-Spyware's website"> <img src="super.gif" alt="picture of SuperAnti-Spyware" border="0" align="right" width="140" height="140"/></a></p> <br> <br> <br> <br> <br> <br> <br><hr /> <p>In the next few steps I am going to describe how to stay virus free if using a wireless network</p> <h2 style="colorC143C">Instructions For Setting Up a Safe Wireless network</h2><br> </body> </html> Simple question. I have 2 images I'm displaying but they are displaying side by side. I want them to be one on top and one on the bottom. Here is my code: <p> <img src="images/GoldCard_Page_1.jpg" Align="left"> </p> <p> <img src="images/GoldCard_Page_2.jpg" Align="left"> </p> how can i put images on my page using html or css where you cant right click and copy the image or see the image url. (kinda like a background image, but where i can add several of them) |