|
HTML - Html Background/scrolling Help Please
Hi all,
I want to change the look of my blog, and am interested in the overlapping style shown in this example: http://etsytreasuryteam.blogspot.com...ingcolors.html I need to know how to have a main background and then the overlapping image shown in the example (the leaves and colored dots/berries(?)) Hope this makes sense! I know basic HTML, but am stumped with this one. I am still working on creating the images I am going to use. Any help with this would be MUCH appreciated. Thanks! Similar TutorialsHi, my problem is that I don't know how to let my background scroll with the page, not having it repeating. however the content has to stay at it's place. http://knexinnovation.net/store/ I thought that if your background is wider than the window, it won't create a scrollbar to show the full image. Or is this not the case? Currently it has a horizontal scroll bar for 1024px users. The footer image is actually the body { } background, aligned to the bottom center. can someone outline the steps to making a page with a fixed background and a scrolling foreground such as can be found here? http://www.paul-wallas.co.uk/ i've looked at the code and what information i've found on the web but i don't see how it is done. tia, Hi, I'm working on a movie database for a device that supports html. It only supports basic html though. For my index page I the characters A-Z (as well as genres) to select movies starting with that certain letter. The movie covers display in a row underneath. I want to find a way keep the characters A-Z centered in the top of the screen so when I browse further right (or left) of the screen it stays there similar to the way the background stays in place. At the moment when I browse left and right the A-Z moves with it (so it ends up moving off the screen). Does anyone know a way to keep it in place like the background. The files I'm editing are in .xsl format. They are used inconjunction with movie collectorz to make html pages. Anyhelp would be greatly appreciated. Remeber it only supports basic html, no javascript. Thanks. I kinda know how to add a scrolling box function to a post, but there's this problem I have with putting certain things inside of the box. So i somehow managed to get another post in scroll before when it was long .. but I CANNOT get this one to work! i mean. it only puts one part of the post inside of the scroll box. . Help greatly appreciated! Code: [align=center]TO BE ADDED TO CONTACTS.[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>KYLER EMERY COLLINS. 8532 980 2236. THREE.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>YOU AND I , ANARBOR.</I></font> without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better you and i we never get to sleep we're up all day we're overworked and underpaid you and i we're always stuck in repeat day by day watching time drift away as we burn away without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][CODE*][doHTML]<center><img src='300x150 image here'> <br><font color="#group color" face="arial" size="2"><I>FIRST MIDDLE LAST. #### ### ####. SPEEDIAL NUMBER.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="group color" face="arial" size="2"><I>RINGTONE , ARTIST.</I></font> a few lines of lyrics from ringtone. don't have to make it aligned. ------------------------------------------------------------ </div></div></center>[/dohtml] [/CODE*][/CODE*] [align=center]TO SEND A TEXT[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>KYLER EMERY COLLINS. SENT ON MARCH 12TH.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>NINE OH FIVE PM.</I></font> dayum. why aren't you picking up your phone? at least text me back? ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][doHTML]<center><img src='300x150 image'> <br><font color="#group color" face="arial" size="2"><I>FIRST MIDDLE LAST. SENT ON MONTH #</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#group color" face="arial" size="2"><I>TIME SPELT OUT AM/PM.</I></font> message. don't block your text. ------------------------------------------------------------ </div></div></center>[/dohtml] [/CODE*] [align=center]TO CALL.[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>INCOMING CALL FROM KYLER EMERY COLLINS...</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>NINE FORTY FIVE PM.</I></font> without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better you and i we never get to sleep we're up all day we're overworked and underpaid you and i we're always stuck in repeat day by day watching time drift away as we burn away without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][doHTML]<center><img src='300x150 image'> <br><font color="group color" face="arial" size="2"><I>INCOMING CALL/ONGOING/CALL ENDED FROM/WITH FIRST MIDDLE LAST...</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="group color" face="arial" size="2"><I>TIME SPELT OUT AM/PM.</I></font> if you're the first to post, use the lyrics from your ringtone. if not, just do what your character is saying. do not block text. ------------------------------------------------------------ </div></div></center>[/dohtml][/CODE*] [align=center][/align] I added this at the beginning of the post: Code: [dohtml]<center>><div style="width: 430px; height: 100px; overflow: auto"> because somehow, that worked for the other post i did. i did use closing tags. So when I added that code to the original post, all that happened, was that the first part of the post was able to get inside of the box and everything else was left out. I know somewhere in there, there's conflicting tags .. or something! lol not sure. Help gladly appreciated! So I have a page that is split into 2 columns. The left column there are expandable forms that are quite long to ask the user optional product preferences. On the right side of the page there is a much shorter, 'contact details' form. The contact details form is mandatory. The behaviour idea is that as the user scrolls down to complete the left column optional forms, the page will only scroll the left column - the contact details forms displayed in the right column stays in place to avoid a big gaping white space where the right column is empty. I'm having trouble implementing this and I haven't found a solution yet or any examples of pages with this split column behaviour online. Any advice / suggestions / examples online? Thanks! Hello All. I have been attempting a hover-scrolling menu display for my online art portfolio, however I seem to be unable to 1) put the hover-scrolling menu display into a tab-panel 2) have a second scrolling menu display with different content, underneath the first one, which works separately (at the moment they scroll together when either one of them has the mouse-hovering on) Here are my codes = ---------------------------------------------------------------- Code: body {
}
div.sc_menu {
/* Set it so we could calculate the offsetLeft */
position: relative;
height: 280px;
width: 500px;
overflow: auto;
}
ul.sc_menu {
display: block;
height: 230px;
/* max width here, for users without javascript */
width: 4915px;
padding: 15px 0 0 15px;
/* removing default styling */
margin: 0;
background: url('navigation.png');
list-style: none;
}
.sc_menu li {
display: block;
float: left;
padding: 0 4px;
}
.sc_menu a {
display: block;
text-decoration: none;
}
.sc_menu span {
display: none;
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #fff;
}
.sc_menu a:hover span {
display: block;
}
.sc_menu img {
border: 3px #fff solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/* Here are styles for the back button, don't look at them */
#back {
display: block;
width: 500px;
text-align: center;
color: #003469;
font-size: 16px;
}
</style>
<script type= "text/javascript">/*<![CDATA[*/
$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 15;
//Get menu width
var divWidth = div.width();
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);
});
});
/*]]>*/</script>
</head>
<body>
<div class="sc_menu">
<ul class="sc_menu">
<li><a href="javascript:popitup('attachments/Image/art1-large.jpg')"><img src="attachments/Image/art1.jpg" alt=""/><span>IMAGE 1</span></a></li>
<li><a href="#"><img src="attachments/Image/art2.jpg" alt=""/><span>IMAGE 2</span></a></li>
<li><a href="#"><img src="attachments/Image/art3.jpg" alt=""/><span>IMAGE 3</span></a></li>
</ul>
</div>
</body>
</html>
Code: <HTML>
<HEAD>
<TITLE>Java Popup Window Example</TITLE>
<SCRIPT language="JavaScript" type="text/javascript">
<!-- ;
var newwindow = ''
function popitup(url) {
if (newwindow.location && !newwindow.closed) {
newwindow.location.href = url;
newwindow.focus(); }
else {
newwindow=window.open(url,'htmlname','width=404,height=316,resizable=1');}
}
function tidy() {
if (newwindow.location && !newwindow.closed) {
newwindow.close(); }
}
---------------------------------------------------------------------- Code: <div class="tab-pane" id="tabPane1"> <script type="text/javascript"> tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) ); //tp1.setClassNameTag( "dynamic-tab-pane-control-luna" ); //alert( 0 ) </script> <div class="tab-page" id="tabPage1"> <h2 class="tab">TERM ONE</h2> <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script> <<<attempt to insert scroll-menu 1 >>> <<<attempt to insert scroll-menu 2 >>> </div> <div class="tab-page" id="tabPage2"> <h2 class="tab">TERM TWO</h2> <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script> <<<attempt to insert scroll-menu here>>> </div> </div> <script type="text/javascript"> //<![CDATA[ setupAllTabs(); //]]> </script> </body> </html> ------------------------------------------------------------ Any suggestions or tips would be very much appreciated Hello! I have just started using HTML, and Im already stuck! I want to have a blue background, with a limited white frame (like the white frame you can see he http://xrk.no/ ). The background color is no problem, but how do I make that white frame, without using a picture? Hope this one is a easy one for you! Thanks Hi all, This is a really basic question I'm sure. I'm creating a simple HTML website for someone. I'm using Pagebreeze HTML editor. When I'm in Pagebreeze and using the 'preview' option etc, my background image appears without a problem. But when I upload the .htm file to the FTP server, and try to go to the URL, the background doesn't appear. The code I've got is just as follows: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta content="MSHTML 6.00.6000.17063" name="GENERATOR"></head> <body language="Javascript1.2" background="Lights1.jpg"> Any ideas why this might be happening? The image is definitely on the FTP site. Thanks in advance for any help you can offer. Kevin Hey People! So I've been beating my head against a wall attempting to figure this out. I'm creating a website from scratch, and my problem is that the background image that I have set, is not appearing UNDER my text or other images (like my page content) The background image is appearing above my content, or under my content. I have tried placing the html code for the background under body, head, and also I have attempted to correct it using padding-top (etc) and also margin. Again I also tried <div-id> and other things like that.... but I'm not sure on what else to try... I've done everything that I know. This is driving me nuts! Here is what I have right now....Please, if you know what I am missing from my code to fix this, let me know!!! Code: <body> <center><div style=background-image="<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img717.imageshack.us/i/background1250copy.jpg/'><img src='http://img717.imageshack.us/img717/4030/background1250copy.jpg' border='0'/></a> <Background-repeat="no repeat"/> <width="500px"/> <height="200px"/> </center> <body bgcolor="#787878"> <div-id> <padding-top="100px"> <padding-left="100px"> <padding-right="25px"> <center> <img><a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/51/thefinaltester.png/'><img src='http://img51.imageshack.us/img51/4365/thefinaltester.png' border='0'/></a></img> <p><a style> <font-family="courier new"> <font-size="18px">MetalNihilism.co.cc is currently under construction, please continue to check for updates!! </font-family> </font-size></p></a style> </center> </div-id> </div style> </body> Sorry if this was a long post, BUT I'M DYING HERE lol <3 thanks to anyone who can help! I'm quite new to this and used a tag generator thing, how do I make the background black and has anyone got any other tips to make this look more attractive? Here is the code: HTML Code: <p style="text-align: center;"><span style="background-color: rgb(0, 0, 0);"><br></span></p> <p style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="background-color: rgb(255, 255, 255);">if this newsletter is not displaying properly, click <a title="Sternberg Clarke New Talent - February 2010" href="http://www.scflyers.com/newsletterfeb10.html" target="_blank">here</a> to see it in its full splendour</span></span></span></span></p> <p style="text-align: center;"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="background-color: rgb(255, 255, 255);"><br></span></span></span></p> <table style="border: 4px solid rgb(244, 249, 249); width: 751px; height: 604px; background-color: rgb(255, 255, 255);" align="center" border="4" cellpadding="0" cellspacing="6"> </table> <table style="border: 0pt solid rgb(0, 0, 0); width: 600px; height: 183px;" align="center" border="0" cellpadding="0" cellspacing="0" frame="border"> <tbody> <tr> <td style="width: 20px; height: 20px;" colspan="8"> <p><img style="border: 1px solid black;" title="sclogo" src="http://www.scflyers.com/htmlfiles/logo_600px.gif" alt="sclogo" width="600"></p> </td> </tr> <tr> <td colspan="8"> <p style="text-align: center;">performers of the month - March 2010</p> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">the langley sisters</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="5" valign="middle"> <p style="text-align: center;"><img style="border: 1px solid black;" title="Langley Sisters" src="http://www.scflyers.com/langley-sisters_250px.jpg" alt="Langley Sisters" width="250" height="238"></p> <p style="text-align: center;"> <object style="width: 250px; height: 206px;" data="http://www.youtube.com/v/1uSKPIZaZtg&feature" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/1uSKPIZaZtg&feature"> </object> </p> </td> <td> <p style="padding-left: 30px;"><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis. </span></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </td> <td> <p> </p> <p> </p> </td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">puncture kit</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td><br></td> <td colspan="5" valign="middle"> <p style="text-align: center;"><img style="border: 1px solid black;" title="pk" src="http://www.scflyers.com/puncture_250px.jpg" alt="puncture kit" width="250" height="238"></p> <p style="text-align: center;"> <object data="http://www.youtube.com/v/wCdauhGajBE&feature" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/wCdauhGajBE&feature"> </object> </p> <p> </p> <p> </p> <p> </p> <p> </p> </td> <td style="padding-left: 30px;" valign="top"> <p><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><span style="font-size: small;"><br></span></p> </td> <td style="width: 20px; height: 20px;"><br></td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td> </td> <td style="text-align: center;" colspan="6"> <p><span style="text-decoration: underline;"><span style="font-size: x-large;">cash cows</span></span></p> <p><span style="text-decoration: underline;"><span style="font-size: x-large;"><br></span></span></p> </td> <td> </td> </tr> <tr> <td> </td> <td colspan="5"> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong><img style="border: 2px solid black;" title="cashcows" src="http://www.scflyers.com/cashcows_250px.jpg" alt="cashcows" width="250" height="238"></strong></span></span></p> <p style="text-align: center;"> <object data="http://www.youtube.com/v/IvTHGp8Yui8" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/IvTHGp8Yui8"> </object> </p> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong> </strong></span></span></p> <p style="text-align: center;"><span style="font-family: helvetica;"><span style="font-size: medium;"><strong> </strong></span></span></p> </td> <td style="padding-left: 30px;" align="left"> <p style="text-align: justify;"><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <p style="text-align: left;"><span style="font-size: small;"><br></span></p> </td> <td><br></td> </tr> <tr> <td colspan="8"> <hr> </td> </tr> <tr> <td style="text-align: center;" colspan="8"> <p><span style="font-size: x-large;"><span style="text-decoration: underline;">kate mlynar</span></span></p> <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><br></span></span></p> </td> </tr> <tr> <td> </td> <td colspan="5"><img title="km" src="http://www.scflyers.com/km_250px.jpg" alt="km" width="250" height="238"> <p> <object data="http://www.youtube.com/v/tz8BvSiop5Q" type="application/x-shockwave-flash" width="250" height="206"> <param name="src" value="http://www.youtube.com/v/tz8BvSiop5Q"> </object> </p> </td> <td style="padding-left: 30px; text-align: justify;" valign="top"> <p><span style="font-size: small;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu massa lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed commodo nulla non eros lobortis sed convallis ante pharetra. Nulla porta sollicitudin enim, quis egestas est elementum nec. Sed mollis consequat magna, eget volutpat turpis ultrices volutpat. Integer eu odio felis. Praesent ac felis eu lacus pellentesque fermentum. Morbi sit amet diam augue. Vivamus imperdiet placerat nulla accumsan ultrices. Nullam volutpat porttitor malesuada. Sed quis velit sit amet turpis lobortis accumsan a a ipsum. Donec at tortor felis.</span></p> </td> <td> </td> </tr> <tr> <td><img title="bottomleft" src="http://www.scflyers.com/htmlfiles/bl.gif" alt="bottomleft"></td> <td colspan="5"><br></td> <td> </td> <td><img title="bottomright" src="http://www.scflyers.com/htmlfiles/br.gif" alt="bottomright" width="20" height="20"></td> </tr> </tbody> </table> <p style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;">click <a href="mailto:sarah@sternbergclarke.co.uk?subject=unsubscribe"> here</a> to unsubscribe</span></span></span></p> <p style="text-align: center;"><span style="font-size: xx-small;"><span style="font-family: verdana,geneva;"><span style="color: rgb(0, 0, 0);"><br></span></span></span></p> <p> </p> im not sure if this is an issue with html or css but im i have 3 columns in a table of 1 row and im using css to assign a background image to the table columns and the 1st and 3rd column will not top align the background image properly to line up with the background image of the 2nd column (or possibly its the 2nd not lining up with the 1st and 3rd) i will link to the site and post the affecting code here (you can view source on the page to see the html) http://www.wiffleague.com/main.php Code: td.mainBoxTitle
{
background-color: #4d6066;
background-image: url('../images/topmiddleedge.png');
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleLeft
{
background-color: #4d6066;
background-image: url('../images/topleft.png');
background-repeat: no-repeat;
background-position: top left;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleRight
{
background-color: #4d6066;
background-image: url('../images/topright.png');
background-repeat: no-repeat;
background-position: top right;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
note: the 3 background images in question were sliced off of the same original psd file and exported as png files using the same pixel height per slice (35px) and a 35px width for the left and right image with a 3px width for the middle image Newbie here. Hello to everyone. I have a huge problem. I am VERY new to HTML and my website was going great until the background image just went away. I have gone through every part of the layout and can not seem to find out why. Please help. I can send the entire HTML( its is not that big) to anyone who is willing to help me. Or, someone can call me or give me their number and I will call them. I need to get this website up tonight so that my business will start tomorrow. Thanks in ADVANCE> Thanks, Matt 479-643-4221 I used the following code in Firefox-3.0.4 (Full Screen mode) . I have two vertical frames (Video and messenger). In the video frame VLC playing on top of the video frame (Not embedded into HTML). The Video is playing correctly, except sometimes only "a black color background" comig, not always (Within the video frame, vertically left-half/right-half/Full of the frame is black color background) is appearing between VLC-video and Frame. Since I have positioned the video (top:8px; left:57px), I can noticed when above taken place. Actually, in my application VLC is independent of Firefox/HTML.l So I want to avoid the black-color background. I dont want the black color background. Actually, this is happening when skin changes, the code attached is currently having skin_10 (for resolution 1024x768). Similarly changing skin_1 for the same resolution, but cols, and rows only changing. ie. frame size is changing for different skins. (Every skins having different rows and cols) I attached 5 images, 1. bg_skin_1024_768.jpg =>skin background image 2. sample.jpg => a sample required output image. 3.sample_left_black.jpg => Error with left side black background 3.sample_right_black.jpg => Error with right side black background 3.sample_full_black.jpg => Error with full black background Please can anybody know about this issue me? thanks Kanesh <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <head> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> </head> <frameset rows="0,*" cols="*" style="background-color:#ffffff;" frameborder="NO" border="0" framespacing="0" > <frame src="121term_ctrl.php" style="background-color:#ffffff;" name="control" scrolling="NO" framespacing="0" noresize="noresize" > <frameset style="background-image:url('./skin/skin_10/images/1024_768/bg_skin_1024_768.jpg'); background-repeat:no-repeat;" cols="704,*" margin-height="0" frameborder="no" border="0" framespacing="0" noresize="noresize"> <frame transparency="true" src="vp/play_video.php?width=704&height=658&top=57&left=8" frameborder="0" margin-height="0" scrolling="no" name="video" noresize="noresize"> <frame transparency="true" src="./skin/skin_10/messenger.php?width=320&height=768&top=200&left=20" frameborder="0" margin-height="0" scrolling="no" name="messenger" noresize="noresize"> </frameset> </frameset> <noframes> </noframes> </HTML> Hi there, I have the almost impossible task to create a newsletter (text + pics) that contains a background image and needs to be distributed using Microsoft Business Contact Manager (Microsoft Outlook add-on). So, can you tell me if background images are 100% good html or not? If yes what could I be doing wrong (CSS, links to images...) Please help Marco Hi, I have a table with a background image. i want that this background image adjust itself dynamically according to the size of the table. Can this be achieved. can anyone post any technique of doing this? Thanks in advance geniuses htmlgroom Hey guys, please forgive me if this has already been posted but im at a total loss I'm having major issues with getting a background to fit properly around my html page. I wonder if you can help me. the code i have is this style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://i488.photobucket.com/albums/rr248/kingofkingspoker/borderbg.png);" id="homediv" onload="start();" alink="#000000" link="#000000" vlink="#000000"> I really have no idea how to fit it to the whole screen so it doesn't look like the border around the BG image is cutting half the page up and repeating. If this cannot be corrected is there a code i can add to it to implement a border around the actual web page in full, as if to say i could remove the background image, have it has standard white but use a code to implement a border that would look fine on all computers. Plz Help I want this picture duplicated so it fills my whole background with multiple pictures of the same thing What code would I have to use cos Im using HTML The picture is http://www.freewebs.com/call--of--duty--4/M4.jpg So could somebody tell me the code I would need to put in |
|||||||