|
HTML - Css Not Displaying As Expected
Hi,
I am trying to format this page to look like it has two columns, first column = "Action...", second column = "Key...". The html: HTML Code: <HTML> <HEAD> <TITLE>Test title</TITLE> <LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="style.css" /> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000"> <P><A NAME="keyboard_shortcuts"></A><B>Using the keyboard</B></P> <P>Some text. </P> <P>The following buttons have keyboard shortcut keys:</P> <DIV ID="fields_left"><B><I>Action...</I></B></DIV> <DIV ID="fields_right"><B><I> Key...</I></B></DIV> <HR> <DIV ID="fields_left"><IMG SRC="img1.bmp" ALT="alttext1" BORDER=0 /></DIV> <DIV ID="fields_right">Esc1</DIV> <DIV ID="fields_left"><IMG SRC="img2.bmp" ALT="alttext2" BORDER=0 /></DIV> <DIV ID="fields_right">Esc2</DIV> <P>Related topics</P> <P>some text....</P> </BODY> </HTML> The css: Code: #fields_left {
float:left;
padding: 10px;
text-align:left;
width:30%;
}
#fields_right{
float:left;
padding: 10px;
text-align:left;
width:70%;
}
I am trying to have an image and text next it as if it was a table with two columns, but it is not coming out as expected: Does anybody know whats going on here ? I'm on XP, IE 7 Similar TutorialsIm getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML>
<HEAD>
<TITLE> **** </TITLE>
<SCRIPT type="text/javascipt">
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15);
} else {
setTimeout("fadeIn(16)", 15);
}
}
</SCRIPT>
</HEAD>
<body onLoad="fadeIn(16)">
<p></p>
</body>
</HTML>
My code says that there's an error on line 44 which is the body tag with "onload" in it, i can't seem to find the solution to this error, any advice? <HTML> <HEAD> <TITLE> **** </TITLE> <SCRIPT type="text/javascipt"> var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15); } else { setTimeout("fadeIn(16)", 15); } } </SCRIPT> </HEAD> <body onLoad="fadeIn(16)"> <p></p> </body> </HTML> I uploaded an adobe web gallery to my website and it doesn't work because of an object expected error. I believe it may have something to do with the AC_FL_RunContent code, but I'm not sure what to add or take away. Could someone please look at this code and let me know what's wrong? The html file comes up fine until I upload it to my website and try to view it online. Thanks! HTML Code: <!-- saved from url=(0013)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Photoshoot</title>
<style>
body,html {
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
height: 100%;
width: 100%;
}
</style>
<!-- Active Content Workaround Support File -->
<script src="resources/AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return -1;
}
</script>
<script language="JavaScript" type="text/javascript">
var startImg = getQueryVariable("startImg");
//alert(startImg);
</script>
<!-- Flash Detection Script Block -->
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// the version of javascript supported
var jsVersion = 1.0;
// -----------------------------------------------------------------------------
// -->
</script>
<script language="VBScript" type="text/vbscript">
<!-- // Visual basic helper required to detect Flash Player ActiveX control version information
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
// -->
</script>
<script language="JavaScript1.1" type="text/javascript">
<!-- // Detect Client Browser type
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
jsVersion = 1.1;
// JavaScript helper required to detect Flash Player PlugIn version information
function JSGetSwfVer(i){
// NS/Opera version >= 3 check for Flash plugin in plugin array
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
descArray = flashDescription.split(" ");
tempArrayMajor = descArray[2].split(".");
versionMajor = tempArrayMajor[0];
versionMinor = tempArrayMajor[1];
if ( descArray[3] != "" ) {
tempArrayMinor = descArray[3].split("r");
} else {
tempArrayMinor = descArray[4].split("r");
}
versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
} else {
flashVer = -1;
}
}
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
// Can't detect in all other cases
else {
flashVer = -1;
}
return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
reqVer = parseFloat(reqMajorVer + "." + reqRevision);
// loop backwards through the versions until we find the newest version
for (i=25;i>0;i--) {
if (isIE && isWin && !isOpera) {
versionStr = VBGetSwfVer(i);
} else {
versionStr = JSGetSwfVer(i);
}
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
tempArray = versionStr.split(" ");
tempString = tempArray[1];
versionArray = tempString .split(",");
} else {
versionArray = versionStr.split(".");
}
versionMajor = versionArray[0];
versionMinor = versionArray[1];
versionRevision = versionArray[2];
versionString = versionMajor + "." + versionRevision; // 7.0r24 == 7.24
versionNum = parseFloat(versionString);
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if ( (versionMajor > reqMajorVer) && (versionNum >= reqVer) ) {
return true;
} else {
return ((versionNum >= reqVer && versionMinor >= reqMinorVer) ? true : false );
}
}
}
}
// -->
</script>
</head>
<body><div align="center" style="width:100%; height:100%">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values entered above in "Globals"
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
// Location visited after installation is complete if installation is required
var MMredirectURL = window.location;
// Stored value of document title used by the installation process to close the window that started the installation process
// This is necessary to remove browser windows that will still be utilizing the older version of the player after installation is complete
// DO NOT MODIFY THE FOLLOWING TWO LINES
//document.title = document.title.slice(0, 47) + " - Flash Player Installation";
document.title = document.title.slice(0, 47);
var MMdoctitle = document.title;
// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasReqestedVersion ) {
var productInstallOETags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
+ 'width="550" height="200"'
+ 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
+ '<param name="movie" value="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=ActiveX&MMdoctitle='+MMdoctitle+'" />'
+ '<param name="quality" value="best" /><param name="bgcolor" value="#3A6EA5" />'
+ '<embed src="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=PlugIn" quality="high" bgcolor="#3A6EA5" '
+ 'width="550" height="300" name="detectiontest" aligh="middle"'
+ 'play="true"'
+ 'loop="false"'
+ 'quality="best"'
+ 'allowScriptAccess="sameDomain"'
+ 'type="application/x-shockwave-flash"'
+ 'pluginspage="http://www.adobe.com/go/getflashplayer">'
+ '<\/embed>'
+ '<\/object>';
document.write(productInstallOETags); // embed the Flash Product Installation SWF
} else if (hasReqestedVersion) { // if we've detected an acceptable version
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'flashvars','baseRefUrl=resources/&groupxml=group.xml&stylexml=style.xml&localText=localText.xml&livePreview=false&startImg='+startImg,
'width', '100%',
'height', '100%',
'src', 'resources/gallery',
'quality', 'high',
'pluginspage', 'http://www.adobe.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'gallery',
'bgcolor', '#f7f7f7',
'name', 'gallery',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'resources/gallery',
'salign', ''
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'This photo gallery requires the Adobe Flash Player.'
+ '<a href=http://www.adobe.com/go/getflash/>Get the free Flash Player here</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
// Provide alternate content for browsers that do not support scripting
// or for those that have scripting disabled.
Sorry, this photo gallery requires that scripting be enabled on your web browser and that the Adobe Flash Player be installed.
<a href="http://www.adobe.com/go/getflash/">Download the Adobe Flash Player</a>
</noscript>
</div>
</body>
</html>
Maybe I misunderstand the way that DIV works. Someone on here once suggested that I use DIV to float images on a page. I am doing this on this (and a couple of other) page- http://www.RobotsAndComputers.com/robots/teslacoil.htm with unexpected results. On the page, I alternate between floating the images left and right with the text wrapping around them. The thing is, when I issue the /DIV command, I would think (logically) that any attributes bestowed by the DIV command (ie. float) would be terminated. That isn't what happens though. Even after the last /DIV command, the text continues to wrap around the image, instead of being placed under it as I would expect/intend. No matter what I do, I cannot get the float to break. Can someone take a look at the code and see what I am doing wrong, or if I am just expecting too much from this command... Thanks... I've created a webpage using html and was wondering if there was any way that when I open the file to have the address bar display a "fake" url. That is, when I open the file instead of saying "file:///Users.filename.html" it will say "www.example.com" in the browser's address bar. I'm on Mac OS and my browser is Google Chrome, if that helps. Hello, I've created a table with two columns, the second column is fixed width at 64px and contains a div, the div has a border and contains some text, the text renders to larger than 64px. This is a cut down version of a more complex page to illustrate the problem so just changing it to divs or some such wont help. In IE6 and FF2 the div border automatically stretches to contain the text, in IE7 the div is set to 64px and stays there, I don't think this is the correct behaviour, but I can't seem to find another mention of this problem, could anyone give me some pointers? tia, Dave here's the code or here http://members.iinet.com.au/~daven@powerup.com.au/ and the shorter url http://tinyurl.com/6gnpuc <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <BODY> <table cellspacing="0" cellpadding="0" style="width:100%"> <tr valign="top" style="width:100%;"> <td> hello </td> <td style="width: 64px;"> <DIV style="border: solid 1px #0000FF"> dsadsadsdsadas </DIV> </td> </tr> </table> </BODY> </HTML> http://bbmodding.com/index.html I don't see anything obvious in the code that would explain why it's not displaying. Does IE just hate me? Displays PERFECTLY in FF. I just don't understand.. Edit: Thanks for the help guys. I feel stupid. I can always count on this site to help me fix my problems . Internet Explorer version 6 is not showing the pages of my web site the same as Firefox 2, At the top there's a split between the two images on the left. http://www.thegoanexperience.com/ Originally it was meant to be touching the top but now for some reason it's moved down the page a little bit. Hello, I have a web page that is built using components. The footer of the page is a component. When building the page, the footer is added using a glob. In the footer, there is supposed to be a bunch of Korean characters. Currently, they are not displaying properly. When the glob is viewed alone, it is still incorrect. However, if the source is viewed, the Korean characters are correct in the source, but are displaying incorrectly in the page. The charset is already set to UTF-8. What could be the issue here? Hi all, My site displas in FF perfect but not in IE any reason for this? i took out some code which i thought would help but still no joy. heres the code i have now and my site is in my signature. HTML Code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/> <title>Basicproduction</title> </head> <body style="margin:0;background:#000;"> <div style="text-align:center;"> <a target="_blank" href="http://www.myspace.com/basicproduction"><img width="750" height="650" border="0" alt="" img src="/bpholding copy.jpg"/></a> </div> </body> </html> Thanks I need to display 40-50 images one-by-one using forward and backward buttons. It doesn't seem too difficult, but I'm pretty lost. Please help! So, right now I have a single page that loads flash files. It takes the name of the file and the size of the frame from the address bar, then uses that to load the game. However, the problem I have is displaying a tidbit of info about the game. I managed to make it scroll with a nice script, but unfortunately I have no idea how to store the content that goes in the actual iframe. Currently, the frame loads its info from the file itself, by using javascript to get the name of the game and retrieve the valid information. However, this makes the game loader 53 kilobytes, versus the 1-2 kb is was previously. Clearly, this is not an efficient solution - especially if I add more than the 80 or so games I have. Imagine the mess if it was like 1000 games, ugh. I try to add only the quality games though, so I doubt i'll ever reach that number. Quality over quantity, right? Still, what should I do to store the information and quickly look it up without downloading a bunch of information onto the user's computer? This is probably basic, but it's driving me mad. I want to show a bit of code that the reader can copy. How can i do this? Hi! I've been working with html for a couple of years, but working with XML, C#, ASP.Net for the past three months and I may be exhausted, but for the life of me I cannot see why the image is not displaying for this page. See code below: <table width="100%" border="0"> <tr> <td align="center"><font face="Times, Arial, Helvetica"><a href="picLHVSMFP.htm" target="main"><img src="../images/picSHVSMFP.jpg" width="324" height="500" alt="Harmony Village - Sheppard - Main Floor Plan" border="0"> </a></font></td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"><font color="#000000">Harmony Village - Sheppard - Main Floor Plan</font></td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"><a href="picHVSFP4.htm"><img src="../images/rightarrow.gif" width="11" height="10" border="0"></a> <font color="#003333"><a href="future.htm">Future Projects</a></font> <a href="picHVSFP2.htm"><img src="../images/leftarrow.gif" width="11" height="10" border="0"></a> </td> </tr> </table> I have underlined and bolded the image that is not displaying. The other images on the page are displaying and the links work and I have triple-checked the spelling and opened the image with Adobe Photoshop multiple times. I have even tried decreasing the image size, although larger images have displayed on the website without problems. Is there a syntax problem that I am just not seeing? I have attached the image as well. Thanks!!! Hi all, I have a select box in an html form which simply doesn't appear in ie6. I dont know what is relevant to this problem, but loosely, the layout is as follows: <div id="content"> <form> <p class="label"><label for="allocation">Label</label></p> <p class="input"><select name="allocation" id="allocation"> <option value="0">option1</option> ... </select> <div class="clear"></div> </form> </div> the label paragraph is floated left and input floated right, clear simply clears the floats. Other things in the form include tinyMCE textareas and textboxes. The submit button has an onclick handler that validates before returning true or false for php to put values into a mysql database. Everything else works fine but the select box is simply not there in ie6. Any help would be greatly appreciated, Thanks, Conrad Hi, I am new to this forum. I need some help. I want to know how to display the contents of a link in one box to another box when that link is clicked. Thanks Pankaj Can someone take a look at this page: http://www.robotsandcomputers.com/ro...wcomplaint.htm in IE and tell me why the text isn't showing up? It shows up just fine in Chrome and Firefox. Thanks... Hello, I am having issues with the way my iFrame is displaying in internet explorer. It displays properly in Firefox, i just don't understad what I'm doing wrong the site is: www.mortgagesbykd.com Hi Could anyone take a look at my site at www.cyclistsfc.org.uk in Firefox and IE tell me why the navbar is showing in FF but not IE? Its just simple tables so I suppose I must have forgotten to close something somewhere... Cheers Luke Hi I'm new to html and trying to make my first basic html website. I want to display calendar. I know I can hardcode a calendar in CSS or in HTML but I have to do it for every month. Is there a way I can display a calendar without hardcoding ?? Please help !!!!!!! Mav |
|||||||