HTML - Hmmm.... Not Quite Working Properly In Ie
Similar TutorialsHTML 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>Brew Records - Leeds Independent label</title> </head> <img src="images/logo/brew%20logo%20black.jpg" align="absmiddle"> <body> </html> when i put in align="right" it goes to the far right but absmiddle doesn't make it go in the middle of the page. driving mer nuts i'm certain its correct 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 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 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. 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 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> 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 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 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" /> 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! 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 */ 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! 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 All, i have a minor problem with hyperlinks not displaying properly. In some instances, IE7 does not underline the hyperlink or only partly underlines the link. Please see http://www.tauntonflowershow.co.uk/ and look at the downloads yellow box at the top of the screen. Firefox, Opera etc are all OK. Grateful for any advice you can offer. Hello, I've been working in Dreamweaver on what I think is a pretty simple project, but am stuck figuring out the following: On the system that I used to create the html code, the following produces exactly what I intend... a mouseover event that opens a window that is 800x600: <a href="#" onmouseout="dave.close()" onmouseover="dave=window.open('Adrift in Manhattan.htmL','test','width=800,height=600')"><font size="2" face="Georgia, Times New Roman, Times, serif">Adrift in Manhattan </font></a><br /> <br /> When I "mouseover" on one of my other systems, the window opens full screen - not the 800x600 I want. What am I missing? Thanks, bob Hi there, I am currently designing a website for an art gallery. I thought I had finished it today while viewing it in firefox on my mac, but when I went to view it on internet explorer on a PC the page is not rendered properly! i don't know what to do! I have 2 divs - centercol & rightcol - centercol displays the main content, and rightcol displays an image specific to the content on the page. on my mac it shows like this: on a PC in internet explorer it shows like this: website is at http://pennystewartdesigns.com/merrepen/html/main.html NB: Main page functions fine, but when you click on any other tabs the rightcol displays below the main content in IE. My code is he 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> <title>Merrepen Arts | About Us</title> <link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/style.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/coin-slider-styles.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/menusm.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/pagenavi-css.css" media="screen" /> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yui.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yankaff.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/jquery-1.4.2.min.js"></script> <!-- menu --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/menusm.js"></script> <!-- scripts for use --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/script.js"></script> <!-- slider --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/coin-slider.min.js"></script> <!-- tabs-categories --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-hoverintent.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-superfish.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs.js"></script> <link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/tabs.css" type="text/css" media="screen" /> </head> <body> <div id="page"> <div id="header"> <div class="logo"> <p align="center"><img src="http://pennystewartdesigns.com/merrepen/html/images/logo1.png" align="middle" alt="Merrepen Arts"/> </p></div> <div class="topnav"> <ul class="menusm"> <li><a href="http://pennystewartdesigns.com/merrepen/html/main.html">Home</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/gallery">Gallery</a></li> <li class="current_page_item"><a href="http://pennystewartdesigns.com/merrepen/html/about.html">About Us</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/dalyriver.html">Daly River</a></li> <li><a href="www.merrepenfestival.com.au" target="_blank">Festival</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/contact.html">Contact</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/visit.html">Visit Us</a></li> </ul> <div class="clr"></div> </div> <!--/topnav --> <div class="clr"></div> </div> <!--/header --> <div class="clr"></div> </div> <div id="centercol" style="background-image: url('http://pennystewartdesigns.com/merrepen/html/images/bg/bgabout.gif'); background-repeat:no-repeat; background-position:top right"> <div class="box post"> <div class="content"> <div class="post-title"> </div> <!--/post-title --> <div class="blog-content"> <div class="post-excerpt"> <p align="center"> <h3>About Merrepen Arts</h3><br /><br /> </p> content.<br /><br /> </div> </div> <!--/post-excerpt --> <div class="clr"></div> <!--/content --> </div> <!--/box --> </div> </div> <!--/centercol --> <div id="rightcol"> <div class="wtitle"> <h3></h3><br /> </div> <div class="content"> <div id="credit"> <img src="images/about.jpg" alt="Merrepen Arts" /> <!--/content --> </div> <!--/box --> </div> <!--/content --> <!--/box --> </div> <!--/rightcol --> <div class="clr"></div> <!--/columns --> <div class="clr"></div> <!--/page --> <div class="clr"></div> <div id="page_bottom"> <div id="footer"> <div class="textf"> <div class="text1">© Copyright <a href="http://www.pennystewartdesigns.com">Merrepen Arts</a>. All Rights Reserved. </div> <div class="text2"><a href="http://www.pennystewartdesigns.com">Design</a></div> </div> </div> <div class="clr"></div> <!--/footer --> </div> </body> </html> my CSS for these divs are he Code: /*=== Layout ===*/ #page { margin:0 auto; padding:0; width:1200px;} /*=== Center Column ===*/ #centercol { margin-left:20px; padding:0 0 38px; float:left; width:800px;} /*=== Right Column ===*/ #rightcol { margin:0; padding:0 0 0 40px; float:right; width:400px; border-left:1px solid #dfdfdf; } .box { margin:0; padding:20px 0;} .box .content { } .box_r { margin:0 0 24px; padding:0; background:none; border:none;} .box_r .content { margin:0; padding:0;} .small_link { padding:10px 0; margin:0 auto; text-align:center;} .small_link a { color:#939393; text-decoration:none;} .small_link small { font-size:11px;} can anyone help? this is the first time i've had this problem & ive been looking at this code for far too long now. it all looks like gobbledy gook to me now!! arrggghhhhhh. so frustrating! penny I am trying to get this table to align properly but to no avail so far. Also, I'd like to be able to put a form in the middle of the pictures. Here is the code for the section I am referring to: Code: <table border="10"><tr><td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td><br></tr><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td></tr> </table> Hi. I have a question regarding my site. If you click on the link using IE you will see that the images in my tables are cut off on the right, and haven't been scaled at all... In Google Chrome they appear fine. Here is the HTML code snippet: Code: <table> <tbody> -snip- <table> <tr> <td> <div class="large"> <a href="http://picasaweb.google.com/lh/photo/QnqiMcSvmlR_osQplmz-Iw?authkey=Gv1sRgCNbCzI295-KBIg&feat=directlink" target="_blank"> <img class="large" src="http://lh3.ggpht.com/_lPPWxJaDX_0/S1tmkLXjmBI/AAAAAAAAAVA/782xI-SkNVQ/s640/step1-2.jpg" alt="CashCrate offers page." title="CashCrate offers page."> </img> </a> </div> </td> </tr> </table> -snip- </tbody> </table> And here is some css code: Code: div.large { width: 100%; height: 200px; border: none; margin-top:6px; margin-bottom:6px; overflow: auto; } img.large { width: 98%; height-max: 600px; padding: 2px; border: ridge; border-color: #66E066; } I'm wanting to know what I need to add/change to make the images appear right in all browsers(I've only tested in IE and Chrome). If you need any more info about my page, ask . Thanks. Hi guys this is my first post here, hope you can help. I am currently designing a websitefor the company I work for and the first page is almost completed with the exception of a little glitch. When the page first loads there are a few elements that are in the wrong place. Then when the page is refreshed these elements go where they are supposed to be. I have looked through the html and the css and can't find any problem as to why this is happening. I would really appreciate any suggestions as to why this is happening or how to fix it. If you need anything else just let me know and I'll post it. Thank you As you can see here Here is what it should look like but only does after hitting refresh 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!! |