|
HTML - Second Background To Show When Td Original Bg Image Finishes
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 Similar TutorialsIs 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? 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 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. Hello, I am very new to HTML and websites - by very new I mean I just learned two days ago that websites are made using HTML. so anyways I made a website by html code and then used an FTP client to put it on the internet. The page shows up great using just the file on my computer, but after puting the page on the FTP client for the internet the background picture will not show up. this is how I coded it: background="whatpic.gif" src="whatpic.gif" style="background-attachment:fixed" I put the picture in the same folder as the html page on both my computer and the FTP client. Any help would be great. The background picture is a very simple thing I made using paint and saved as a GIF file. thanks -Laura 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 I'm almost embarrassed to post this. I've done this before, but I must be missing something... Here's the deal: I have a div with an id "note": HTML Code: <div id="note"> See us at the trade show! Call 555-1234 </div> In my CSS page I have these properties for the "note" id: HTML Code: #note
{
background-image: url(images/note.jpg);
clear: both;
}
The problem is, the text shows, but nothing I do gets the image as a background to show. The "images" directory is at the same level as the div's file, but I've tried the url with and without a beginning backslash. The image is just a single color, orange jpeg created in Photoshop. Any ideas what I'm missing anyone? Thanks for any help! hi people, Just a basic request t6o look over my code and let me know if im going wrong and also i t seems to be fine when i create it but when i load it to the server this is what i get.. http://www.basicproduction.co.uk/ here is my code HTML 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=iso-8859-1" />
<title>Website coming soon!!!</title>
<style type="text/css">
<!--body {margin: 0px;}-->
</style>
<meta name="keywords"
content="Basicproduction, Liam Carlin, VJ, Video Production, motion graphics, Live performance">
<meta name="description"
content="Video Production, Motion Graphics, Live Video performance, Basicproduction, VJ Liam Carlin, Liam Carlin">
</head>
<body style="margin:0;background:#000;">
<div align="center"><a href="http://www.myspace.com/basicproduction" target="_blank"><img src="../Image/BP_Holding_page.gif" alt="" width="720" height="600" border="0"/></a></div>
</body>
</html>
where could i be going wrong? Thanks Would anyone be able to tell me why this image won't show? I have no idea! <tr> <td align="center"><img src="logo.jpg" alt="Flowers by Design" height="100" width="760"></td> </tr> I want to have multiple banners appear every couple seconds like a slide show. Here is my website. (http://www.dubcityfilms.com) The banner is the one with the cars on it. I want to have 5 or so different ones that randomly switch. Can someone help me with this? Thanks. It displays fine in Firefox - what am I doing wrong? (the image in question is 1/3 of the way down floated to the right of 'Snowshoeing and Winter Walking' It works if I pop the div inside the h2 tag but doesn't validate... http://www.colletts.co.uk/new_winter/slidedivcmh.html Code: div.floatedright { width: 238px; float: right; margin-left: 21px;}
.righttext {width: 100%; display: inline; text-align:right; color: #211d70; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-style:italic; float:right; font-weight:normal; letter-spacing:normal; text-transform: none;}
HTML Code: <div class="clearer"></div>
</div>
<div class="floatedright">
<a rel="shadowbox" href="img/snowshoeing_in_the_dolomites_arabba.jpg" title="Ideas & Information, Maps & Route Laminates" class="option"><img src="img/snowshoeing_in_the_dolomites_arabba_sella.jpg" alt="Snowshoeing on the Sella Shelf above Arabba" width="238" height="267" longdesc="http://www.colletts.co.uk/images/colhol_map.jpg" /></a>
<div class="righttext">Snowshoeing above Arabba</div>
</div>
<h2 class="minortitle"><a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Snowshoeing</a> and <a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Winter Walking</a></h2>
<p>And yet this area is not the exclusive terrain of skiers. Away from the ski fields, a separate winter paradise unfolds for walkers, snowshoers and cross-country skiers. Delightful trails meander alongside rivers and streams, through woodland and across winter meadows between enchanting Tyrolean hamlets and villages, which huddle around the spires of their picturesque churches.</p>
<p>Higher up, snowshoers experience the exhilaration of virgin snow on a labyrinth of waymarked routes, traversing the hidden snowfields, which undulate between a seemingly unbroken rim of spectacular peaks. Here, you could hear a pin drop, but for the vocal appreciation that persists amongst walkers and is the inevitable result of such an inspirational situation.<br /></p>
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. www.jessicaloewen.com You'll see at the very top that the alternate text "menu" shows rather than my jpg Why is this and how do I fix it? If you click "view image" it will open the proper image in a new menu. I am currently making a webform. This form formatted by html uses PHP to post the entered data to my MySQL database. I would like to allow my users to enter Rich Text, therefore I got FCKEditor a WYSIWYG web editor which will turn all the rich text into html so I can store it in the exact format. The Problem: FCK Editor dimensions are very large, therefore I need to have it as a pop up. Supposedly the user will enter into the form page, and then click on a link if they want to enter Rich Text. The link will bring up the Editor. That is all fine, however I would like to know on how I would -Post the entered data back onto the original form when they press submit in the pop up without losing any data. Currently when I try to do this, it would submit the entered data into a new form, not the one that the user came from. hey everyone, on my website (like most websites) the text when you push CTRL and the scrolling button on your mouse the text changes size. I don't like this feature but understand some people need the help for them to read the text. Is there a code i could insert on my site where it will (after each time you come back) return to its original text size. the size i put on it well i was making it. so it lets people change it but when you leave then come back after a visit it'll turn the text back to its original form and size. thank you, Micheal Hi all i have an upload form, and when the upload button/image is clicked to upload the file, i would like to have this cool ajax loader that just moves with some text under it saying "uploading...please wait". What is the easiest and best way to do this? I have looked all around javascript, etc and cant seem to find a perfect simple solution. I am adding this in my .tpl file THanks I want to use HTML to make the following task... I little link, when someone clicks on it, it displays an image at the top of it (Not load a whole new page with an image) Example Say you have this link linky I want when people click on it, it displays an image above it Can this be done using HTML? Thanks I'm just curious if anyone knows how to do this. Basically what I want to do is have a series of links (lets say one, two, three, and so on) and when you click one of those links, the image below those links change to the respective link (if you click one, a picture of the number one shows up, if you click two, well you get the idea). How would I go about doing this? How I want this laid out: Link Link Link [-Image-] Thanks Hi, 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' why? thanks Hi, I'm a complete newb and html-challenged, so please forgive my stupid questions. This is what I want for the personal website I'm making: a fixed image as the background that covers the entire screen regardless of what screen resolution a user's computer has - this much I've managed with CSS...I think (like this right? http://www.geocities.com/serenamonster/index.htm ) clickable regions on this background image to use for navigation to various parts of the site. Or in other words, the background image as an image map. - this I'm having trouble with, because you have to designate the picture as a set # of pixels in dimension to make an image map right? and if I do that to my background image, then it may display too big or too small depending on the person's screen resolution right? So does anyone know how I can have clickable regions on my fixed background image without the image being too big for low resolutions or too small for high resolutions? (he http://www.geocities.com/serenamonster/map.html the background image is fixed at 800x400. I want to make each star on the image a hyperlink to a different part of the site). I read somewhere that standard is 800x600 to fill a person's browser right? But on my computer the image only covers about 2/3 of the browser screen which is too small. How can I make it so that it fills 100% of any viewer's screen regardless of resolution? How does it look on your computer? I know these are probably just really stupid questions because I'm missing something really fundamental...but any help would be greatly appreciated! Thanks! ~Serena P.S. is it possible to do mouseovers for certain coordinates on an image map? |
|||||||