HTML - My Div Doesn't Know Who To Listen To?
I am scaling the blue div based on the size of the red div, but also the size of the green div, and i just can't wrap my head around the right statement to make this happen. It can never be shorter than the green div, but needs to be as long as the red div... when the red div is longer than the green div. Similar TutorialsI'm trying to have a preformatted section of text adhere to specific width attributes. My research has already led me to realizing that the "width" attribute in the <pre> tag has since been outdated and browsers will not recognize it anymore. So my next step is to put it within a table...but I can't get the <pre> block of text to adhere to the table dimensions either. Am I missing something simple? There has to be a way to keep the spaces and line breaks in a block of text but keep it confined to a certain area. Here is the relevant section of my code Code: <TABLE WIDTH=200> <TR> <TD ALIGN=CENTER> <H3><B><FONT color=#cc0000 face=arial> TECH NOTES:</FONT></B></H3></TD> </TR> <TR> <TD> <PRE><%=sBloody long winded text block%></PRE></TD> </TR> </TABLE> I guess I should also note that this table is inside of numerous other tables...some of which have width attributes and some of which don't. I didn't think that would affect the outcome but I may be wrong I am using Kompozer to build a website for my business. It looks great in Firefox: But it has problems in IE: Anyone have any suggestions? Thanks, i tried this Code: <link rel="shortcut icon" href="favicon.ico"> ..this Code: <head> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> & this Code: <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon"> it all work on firefox but not on IE6 (i don't know if it does on IE7) any ideas plz thnx in advance Hi, I need help I tried to check the code of my website it works perfectly well in google chrome and firefox but not in Internet explorer. i tried your suggestions but still it doesn't work. I am using IE and for some reason PNG images specified using an <img> tag display blank. I know the files exist as there is no 'X' where the image is supposed to be but I can't see them. If I change to using a JPG then the images appear. My code is extremely simple and looks like: Code: <html><body><img src="images/test.png"></body></html> I have tried using width and height parameters but it only changes the size of the blank area. Does the <img> tag support PNG images? Is there some other reason why the images display blank? After the "marital status" and "sex" are selected, I want to assign a default value to the "Title" field. I think I am calling the function DefaultTitle incorrectly because I am not even seeing the initial alert box. Any suggestions? function DefaultTitle(strng,x) { alert("Checking Title."); var Sex=documet.PatientEntry.personal_sex.value; var MaritalStatus=strng; if (Sex=="Female" && MaritalStatus=="Married") {document.PatientEntry.personal_Title.value="Mrs."; HighlightWhite(x); Return; } if (Sex=="Male") {docment.PatientEntry.personal_Title.value="Mr."; HighlightWhite(x); Return; } if (Sex=="Female" && MaritalStatus=="Single") {document.PatientEntry.personal_Title.value="Miss"; HighlightWhite(x); Return; } if (Sex=="Female") {document.PatientEntry.personal_Title.value="Ms."; HighlightWhite(x); Return; } } Sex: <SELECT name="personal_sex" id="personal_sex" tabindex=7> <OPTION>Male</OPTION> <OPTION>Female</OPTION> </SELECT> Marital status: <SELECT name="personal_MaritalStatus" id="personal_MaritalStatus" onmouseout="DefaultTitle(this.value,this.id)" tabindex=8> <OPTION>Married</OPTION> <OPTION>Single</OPTION> <OPTION>Separated</OPTION> <OPTION>Divorced</OPTION> <OPTION>Widow(er)</OPTION> </SELECT> Title: <SELECT name=personal_Title tabindex=9> <OPTION>Mr.</OPTION> <OPTION>Mrs.</OPTION> <OPTION>Ms.</OPTION> <OPTION>Miss</OPTION> <OPTION>Dr.</OPTION> </SELECT><BR> Hi there, I was wondering if someone could provide some help. I have designed/built a website, and for some reason - the "Flash" content doesn't always display in Internet Explorer 7+ Some pages do display the Flash, some pages dont. The website is www.shiftingsandsarabians.com.au Chrome, Safari & firefox all display correctly. It just seems to be Internet Explorer. The "Flash" content is displayed at the top on each page. Would appreciate any help. Thanks guys, -Brad I'm trying to update my web page, but I can't get this scroll to appear. It works when I open the notepad code with the browser, but not when I try to update the site. Here is a copy of what I've done. <strong>CULTURE</strong> You'll meet the people, sit with them, eat with them. You'll see how they live. Visit everything from local shops to the cattle posts in the bush. </ul class="bulettext> <div align="center"><FONT size="+1"><MARQUEE direction="right" loop="40" width="90%"><STRONG>Check us out on Facebook and YouTube! >>>>>></STRONG></MARQUEE></FONT></DIV> <div style="position:absolute;top:650px;left:500px"> The blue font is the part I added for the marquee. What am I missing? Thanks for your assistance. Hi, I made a sliced up header in Photoshop and then created rollovers in dreamweaver. It works great on IE and on Firefox, but at the top of Chrome the top few pixels are shifted way to the left. Why would this happen just in Chrome and how can I fix it? The site is http://www.socalstandup.com/ Thanks a lot! 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 a beginner in html and the problem is that the following html code is not working i.e. the code when pasted on a website doesn't get executed to display the image but shows the code as text instead. Other html tags display just fine. img src <http://i40.tinypic.com/1z5kwic.jpg> The image is in public domain. No firewall/ proxy is enabled. In this age of programs like Dreamweaver and others, how in-depth should a person spend learning how to code HTML if he wants to get into this field? Sure, tweaking it will be the norm, but building a page purely out of HTML seems to be defunct. I hope to learn some HTML because I see so many employers asking for knowledge of it, but also Dreamweaver, Photoshop, and Flash. I figured that between these, I should be able to build a decent website. Suggestions or comments welcome. EDIT: I fixed it all! I just had unnecessary table indications. duuuhhhh. Hopefully my fix will help someone else with the same problem, though? Hi everyone! I am new here, so please bear with me! I found a few posts about this, but none seemed to fix my problem. First off, my website is he http://www.ashleywilliamsflute.com My problem is that the banner on top is set to be at 65% width. This works great in firefox and safari, but the image won't resize in IE. So, I tried using a css tag, too, and that didn't work. Here's the code I have: Code: <!DOCTYPE html> <html> <head> <title>Ashley Williams: Flutist</title> <body bgcolor="#000000"> <style type="text/css"> A:link {background: #000000; font-weight: bold; text-decoration: none; color: #c4eaef; letter-spacing: 3px;} A:visited {background: #000000; font-weight: bold; text-decoration: none; color: #c4eaef; letter-spacing: 3px;} A:active {background: #c4eaef; font-weight: bold; text-decoration: none; color: #000000; letter-spacing: 3px;} A:hover {background: #c4eaef; font-weight: bold; text-decoration: none; color: #000000; letter-spacing: 3px;} h2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #c4eaef; } p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #f1ebf1; size: 11pt; letter-spacing: 2px; line-height: 20pt; strong: 15pt; text-align: justify; margin-left: 25%; margin-right: 25%; text-indent: 30px; } #banner { float:center; width:65%; } </style> </head> <body> <div align="center" width=65%> <table border="0" width=65%> <tr> <img id="banner" src="topbanner.jpg" width=65%> </tr> </div> <tr> <h2> <div align=center width=65% style="background-color: "#000000"> | <a href="index.html"> HOME </a> | <a href="resume.html"> RESUME </a> | <a href="teaching.html"> TEACHING </a> | <a href="replist.html"> REPERTOIRE LIST </a> | <a href="programs.html"> PROGRAMS </a> | <a href="art.html"> ART </a> | <a href="contact.html"> CONTACT </a> | <a href="links.html"> LINKS </a> | </div> </h2> </tr> <P> IE also doesn't use my text settings, like the margins I chose. I'm not sure how to fix this. I used to make websites a lot, but haven't in a few years, not since CSS was just starting to be popular, and I feel quite lost! I hope someone will be able to help me-you all seem very knowledgeable and helpful so I will cross my fingers. Thanks a lot, everyone! -Ashley Okay I have tested the following code in all browsers and IE is the only one that it doesn't work for for .html pages. It does work for .asp pages though. I do not want to use iframes. Any suggestions? <object type="text/html" height="100%" width="100%" data="http://www.websitename.com"> </object> I made two style sheets for my project. First one is style.css, and the scond one is ie6.css which is intentionally left blank. This latter (ie6.css) is, ofcourse, made specialy for IE6 and in HTML head section I put
Code: <!--[if lt IE 7.0]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]--> I can't realise what's wrong, since when I preview site in IE6 it acts like conditional statement is not there. It should display page with no style, but still the page is displayed with style.css styling. You can check it out on: http://www.byethost.com/ for page is very simple. Thank's in advance! Okay, I received some pictures from a fashion designer to use for her Web site. I first tested the code by using a different image that I found on Google and it worked. However, when I used her image it was broken. The next option I tried was I used my photobucket account and make an HTML reference to the image. Even when I upload it to photobucket it gives me an error. So...I don't know if it's still my problem or possibly she gave me the wrong product. The images were .jpg. Here's the image code I tried: <img src="/pictures/ct1.jpg"/> If it's not the code, then what can I do to make sure she gives me pictures that work? I'm completely baffled. I have a contact form on this website: http://www.waldronforest.com/ that works just fine when I test it in FireFox, but when I try to use it in internet explorer I can't even click on the fields. Anyone have any idea why? 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> Morning guys, So yeah I'm new, this is my first ever site. After so much trial and error with Dreamweaver (so frustrating but a great way to learn) i have finished the first draft of the site and have uploaded it to the iPower server so my bosses can review. In Dreamweaver the preview in browsers show everything is fine, but live this is not the case (how many times have you heard this?!) Good thing is it's not the positioning thats the issue - it's the images - some load up, some don't, and this seams to change everytime I refresh?!?! Surely this is a case of not me but them?! He's a link so you can have a look yourselves: http://www.friendshiprose.com/cruise_tobago.html If anybody can shed some light it would be much appreciated, as I don't know too much really. Kind regards, Simon Heres the source code to my site if it interest you: (please be kind - first site n all!) 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=UTF-8" /> <title>Untitled Document</title> <link href="../tester.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- a:link { color: #099; text-decoration: none; } a:visited { text-decoration: none; color: #099; } a:hover { text-decoration: underline; color: #0CC; } a:active { text-decoration: none; color: #0CC; } --> </style></head> <body onload="MM_preloadImages('../Images/RoselinkRoll.jpg','../Images/GIVRoll.jpg','../Images/RealRoll.jpg','../Images/WeddingsRoll.jpg','../Images/SRERoll.jpg')"> <div id="ContainerMain"> <a href="http://www.friendshiprose.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FR','','../Images/RoselinkRoll.jpg',1)"><img src="../Images/Roselink.jpg" alt="Friendship Rose Caribbean Schooner" name="FR" width="160" height="97" border="0" class="TopNav" /></a> <a href="http://www.grenadinevillas.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GIV','','../Images/GIVRoll.jpg',1)"><img src="../Images/GIV.jpg" alt="Grenadine Island Villa Rentals" name="GIV" width="160" height="97" border="0" class="TopNav" /></a> <a href="http://www.grenadineproperty.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RE','','../Images/RealRoll.jpg',1)"><img src="../Images/Real.jpg" alt="Grenadines Land & Villa Sales" name="RE" width="160" height="97" border="0" class="TopNav" /></a> <a href="http://www.grenadineweddings.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WED','','../Images/WeddingsRoll.jpg',1)"><img src="../Images/Weddings.jpg" alt="Grenadines Weddings & Events" name="WED" width="160" height="97" border="0" class="TopNav" /></a> <a href="http://www.sailrelaxexplore.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SRE','','../Images/SRERoll.jpg',1)"><img src="../Images/SRE.jpg" alt="Sail Relax Explore the Grenadines" name="SRE" width="160" height="97" border="0" class="TopNav" /></a> <img src="../Images/collection_large.jpg" width="160" height="30" alt="Grenadines Collection" id="Collection"/> <img src="../Images/Friendship_Rose_Header.jpg" width="880" height="175" alt="Friendship Rose Caribbean Schooner" id="Header" /> <div id="LeftNav"><img src="../Images/Day Cruises Tab1.jpg" width="160" height="143" alt="Contact Us" id="Contact" /> <p> </p> <p> <a href="http://www.friendshiprose.com/cruises.html">Cruises</a></p> <p> <a href="http://www.friendshiprose.com/experience.html">The Experience</a></p> <p> <a href="http://www.friendshiprose.com/menu.html">Menu</a></p> <p> <a href="http://www.friendshiprose.com/locations.html">Locations</a></p> <p> <a href="http://www.friendshiprose.com/construct.html">Private Cruises</a></p> <p> <a href="http://www.friendshiprose.com/weddings.html">Weddings</a></p> <p> <a href="http://www.friendshiprose.com/construct.html">Image Gallery</a></p> <p> <a href="http://ical.mac.com/WebObjects/iCal.woa/wa/default?u=thegrenadines&n=Friendship%20Rose%20Cruises.ics">View Sailing Calendar</a></p> <p> <a href="http://www.friendshiprose.com/contact.html">Contact Us</a></p> </div> <div id="maincontentCaysCruise"> <h1 class="H1Text"><b>THE TOBAGO CAYS - FRIENDSHIP ROSE CRUISE</b></h1> <p class="LineSpace"> </p> <P class="StandTextGap">The <a href="http://www.friendshiprose.com/tobago_cruise.html">Tobago Cays Marine Park</a> is an stunning group of uninhabited islands near the southern end of the Grenadines. With fine coral reefs, turquoise waters and golden sand, many people consider the Tobago Cays to be the “Jewel in the crown” of the Grenadines. For more information on the amazing Tobago Cays <a href="http://www.friendshiprose.com/tobago_cays.html">click here . . . </a></P> <p class="LineSpace"> </p> <h2 class="H2Text"><font size="3"><b>Cruise Itinerary</b></font> </h2> <p class="LineSpace"> </p> <p class="StandTextGap"><b>7:00am</b><br />Join the Schooner, welcomed onboard by Captain and Crew<br /> Coffee & breakfast served as you sail by Moonhole and the Western Isles Of Bequia<br /> Enjoy the voyage through the Grenadines with excellent on board service</p> <p class="LineSpace"> </p> <p class="StandTextGap"><b>10:00am</b><br /> Arrive in the Tobago Cays<br /> Snorkel the coral reef <br /> Explore a deserted island<br /> Swim with turtles just off the pristine coral sand beach</p> <p class="LineSpace"> </p> <p class="StandTextGap"><b>1:00pm</b><br /> Lunch served on the shaded deck<br /> Relax in a hammock under billowing sails <br /> Have a relaxing afternoon swim from the boat</p> <p class="LineSpace"> </p> <p class="StandTextGap"><b>2:30pm</b><br /> Set sail for Bequia<br /> Watch for dolphins and turtles from the bow sprit <br /> Take afternoon tea and cake or enjoy the sundowners</p> <p class="LineSpace"> </p> <p class="StandTextGap"><b>5:30pm</b><br /> Arrive in Bequia</p> </div> <div id="SocialButtons"> <a href="http://www.facebook.com/home.php?ref=home#/group.php?gid=183257088849&ref=ts"><img src="../Images/join-our-facebook-group.jpg" width="160" height="46" style="border:0" alt="Facebook Group"/></a> <img src="../Images/twitter_logo.jpg" width="160" height="46" alt="Twitter Follow" id="Twit" /> </div> <img src="../Images/Footer 1.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/> <img src="../Images/Footer 2.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/> <img src="../Images/Footer 3.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/> <img src="../Images/Footer 4.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/> <div id="ContainerBot" align="left"> <h1 class="H1Text">The Friendship Rose Caribbean Schooner </h1> <h2 class="H2TextGap">Day Tours & Private Charters Through the Grenadines</h2> <h3 class="StandText">Bequia, St. Vincent & the Grenadines, West Indies</h3> <p class="StandText">E-mail:<a href="mailto:friendshiprose@mac.com">friendshiprose@mac.com </a> </p> <p class="StandText">Tel BEQUIA: +1 (784) 495 0886/9 +1 (784) 457 3888 +1 (784) 457 3739 UK FREEPHONE 0800 0484814</p> </div> </div> </body> </html> Hi, i want to open a new popup window after the link is pressed. HTML Code: <script type="text/javascript"> <!-- function openPopup (url, speed) { var w, h; if (speed == 'dsl') { w = 640; h = 520; } else if (speed == 'isdn') { w = 320; h = 280; } window.open(url, "Garden-Hotel", "toolbar=no, location=no, status=no, scrollbars=no, titlebar=no, directories=no, menubar=no, resizeable=no, width="+w+", height="+h); } --> </script> ... <a href="movies/gh_german_wmv_dsl.html" onclick="window.openPopup(this.href, 'dsl'); return false;">Mediaplayer (nur IE)</a> IE 7 just opens the link in the same browserwindow, although javascript is activated. Anybody knows why? Thanx... p-flash |