|
HTML - The Background Image (a Repeater) Wont Show Up In Browser And Path Is Correct
Hi the website is showing up fine but there should be a repeater background image , and it doesnt show up in browser at all . Been working on it for 4 hours now.
Please help me.. website link: http://extramoney.net16.net/instructions.html What do you need to fix ? Html code ? Image name: repeater.jpg and it is uploaded to hosting space . Thanks in advance for answers , Michael Similar TutorialsHi, I am trying to figure out why my background image is not showing up on my header... my website is http://www.mytodostuff.com I created the image to be 900px by 100px, and it should fit perfectly in the header div...but its not. Does anybody know why? i put the pic in my assets folder, its called 'banner.jpg' With the help of javascript im making a bookmark button. To show the button i use to img src to link to the correct folder/file. When i test the bookmarker on a test website it works perfectly, but it doesn't work when i copy/paste the code to the real website. The test website folder looks like this: test.html images/favo.png The real website looks the same as the test website: index.php images/favo.png The bookmark code is: <a href="javascript:bookmarksite('MyWebsite', 'http://www.MyWebsite.nl')"> <img src="images/favo.png" alt="bookmark" width="47" height="33" border="0" /></a> There is also some javascript code in the <head> but it's not necessary to post the code here because the bookmark script itself works. The 'real' website shows me a 'can't find image'-picture, which obviously means i've made a mistake linking to the .png file. Hopefully someone can help me out here because i'm puzzled. I've double checked the names of the folders and files so no mistake there. edit// Ok; i came up with the idea of adding a <base href> to the <head> of the index.php The entire code looks like this: <head> <base href="don't know what to write here"> </head> <body> <a href="javascript:bookmarksite('MyWebsite', 'http://www.MyWebsite.nl')"> <img src="images/favo.png" alt="bookmark" width="47" height="33" border="0" /></a> </body> I'm supposed to tell the browser where to look. In the img src i've explained where the favo.png is. The problem is that i have no idea what to write in the <base href>. When i access the ftp i have to click through several folders to get to the folder of the 'real' website. When i write the names of the folders in the <base href> the problem remains. Right click on the 'can't find image' it gives me an url of the website: http://www.MyWebsite.nl/MyWebsite/images/favo.png Which isn't the same as the folders i have to access on the ftp server. The order of the folders on the ftp server is as follows: public_html/MyWebsite/templates/MyWebsite/MyWebsite/images/favo.png Must be someone out there who can help me solve this html problem. Hey, If you have a background image in a table set to no-repeat, is there anyway you can show another background image when it has finished repeating? For instance: ------------------ |.......................| |.......................| |.......................| |.......................| |.........BG..1......| |.......................| |.......................| |.......................| |.......................| (background finishes here) |------------------| |------------------| |------------------| |------------------| |-----BG 2-------| |------------------| |------------------| |------------------| ... and repeat background 2 for the remainder of the div/td? Thanks, Oli After some tricking and trying ive managed to integrate this "current_page" technique ive learned here from some very talented users. I think ive misplaced maybe one or two symbols.. because in the code everything SEEMs to look ok, but still the images fail to show up. If you care to relieve me from this frustration: have a look here, thanks a bunch the PINK squares are where the images are supposed to be! Hey everyone, I'm pretty new to html, and am having a problem with displaying some images. I cant seem to find any problems with the code I have, but the images wont show up in any browser. <center> <table border = "0"> <tr> <td><img src="/images/Home button.jpg" alt="Home" width="117" height="50"/></td> <td><img src="/images/apartments button.jpg" alt="apartments" width="117" height="50"/></td> <td><img src="/images/Tenant button.jpg" alt="Tenant Info" width="117" height="50"/></td> <td><img src="/images/Utilities.jpg" alt="Utilities" width="117" height="50"/></td> <td><img src="/images/About button.jpg" alt="About Us" width="117" height="50"/></td> <td><img src="/images/contact button.jpg" alt="Contact Us" width="117" height="50"/></td> </tr> </table> </center> I'm positive I have the file name and extension right, there all jpg's and all around 560KB. Help would be greatly appreciated. Thanks, Bill hi all, i have a holding page for my website and in Dreamweaver it look fine and works fine but when uploaded it doesnt work. here is my site and also my code... www.basicproduction.co.uk code... HTML Code: <!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" />
<meta name="keywords"
content="Basicproduction, Basic, Production, Video, VJ, Liam Carlin, 6071842, motion Graphics, Music, house"/>
<meta name="description"
content="Basicproduction Provides Live video performance, video production and motion Graphic Services"/>
<title>Basicproduction Site coming soon!!!</title>
<style type="text/css">
<!--body {margin: 0px;}-->
</style>
<body style="margin:0;background:#000;">
</head>
<body>
<div align="center"><a href="Image/BP_Holding_page.jpg" target="_blank"><img src="Image/BP_Holding_page.jpg" alt="" width="720" height="600" border="0"/></a></div>
<div align="center"><a href='mailto:info@basicproduction.co.uk?subject'><img src="Image/Contact.gif" alt="" width="192" height="28" border="0" /></a></div>
</body>
</html>
any ideas why? Thanks Guys Basic Im really getting tired of these unexpected flaws of IE. Cant wait to see how IE9 responds to code.. jeez. Anyway.. my scrollbar fails to show up here and here in IE. Ive used the overflow-x:hidden, but not the entire thing... FF and chrome display the vertical scrollbar just fine. stupid IE hides the entire thing! Where, o where did I go wrong.. Hi to everyone,have just made my first site,its basically a sales page that i made in word 2010,i have added 1 graphic(jpg) and a watermark running through the page,i have managed to upload it through my ftp panal,but when i go online to view my page the graphic and watermark are missing(in firefox) and the graphic is missing in IE(but the watermark is visible),and they have been replaced by boxes with a symbol in the top left corner,i saved the copy as indexhtml,any help would be much appreciated,simon I am coding a page in strait HTML. It was going fine until I put in a list. When I put the list in, it wont show, just caused a large area of blank space. Below is the code I used for the list. Let me know if you need the whole page. I am new to this and would greatly appreciate any help you can give. <ol type="I"> <li>Complete G1 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Japanese only G1 Transformers</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>As Complete as Possible</li> </ol> <li>Complete G2 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Complete Classics Collection</li> <ol type="a"> <li>C-9.0+ Transformer</li> <li>All Accessories</li> <li>Instructions</li> </ol> </ol> i have little problem i made this little ad for my brothers site but my table wont show at firefox? it works perfectly with Safari and Internet Eplorer here is the Code: Code: <table id="Table_01" width="300" height="108" cellpadding="0" cellspacing="0"> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area.jpg" width="168" height="28" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-02.jpg" width="124" height="28" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-03.jpg" width="8" height="28" alt=""></td> </tr> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-04.jpg" width="168" height="71" alt=""></td> <td width="100%" background="http://noadvancefeeloanmodification.com/ad/text_area-05.jpg"> <marquee behavior="scroll" direction="up" WIDTH=122 HEIGHT=70 scrollamount="1"> Your upward scrolling text goes here <br> <a href="http://www.noadvancefeeloanmodification.com">Please visit our site for more info.</a> </marquee> </td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-06.jpg" width="8" height="71" alt=""></td> </tr> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-07.jpg" width="168" height="9" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-08.jpg" width="124" height="9" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-09.jpg" width="8" height="9" alt=""></td> </tr> </table> or link noadvancefeeloanmodification.com/ad/ad.html Hi all! http://aksjefinans.com/ this is my page. I have set up some google web elements http://www.google.com/webelements/#!/news but these web elements will not show when i display the website in IE, but it works fine in firefox, safari, opera and chrome. What could this be? Do you see the web elements from google when checking the page in IE? Really hope to get some answers! I made an image in gimp, just a gradient from black to green to set as the background for my website. For some reason when I test it, everything shows up fine. When I upload it to the server and point my browser to the website the background wont show up. Tried it in IE, firefox, and chrome. For all you curious about how I set it up this is in my css style sheet. Code:
body {
background-image: url(images/background.jpg);
}
As you can see, I saved it as a jpg and it's in a folder labled images, pretty sure the code is right because it will show perfectly when I test it. Any ideas? Thanks. I am using ASP.NET however my front end design skills arent that great. what I was wondering was, since I am using a repeater or a datalist control, I want each element to have a nice design. the site is like a products site (retail type website). I mean, the styling for each element is something I im unsure how to design, any suggestions or tips on how each element should be designed/layed out? product detail: qty, product name, image, smalldescription. styling/designing/theme doesnt matter, you can include that. just a rough guide would be nice in terms of how the layout for a product should be design, like where each piece of information should be layed out. thanks. thanks. Hey guys. I need a little help with my HTML image rotator. Everything works fine, except the images don't show up on the right slide. All 4 images show up on the first slide. I can't figure out what's wrong. Any help will be greatly appreciated. Code: <!DOCTYPE html>
<html>
<head>
<title>...</title>
<style>
#sliderwrap {
height: 403px;
}
#sliderleft {
width: 10px;
height: 100%;
float: left;
background: #efefef;
border: 1px solid #ccc;
}
#sliderleft div {
height: 100px;
border-bottom: 1px solid black;
}
#slidercontent {
position: relative;
width: 650px;
height: 100%;
float: left;
border: 1px solid black;
overflow: hidden;
}
#sliderimages {
position: absolute;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#sliderimages img {
display: block;
}
.s0 #slide0,
.s1 #slide1,
.s2 #slide2,
.s3 #slide3 {
background: #ccc;
}
.s0 #sliderimages {top: 0 }
.s1 #sliderimages {top: -500px}
.s2 #sliderimages {top: -1000px}
.s3 #sliderimages {top: -1500px}
</style>
<script>
var slide = 0;
var interval_id = 0;
function stop_timer() {
clearInterval(interval_id);
if (this.getAttribute("data-slide")) {
slide = parseInt(this.getAttribute("data-slide"));
document.getElementById("sliderwrap").className = "s" + slide;
}
}
function start_timer() {
clearInterval(interval_id);
interval_id = setInterval(
function() {
slide = (slide + 1) % 4;
document.getElementById("sliderwrap").className = "s" + slide;
},
3000
);
}
window.onload = function() {
start_timer();
var el = document.getElementById("slidercontent");
var divs = document.getElementById("sliderleft").getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
divs[i].onmouseover = stop_timer;
divs[i].onmouseout = start_timer;
}
el.onmouseover = stop_timer;
el.onmouseout = start_timer;
}
</script>
</head>
<body>
<div id="sliderwrap" class="s0">
<div id="sliderleft">
<div id="slide0" data-slide="0"></div>
<div id="slide1" data-slide="1"></div>
<div id="slide2" data-slide="2"></div>
<div id="slide3" data-slide="3"></div>
</div>
<div id="slidercontent">
<div id="sliderimages">
<img src="http://i.imgur.com/8iWz6.jpg">
<img src="http://i.imgur.com/1d2U6.jpg">
<img src="http://i.imgur.com/8iWz6.jpg">
<img src="http://i.imgur.com/1d2U6.jpg">
</div>
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
Hi, Greetings..! In the <img> can I refer to a system folder means I need to refer to a image that is in application data or home drive like %homedrive% or %appdata% will this work..? Thanks SaNv... Hi All, Good Evening I am new into this forum..My question i have a .html file which are having images mentioned as absolute path.How to provide them in relative path so that when i run the same html in other machine it should run well without any disapperaing of icons. Below is the small tag code which need to be converted. Quote: <h3> <a href="#redirect"><font size=4.2 face=" Palatino Linotype" color="#9400D3">a) About Tool <img border="0" src="C:\\Forum Tool Code\\SNF Automation Executor_April20_2009\\Images\\edit.png" width="30" height="25"> </font> </a> </h3> Thanks in advance. regards, Viswanadh i know this is prob somethin simple but iv tried everythin n cant get the image to display...... i no my code is right, its got to do with the actual pic, i have the right file type(gif), i have tried resizing it, saving it under diff file types by using gif converters!! but nothing seams to work... and yet the other pic's beside it work!! originally it was a micro visio diagram.... when i load the page into IE the normal gif,jpg images work. but when i right click on the image thats not working and go to properties its says not associated! plz help Cindy xx Is it possible to put a smaller background image on top (like in layers) of my old background image? I have a background image, but I want to put a smaller image on top of that one, but for it to be treated also as background image. This image is a black vertical rectangle, but is faded on the edges to give a transparency, so its a .png. So ultimately what I am trying to do is put this black rectanlge on top of my original background image and with the transparency on the edges of this image, be able to see my original background image. How can I do so? Also what I was thinking was that this faded background would be scaled to fit different screen sizes, so do "width: 75%"? Just so that it ALWAYS stays at 75% no matter what screen size it is viewed on. Is this the right approach towards getting this result? With the align attribute of <img> deprecated, can anyone tell me what the correct way of center-aligning an image should be? Thanks, James Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html,body {
height:100%;
padding:0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#table {
height:100%;
border:double;
}
-->
</style>
</head>
<body>
<table width="660" align="center" cellpadding="0" cellspacing="0" id="table">
<tr>
<td valign="top" background="main_07.png"></td>
</tr>
</table>
</body>
</html>
This is my code, I simplified it. In the table, I have main_07.png as my background. Inside dreamweaver, it shows normal. But browse as firefox, it just won't show. What is the problem? Thanks. |
|||||||