|
HTML - Problems With "layers"
Hello, not sure if this should go into CSS or HTML since it deals with both, but I'll put it in here anyway...
I'm having problems with a couple of background images that pop up over my main table when the window is shrunk down. Here's the code (or a snippet thereof...) Code: DIV.float_top_lft IMG
{
POSITION: absolute;
TOP: 0;
LEFT: 0;
}
DIV.float_btm_rt IMG
{
POSITION: absolute;
BOTTOM: 0;
RIGHT: 0;
}
<!--end style-->
<body>
<DIV CLASS="float_top_lft">
<IMG SRC="images/background_TL.jpg"></DIV>
<table><tr><td>table blah blah my table is here with content in it nothing fancy just HTML</td></tr></table>
<DIV CLASS="float_btm_rt">
<IMG SRC="images/background_BR.jpg"></DIV>
</body>
so the gist is that there is a top left corner graphic and a bottom right graphic that stay in the corners no matter the size of the screen, but the problem is that they pop up over the table when the screen is shrunk "too far". I tried putting everything in a three column table, but that limits the bottom corner graphic to being only at the bottom of the table, not the screen, which I can't have. But I do like how the horizontal resizing stops (IE the background images don't go above or below the table, they stop once the side of the table and the graphic hit which is nice) once the screen is brought to a certain size horizontally. I have also tried putting the table in a DIV that doesn't really tell it to do anything, but that didn't work either. Is there a way that I can tell the two images to be BELOW the table without having to redo a ton of code? Thanks! Similar Tutorialshttp://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? I was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. What is wrong with this table. My table is not showing correctly. The column on the right side is sticking out a little to much. Please help thx. Code: <table width="122" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="122" height="30" colspan="3" background="http://findacreditsolution.com/images/left_blue_title.gif">
</td>
</tr>
<tr>
<td width="1" background="http://findacreditsolution.com/images/left_mid_bg.gif">
</td>
<td align="center">some code here</td>
<td width="1" align="left" background="http://findacreditsolution.com/images/right_mid_bg.gif">
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="3" width="122" height="10" background="http://findacreditsolution.com/images/left_bot_bg.gif">
</td>
</tr>
</table>
I have a problem with my website basically I have a drop down menu and when you click on a specific name it should bring the name/catcode in the next box I have done a primitive example below also I have copied the html code from the page below some of them work and some dont which is really confusing me I havent got a clue what I have to do to get them all to work. I would really appreciate any help or pointers. Example: Drop down menu catcode Action Force A LEGO L Below is part of the pages html which I think is causing the issue. <td style="background-color: #7f7f7f" valign="middle"> <table id="archiveSearch"> <tr> <td style="padding-right:10px"><img id="archiveSearchImage" name="archiveSearchImage" src="images/archiveSearch.gif" alt="Search Archive" width="144" height="37" border="0" /></td> <td style="padding-right:10px"> <select id="categoryDropDown" name="categoryDropDown" size="1" onchange="selectCategory(this)"> <!--<option value="Example" >Example</option>--> <!--<option value="Examples" >Examples</option>--> <option value="A-Team" >The A-Team</option> <option value="Action Force">Action Force</option> <option value="Bionic Six" >Bionic Six</option> <option value="Buck Rogers">Buck Rogers</option> <option value="COF" >Cinema of fear</option> <option value="COTT">Clash Of The Titans</option> <option value="DC Comics">DC Comics</option> <option value="GIJ" > G.I.JOE</option> <option value="LEGO"> LEGO</option> <option value="LOTR"> Lord of the rings</option> <option value="MASK"> M.A.S.K</option> <option value="MISC"> Miscellaneous</option> <option value="MOTU"> Masters Of The Universe</option> <option value="Rock Lords" >Rock Lords</option> <option value="Rocky" >Rocky</option> <option value="SMDM" > Six Million Dollar Man</option> <option value="Star Wars" >Star Wars</option> <option value="Super Heroes" >Super Heroes</option> <option value="Super Powers" >Super Powers</option> <option value="ThunderCats" >ThunderCats</option> <option value="TMNT" >TMNT</option> <option value="Transformers" >Transformers</option> <option value="Visionaries" >Visionaries</option> </select> </td> <td style="padding-right:10px"> <!--<input id="mostRecentButton" type="button" value="Most Recent" />--> <input id="catCode" type="text" style="width:45px" readonly="readonly" /> Hello Im sorry I really dont know HTML but i am a self learner and made a form for my website and it works perfectly but my problem is to SUBMIT it the form will open up Outlook Express and people ahve to send an email and junk. I was wondering if there was a way around it to like get it sent straight to my email address? like on freewebs.com if you submit a form it goes to your email (but of course if you want to do more than 25 form requests you ahve to pay) so i was wondering if anyone can help me or give me a code the email i need it to sent is AnatreDesigns@hotmail.com. if you need anything specific just let me know THANK YOU SO MUCH hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. I cannot work out why my google ads on the left hand side of my pages appear vertically centred, and not aligned to the top. The site is here My code looks like this: <td valign="top"> <p align="center"> {include file="$tpl_dir/ads_left_two.sec.html"} <img src="images/120-pixel-spacer.gif" alt="richmond upon thames" width="120" height="20" /></p></td> and the code for {include file="$tpl_dir/ads_left_two.sec.html"} looks like this: {literal} <script type="text/javascript"><!-- google_ad_client = "pub-2556340643393239"; google_alternate_color = "598527"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; google_ad_channel ="6678563867"; google_color_border = "CCCCCC"; google_color_bg = "FFFFFF"; google_color_link = "790000"; google_color_text = "333333"; google_color_url = "598527"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <script type="text/javascript"><!-- google_ad_client = "pub-2556340643393239"; google_alternate_color = "598527"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; google_ad_channel ="7752161831"; google_color_border = "CCCCCC"; google_color_bg = "FFFFFF"; google_color_link = "790000"; google_color_text = "333333"; google_color_url = "598527"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> {/literal} Hopefully i'm doing something dumb and you can tell me!!! I've been trying to work this out for ages.... thanks Bugs1012 Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Rather than write them out i took a screenshot. So how do i get past those? Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Template for Parish Website</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to the Greencastle Parish Website</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span>
<p class="style3">Main Body</p>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Cheers for any help! Niall Hello! Don't know if this is the right place to post but here goes... I have learned quite a few of HTML and CSS in the last few months - also with a bit of your help, so thank you... Ok, here's the problem. Althow i can relatively control my code i'm having problems with site "looks". I'm not talking about graphics, but positioning... layout if you want. I just don't know where to put some stuff so that the site would look interesting, that everything would be properly "ordered", that i would use the right color combinations... so... can anyone direct me to some good source where i can learn something like that? Thank you! P.S.: If this is the wrong section to post this kind of questions, please, move the thread hi all i,m having a problem with the HTML command alt="hover text" this seems to work on an image <img src="c:\documents and settings\admin\my documents\my pictures\thinklogo.gif"alt="hover text" width="100" height="100"> but i am unable to place it in this piece of code <a href="http://www.google.com" target="blank"<b style="color:green">google</b> i am a noob at html and not sure if it can be used with a link. any help would be appreciated. Hello folks, I have written some html, xhtml possibly, which has an href to another page, the second page being in frames and in a new window. It worked fine on an Me but now in XP it won't open the 2nd window (from the link in the first) saying it can't locate file bla bla bla, check the address.... The odd thing is where there were gaps in the address which I blocked in with a " %20 " for the browser to recognise, its saying its looking for the right address but with a 25 where all the %20's are, as well as the twenties themselves, so they now appear as "html%2520code" for example. When I open the file that is the target of the link I get the typical white file not found page, but it is dividing the screen as the frames of that file tell it to do. I would appreciate somebody telling me what the error could possibly be hello, can you please give me a sample code showing the difference between ismap and usemap. I need to give a seminar on it !!!!! Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Please help me. This is probably very simple. I have a webform that collects data and then a javascript function calculates som values. The problem I have is that in Sweden we use "," as a decimal separator but the form only accepts "." or else I get error. Please how do you change that!? I have really googled this but I am probably using the wrong terms. BR, Peter |
|||||||