HTML - Trying To Put Images Inside Scroll Boxes
I'm trying to modify the code from php fusions forum, the problem is that when users post images (using the [img] tag) and the image is big, the page layout moves to accomodate the large image, this is of course not really any good.
So. I'm attempting to make large images (Bigger than 360x600) have scroll bars, so they don't damage the page layout. I've managed to get this code working, after alot of beating it around. The problem is, is that in IE an image that is smaller than 360x600 still takes up 360x600 on the page, this is of course bad. Code: <div style="max-width: 360px; width: auto !important; width: 360px; max-height: 600px; height: auto !important; height: 600px; overflow: auto;"><img src="imgurl" /></div> So, if anyone can figure out how to make this not take up 360x600 with images that are not that large, it'd be great. You can see an example of the problem by viewing this page in firefox, and IE. Firefox displays the page correctly. Similar TutorialsI have worked with pre-made scroll boxe codes online but I happen to come across a profile online and I loved the layout of it and wanted to know if anyone would be willing to help me out. Thanks for your help! ok, i've spent awhile making layouts with photoshop and i've completely forgotten how to make different scroll boxes and tables. I need a table with which look this: If anyone can give me some HTML or a site that could tell me, that'd be great. Thanks. I'm trying to type HTML code into a scroll box so people can copy it and paste it onto their own sites, rendering an image. Problem is, the code renders the image inside the scroll box, when I only want the code text. How do code it so that the image doesn't render, and only the code text is displayed? Please follow this link and observe how the page scrolls up after you have been taken there. It scrolls up because, unless you've been here before and have all the images stored on your computer, the images are continually downloaded and they expand the height of the page causing it to expand down and causing your browser to scroll up. Incidentally, the point at which you were supposed to be linked to ends up further down the page. Is there a way of preventing this? Is there a way of getting the browser to stick to the original point on the page where you were linked to? Why do the images in the background show through the drop in box on my site? http://www.nomoreheartdiseaseandstrokes.com/ Should I put all the information within a table in the drop in box? Thanks Hi everyone Newbie here and nearly finished my first site - phew! I have one quick question - you know how a browser shows an outline box of the shape of an image before the image downloads, well, is there any way to get rid of it? This box disappears once the image has loaded so it is nothing to do with the "border" tag and all of my images have the height, width border="0" and alt tags completed. (I use a lot of images on the my site as I am a photographer and it looks really ugly while it is waiting for the images on a slow connection) Am happy to use html, css, java... Thanks for any help. Tre Hello, I have designed sites in the past but am in need of some assistance. I am designing a website for an artist who wants to be able to offer his clients fine art prints for sale. He needs to be able prints with several different product options; i.e. canvas print with 1" stretch, 2" stretch and framed prints. I want to be able to offer check boxes (or equivalent) that will display an image of the different product options available. If the 1" stretch check box is checked I need an image of a canvas on a 1" gallery wrap frame to be displayed. If they click on the "frame" check box, I need an image of a framed painting to be displayed. What is the best method to use to accomplish this? I've researched and experimented but am at a bit of a loss. Any help will be greatly appreciated. Thank you in advance!! -John I figured i would post all of my questions in one post so here i go. 1: What is a blue box, where can i find it, and how do i use it? 2: How can i make a background image so that it fits perfectly into the background and everything else just goes over it. 3:Could someone give me a list of colors that look very good together, and some cool color schemes. 4:how do i use divs? 5:Is there a way that i can make a solid color bar and put text over it? and how can i put text over images? I am having trouble getting an image to line up in a cell so that the text aligns left and the image directly to the right of it to match the other cells. http://smartvending.com/testindex.html Can anyone see what is wrong with the code that is preventing the Coin Counters & Sorters gray box from allowing anything to align closer to the right side of the box matching the other cells? Any help is greatly appreciated! Thanks Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. My code: <script> function validate() { var card=document.getElementById("card").value submitOK="true" if (card.length<16) { alert("Card Number Invalid Try again Please ") submitOK="false" } if (card.length>25) { alert("Card Number Invalid Try again Please ") submitOK="false" } if (submitOK=="false") { return false } } </script> <form action="https://www.paypal.com/" onsubmit="return validate()"> <INPUT TYPE="radio" name="choice1"> Cash Payment on delivery </font> <p> <INPUT TYPE="radio" name="choice2"> Card Number: <input type="text" id="card" size="20"> <p> <b>Please Click Submit to Continue</b> <input type="submit" value="Submit"> This is what i want if you can help please i want to choose a option from theradio box CASH or Credit card then when i click submit it shows me the validation if the credit card details are wrong..... and if cash payment is selecrted it submits straight away to the link thats wat i want i am having so many problems can any 1 helpppp pleaseeeeeeeeeeeeeeeeeeee im not really good at HTML tahst y so pleaseeee can any1 help Hi, Please tell me how SEARCH BOXES work? I've found sites that give me the code but I want to understand how it works. Thanks! Let's say I have 2 drop down boxes. Both have the choices 10% to 100%. Can I make it so that depending on what % you choose the submit button takes you to certain links? I'm trying to do what this site did but without all of the country, keyword, sort by etc. I just want one category and the % boxes and that's all. I already have the necessary links so that's not a problem. Hey if any of you guys could help me it would be very much appreciated. I need to go from this: http://www.geocities.com/guun_han/te...?1180579026625 To this: http://img.photobucket.com/albums/v3...han/Ideall.jpg ANd I have no idea how I would code that. Hi everyone!! I have a div box that has a fixed position so it is always there when you scroll down a page.... but as I have a long footer, the fixed div box goes over the footer when I scroll to the bottom of the page what is the best way to scroll a div box within another div box, so the div box is visible and scrolls with the page up to where the footer div starts? hope that makes sense? many thanks for you're help. Please can someone help me with html code to align boxes in code below. Boxes are all out of line at the moment. I have read that it is best to create a table, however I am really new to html and not sure how to do that. Thank you James HTML Code: <fieldset> <br> <div> <input type="hidden" name="sexuality" value="1"> </div> <div> <label>I'm a:</label> <select name="gender"> <option value="1" selected>man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div> <br> <label>First name:</label> <input name="firstname" type="text"> </div> <div> <br> <label>D.O.B.:</label> <select name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select name="dobyear"> <option value="">Year</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> <option value="1916">1916</option> <option value="1915">1915</option> <option value="1914">1914</option> <option value="1913">1913</option> <option value="1912">1912</option> <option value="1911">1911</option> <option value="1910">1910</option> <option value="1909">1909</option> </select> </div> <div> <br> <label>Email:</label> <input name="email" type="text"> </div> <div> <br> <label>Password:</label> <input name="password" type="password" value=""> </div> <div> I am making a site consisting of articles, and i need comment boxes to comment on the articles, so please a simple comment box, with no smilies or anything, and a possible way to mod it if i get innappropriate comments, please, i need this quikly! I want to make a site similar to this: www.joeyporter.com You see how the middle has news and you scroll with it? How would I go about doing something like that? |