|
HTML - Spacer Images Not Working Properly In Ie?
Hello to all, I am new to the forum and I hope some of you experts can give me some advice.
I use firefox and my website looks exactly how i want to in it, however I just noticed that in IE it seems as though my little spacer images arent working properly, is there any quick/easy fix for this? Im not exactly a "pro" so the easiest work around would be awesome, however i do have to get this fixed one way or another so any help is greatly appreciated. Here is the link for the site: http://infinityreinforcing.com/photos.html the projects line up perfectly in FF, but in IE it is a big ol mess, thanks in advance. Similar TutorialsHey, Whever I try to view a page in firefox there are weird gaps in between images where as in IE 6+ it shows up perfectly. I figured the problem lies in all the spacer images: <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> if I get rid of it - the results are picture perfect in Firefox and Safari - however now IE6+ will give simiar problems Is there way I can get it working in all the browsers??? Thanks, Ali I have an html page and right above this page i placed an flash file by putting a layer above this file...now the problem is b/w IE and mozilla firefox. When i see my page in IE the links are working properly but in firefox links are not working properly becauz of flash file behind html page.....so can u plz help me out with this. Thanks in advance. Hello all! I was going to give my website a new structure, so i would be able to make more stylesheets, without making different HTML's. And to give my website more differences between the stylesheets, i decided to put the leftpanel buttons into the css stylesheet too, so i was able to give them different looks just by changing the css. So i changed the source (src) to an transperant .png file called "linky.png", and then i gave each button an id. Each ID was named the name of what the button refers to, and what it is (Example: ID="Homebutton"). Now as you can guess, each button can't be seen, only be pressed on. So i went to my stylesheet (Classic.css) and entered the names and gave them properties (look below to see an example). Code: #Homebut {
background-color: #FFFFFF;
background-image: url("Classic/Home.png");
background-repeat: no-repeat;
}
And i was really excited over the result. I opened index.html using Firefox, but my excitement was over. The buttons didnn't show up. All i could 'see' was my invisible button. I don't think that this is a really big and hard problem to solve, it's probaly just something i spelled wrong or wrote wrong. But i checked everything, and i couldn't find any things that looked like that at all. That's why i kindly ask you to help me. Download everything you need for solving my problem right here! If there is anything else you need to solve my problem*, just ask for it and i'll see what i can do. *=anything else than money xP I'm trying to design a website for my self and I have a problem. My default browser is Safari so I didn't notice the problem till now. I designed the site layout in photoshop and the site in dreamweaver and it works fine in IE and Safari but in Firefox the site layout gets split at the top of the page and you can see the background in a line. Now the layout has two CSS styles for content in the middle and sidebar on the left both have background color that matches the design #333 and #646464. These are noticeable in the split. The site is sv-photography.net Any one got any ideas on how to fix this? SebastjanV I have an e-mail form on my site and when someone clicks the submit button I get sent two e-mails. Did I do something wrong or miss something? Here is the code I am using. Code: <form name="form1" method="post" action="http://wrathchild.edit-strike.nl/securemail.php"> <input type=hidden name="subject" value="Request from site"> <input type=hidden name="required" value="fullname,email"> <input type=hidden name="redirect" value="http://wrathchild.edit-strike.nl/thankyou.html"> Name:<br><input type=text name="fullname"> <P> E-mail:<br><input type=text name="email"> <P> What kind of graphic would you like ?<br> <select> <OPTION VALUE="signature">Signature <OPTION VALUE="spray">CS:S Spray/Logo <OPTION VALUE="Web Banner">Web Banner <OPTION VALUE="other">Other </select> <p> Details:<br><textarea name="details" rows="10" cols="50"> </textarea> <P> <P> <P> <input type="submit" name="Submit" value="Submit"><br> </form> Hi, I've just finished creating the layout for my website. I was just wondering if anyone could tell me why my text does not fit in the boxes that I have created using layers while in Internet Explorer it seems to work fine. Here is the link: http://www.geocities.com/seto.chaos/ And here is the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to Gameplatforms</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body {
margin-top: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body bgcolor="black" body link="yellow" vlink="purple" alink="red">
<div id="Layer5" style="position:absolute; background-color:#666666; left:10px; top:176px; width:211px; height:667px; z-index:5"><font size="2" face="Arial" color="Yellow">
</font>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:100px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:31px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><font color="Yellow"></font>
<a href="Reviews%20Page.htm">Reviews</a></font> </font></p>
</div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:170px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:44px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><font color="Yellow"></font><a href="http://gameplatforms.proboards62.com">Forum</a></font> </p> </div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:240px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:44px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><a href="Videos%20Page.htm">Videos</a></font></p>
</div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:31px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:50px; top:7px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><a href="News%20Page.htm"> News</a></font></p>
</div>
<p><br>
<font color="Yellow" size="4" face="Arial"><br>
</font></p>
</div>
</font></div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:144px; top:143px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="News%20Page.htm">
News
</a></font></div>
<div id="Layer3" style="position:absolute; left:10px; top:141px; width:1108px; height:26px; background-color:#666666; z-index:3"><font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:440px; top:2px; width:6px; height:16px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="Reviews%20Page.htm"> Reviews </a></font></div>
</font>
<div id="Layer4" style="position:absolute; left:687px; top:2px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial"><a href="http://gameplatforms.proboards62.com">Forum</a></font></div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:916px; top:2px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="Videos%20Page.htm"> Videos </a></font></div>
</font></div>
<div id="Layer1" style="position:absolute; left:10px; top:14px; width:1108px; height:884px; z-index:1">
<p> </p>
<p> </p>
<p> </p>
<p><br>
</p>
<p><br>
</p>
<div id="Layer3" style="position:absolute; left:0px; top:841px; width:1108px; height:40px; background-color:#666666; z-index:3"><font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; background-color:#999999; left:9px; top:9px; width:1090px; height:24px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Contact us: <a href="mailto:kaibachaoschampion@gmail.com">Email:</a> <a href="mailto:kaibachaoschampion@gmail.com">kaibachaoschampion@gmail.com</a></font></p>
</div>
</font> </div>
<div id="Layer5" style="position:absolute; background-color:#666666; left:948px; top:162px; width:160px; height:667px; z-index:5"><a href="http://www.play-asia.com/SOap-23-83-19kw-49-en.html">
</a> <a href="http://www.play-asia.com/SOap-23-83-19kw-49-en.html"><img src="http://www.play-asia.com/paOS-32-74-z.html" border=0 alt="Play-Asia.com - Buy Video Games for Consoles and PC - From Japan, Korea and other Regions!" width="160" height="600"></a> </div>
<div id="Layer5" style="position:absolute; background-color:#666666; left:251px; top:162px; width:666px; height:667px; z-index:5">
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:110px; width:607px; height:87px; z-index:4">
<p><font size="2" face="Arial" color="Yellow">Text text text text text text text text text text text
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:210px; width:607px; height:72px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">
Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:290px; width:607px; height:153px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Text text text text text text text text text text text</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:30px; width:607px; height:71px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:450px; width:607px; height:72px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:530px; width:607px; height:119px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Text text text text text text text text text text text text text </font></p>
</div>
<font size="2" face="Arial" color="Yellow"></font></div>
<p><br>
</p>
</div>
<div id="Layer2" style="position:absolute; left:162px; top:14px; width:667px; height:123px; z-index:2"><img src="http://i5.photobucket.com/albums/y157/kaibachaoschampion/Logo.png" width="800" height="125"></div>
</font>
</body>
</html>
Thanks Hello Everyone! I am having a problem... I have a specific colour I would like my header to be but the spacer image is another colour?? I have tried removing the spacer image but it does not go away, I have tried removing nesting or clearing cell heights but they just mess up the entire page. Is there no way to just change the Spacer Image Colour? Thanks for you replies in advanced Hi all, I've created a simple login with some free code i found online. I wanted to change the login button to an image, just for aesthetics, but no matter what i try, it wouldnt work - the form does make sure i'm entering the right user & password, but once i do enter them, i get the same page with an empty form. (if i try the original type="button" code, it works just fine) I've been googling it for hours, with no results... i've tried anything and everything. ANY help would do :-) this is the code: <script language="javascript"> <!--// function pasuser(form) {if (form.id.value=="1") {if (form.pass.value=="1") {location="MainPage.htm"} else {alert("Invalid Password")}} else {alert("Invalid UserID")}} //--> </script> these are the buttons: WORKING BUTTON: <input type="button" value="Login" onClick="pasuser(this.form)"> NOT WORKING BUTTON: <input type="image" value="Login" onClick="pasuser(this.form)" src="Materials/Login.png" alt="Login" /> Myself and my co-worker have been staring and digging at this for a week. If anyone has any ideas, I would appreciate any feedback. http://rwshome.com/mega/index.html You will see in every browser the top nav and right side nav CSS image rollovers function just LOVELY. Butttttt...in IE6, they do not work at all. I have combed the code about 50 times. I cannot figure out why it isn't working. We are at our witts end on this issue, so I figured I would register and see if anyone here could shed some light. On an even better note, we have this same CSS rollover code on about 60 other webites and it works fine in IE6. Weeeeeeeee! Sometimes, a pair of fresh eyes just helps and it's something simple. I hope that is the case. Thanks Pete I have the page setup to preload images for the navigation menu, and when you hover over the buttons the image at the top (toplogo) changes to show the button information. However the images at the top do not seem to be preloading as when you hover over a button the image at the top takes time to load before appearing. The navagation buttons seem to preload correctly... What have i done wrong? page :http://ryv.org.uk/test09 I am designing a website for an author and generally I only do ColdFusion developing so I am a bit weak nowadays on HTML and CSS, but I was trying to figure out a way to resize a background image without editing. Basically, I am making a table and I want the image to take up 100% of the background of said table. Is there some CSS style code that I could put in to do that? Thank you very much for your help. It is much appreciated. I have a website that has an image that loads at the top of the page, and then text about the image that loads below it. My problem is I placed an anchor by the text, underneath the image, so when a certain link is clicked it skips the image and goes right to the text where the anchor is....but when I click on a link to refer to that anchor, it loads to where the anchor is before the image size (width and height) loads. Then, the image loads, and expands th epage, and the image is on screen instead of the text I anchored to. Is there any easy way to make it so the anchor waits for the image to load before going to where it is....or so the image preloads the size and expands to that width and height before bothering to load the entire image so the anchor will be positioned right....or anything along those lines? To clarify, it looks like this: <p><img src="image location" /></p> Text: <a name="reviews" id="reviews"></a> and then the link : <a href="site.php?cnt=<? echo($cnt); ?>&pg=<? echo($pg - 5); ?>#theanchor"> Prev 5 </a> and the anchor position loads before the image loads, so instead of skipping the picture and displaying the text, it just displays only the bottom 90% of the image or so. Any ideas would be welcomed , --Tony Could you please help me out? I guess I won't be able to solve this on my own: The following does work perfectly in IE8: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE STYLE="FILTER:FLIPH"> <TR><TD><IMG SRC="test.jpg"></TD></TR> </TABLE> </BODY> </HTML> The image is indeed flipped horizontally and everything's fine. But opening the .htm-file containing the above in IE9, the image is not flipped. Why is this? Thank you so much for reading. could someone have a look at a site that I am working on... http://benjaminpotter.org/stpauls/ and tell me how come in IE the picture box moves off to the right... it has stumped me! Hello, i have an online radio station that id like to embed into my website... the station is hosted and everything..just want a player that will play the station on demand for people... but i dont know how to do it. I have a m3u, but thats about it at this point any help would be greatly appreciated hey anyone who's reading this.. i'm having trouble with fleshing out a vertical menu as when i do, it either doesn't work or doesn't work the way that i had imagined. any help? trying to make submenus that shift down the other main menus from the main menu it originated from. font style won't attach; i used ideoma_SPRAY.otf for the entirety of it and both the html and css are separated in the one txt file. wasn't sure if i was supposed to post this to html or css so i'm just putting it up here for now. thank you! hey everyone...I saw that you helped hasanoca,so I need same help.My site works in Safari,GGL Chrome and opera,but IE and mozilla won't open it right...everything is mixed up...so here is my site: Quote: *{ margin:0px auto; padding:0px; } body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFD68F; text-align:justify; background:url(../images/bg.JPG) left top repeat; } b{ color:#fff; text-decoration:underline; } strong{ color:#FEE9C4;} h1{ font-size:21px; font-weight:bold; color:#fff; margin:0px; padding:0px; } .clear{ clear:both; margin:0px; padding:0px; } .conten_area{ width:803px; margin:0px auto; padding:0px 0px 0px 200px; } .sub_menu{ width:150px; float:right; margin:0px; padding:35px 0px 7px 0px; font-weight:bold; } .sub_menu a{ text-decoration:none; color:#fff; } .sub_menu a:hover{ text-decoration:none; color:#fff; } .sub_menu a.active { color:#f9be58; text-decoration:none; } .workzone{ width:604px; float:left; padding:0px 0px 50px 0px; margin:0px 0px 0px 0px; } .header{ width:237px; float:left; margin:0px 0px 0px 0px; padding:357px 33px 0px 334px; background-image: url(../images/header_img.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .menu_heading{ text-align:right; margin:0px; padding:0px 0px 0px 0px; } .menu{ width:140px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:0px; padding:10px 0px 0px 0px; } .menu ul{ margin:0px; padding:0px; } .menu li{ list-style-type:none; margin:0px; text-align:right; padding:5px 20px 0px 0px; background-image: url(../images/bullet.GIF); background-repeat: no-repeat; background-position: right 10px; } .menu li a{ text-decoration:none; color:#fff; } .menu li a:hover{ text-decoration:none; color:#fff; } /* content master */ .content{ width:556px; float:left; padding:0px 24px 45px 24px; margin:0px; background: url(../images/content_bg.jpg) left bottom no-repeat; } /* welcome */ .welcome{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .welocme_heading{ width:505px; float:left; font-size:21px; font-weight:bold; color:#7C150A; margin:0px; padding:0px 27px 11px 24px; } .welcome_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/welcome_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .welcome_content{ width:505px; margin:0px; padding:0px 27px 0px 24px; background-image: url(../images/welcome_bg.jpg); background-repeat: repeat-y; background-position: 0px 0px; text-align:justify; } .welcome_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/welcome_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* services */ .services{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .services_heading{ width:505px; float:left; font-size:21px; font-weight:bold; color:#000; margin:0px; padding:0px 27px 11px 24px; } .services_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/services_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .services_content{ width:505px; margin:0px; padding:0px 27px 0px 24px; background-image: url(../images/services_bg.jpg); background-repeat: repeat-y; background-position: 0px 0px; } /* services category */ .web_design{ width:149px; float:left; margin:0px; padding:0px 12px 0px 0px; border-right:1px dotted #FEE9C4; } .web_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img.jpg); background-repeat: no-repeat; background-position: left 0px; } .web_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } /* logo category */ .logo_design{ width:149px; float:left; margin:0px; padding:0px 12px 0px 16px; border-right:1px dotted #FEE9C4; } .logo_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img2.jpg); background-repeat: no-repeat; background-position: left 0px; } .logo_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } /* icon category */ .icon_design{ width:149px; float:left; margin:0px; padding:0px 0px 0px 16px; } .icon_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img3.jpg); background-repeat: no-repeat; background-position: left 0px; } .icon_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } .services_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/services_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* our client */ .our_client{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .our_client_heading{ width:505px; float:left; margin:0px; font-size:21px; font-weight:bold; color:#7B3903; padding:0px 27px 11px 24px; } .our_client_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/client_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .our_client_content{ width:298px; height:194px; margin:0px; padding:25px 234px 49px 24px; background-image: url(../images/client_content.gif); background-repeat: repeat-y; background-position: 0px 0px; text-align:justify; } .our_client_list{ width:270px; float:left; margin:0px; padding:10px 0px 0px 0px; } .our_client_list ul{ margin:0px; padding:0px 0px 0px 15px; } .our_client_list li{ list-style-type:disc; margin:0px; padding:4px 0px 0px 0px; } .our_client_list li a{ text-decoration:underline; color:#FFEFD2; } .our_client_list li a:hover{ text-decoration:none; color:#FFEFD2; } .our_client_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/client_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* footer */ .footer{ width:604x; padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; } .footer_menu{ width:604px; float:left; text-align:center; color:#F3E8D2; text-transform:uppercase; background:#333; } .footer_menu ul { margin:0px; padding:0px; } .footer_menu li { display:inline; list-style-type:none; margin:0px; border-right:1px solid #ffe1ad; padding:0px 5px 0px 5px; } .footer_menu li a{ text-decoration:none; color:#F3E8D2;} .footer_menu li a:hover{ text-decoration:none; color:#F3E8D2;} /* link */ a { color:#ffffff; text-decoration:underline; } a:hover { text-decoration:none; } p a{ text-decoration:none; color:#fff; float:right;} p a:hover{ text-decoration:none; color:#fff; float:right} /* Inside Style Start Here */ .insidebanner { height:332px; background:url(../images/insidebanner.jpg) left top no-repeat; } h5 { font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 0px; border-bottom:1px dotted #ffffff; margin:0px 0px 10px 0px; } h6 { font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; } .ourvalue { margin:10px 0px 0px 0px; } .aboutus-img { float:right; border:4px solid #b0a48b; margin:0px 0px 10px 20px; } .aboutcolumnzone { padding:20px 0px 16px 0px; } .aboutcolumn1 { width:48%; float:left; margin:0px 0px 10px 0px; } .aboutcolumn2 { width:48%; float:right; margin:0px 0px 10px 0px; } .abouticon { float:left; margin:0px 20px 0px 0px; } .servicecolumnzone { padding:20px 0px 16px 0px; } .servicecolumn1 { width:48%; float:left; margin:0px 0px 10px 0px; } .servicecolumn2 { width:48%; float:right; margin:0px 0px 10px 0px; } .our-comment { margin:10px 0px 0px 0px; } .blog-posted-row { padding:3px; } .ourprojectrow { margin-bottom:20px; border-bottom:1px dotted #000000; padding-bottom:10px; } .project-img { float:right; margin-left:20px; border: 6px solid #b0a48b; } input.button { color:#ffffff; background:#414141; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0; border:1px solid #000000; } input.button:hover { cursor:pointer; color:#cccccc; } .insidereadmore { padding:10px 0px 10px 0px; } /* Inside Style End Here */ Hi! I downloaded this script off the net: http://www.htmlforums.com/attachment...1&d=1178321623 (or download attachment) and modded it to my needs. The only problem is that the orange blob on the top left breaks up (I think due to the way the tables are set up... i'm not sure i'm a BIG NOOB at HTML). This happens ONLY when I have large amounts of content... To see a live preview of this problem... please visit my website: http://www.netsafehouse.com/ http://www.netsafehouse.com/index.html << This is what the script should look like... it looks fine... BUT http://www.netsafehouse.com/Radio.html << It breaks up here. Please tell me what to do (I'm using dreamweaver)... thanks!! |
|||||||