|
HTML - Combining Conditional Ifs
Is it possible to combine ie's conditional if's?
I basically want (without the use of js) to be able to send a message to IE5 / 5.0 / 5.5 / 6 users. But i want to keep HTML download to a min.... Therefore can i combine the conditional iff's? Similar Tutorialsi attached an image that should give an idea of what im looking for. ive tried EVERYTHING and have no been able to get this to work. maybe dreamweaver just isnt good for this type of things? thanks in advance. the website and pics are in the attached zip file Is it possible to have an image, that when rolled over changes, and have the changed-rollover image be an image map...without using any java? I know how to do various image rollovers (both with one image that "moves" and two that switch) and I know how to make an image map. I just don't know how to combine them into one thing. Is it possible, and if so, how would I do it? Thanks! I have an html web page that is the look I want, we'll call it script A And I have a log-in script with the functionality I want, we'll call it script B I'd like help combining the top part of script A into the top part of script B, so that the functionality script (B) will have the header look of script A. So below you'll see the code from the top of script A & B. I'd like the header and images from script A to appear/fit into the top part of script B. Thanks for your help. Script A Code: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WTAhtml</title>
<style type="text/css">
body {background-color: #ebebeb;}
#container {
width: 830px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-top: 5px;
margin-right: 10px;
margin-left: 20px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
padding-right: 15px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 25px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td colspan="2"><div align="center"><img src="images/img11.jpg" height="134" width="461">
<img src="images/topimg2.jpg" height="160" width="309"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
Script B Code: <html><head>
<title>TEST</title>
<script src="java.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="styles.css">
</head><body bgcolor="#ffffff">
<br />
<table width="75%" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border: solid 1px;">
<tr>
<td style="padding: 20px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td>TEST</td>
<td align="right"> </td>
</tr></table>
</td>
</tr></table>
<br /><br />
<table width="75%" align="center" cellpadding="0" cellspacing="0" bordercolor="#800000" style="border: solid 1px;">
<tr bgcolor="White">
<td>
<table height="26" cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#800000" background="img/_example/bg_tb1_.gif" width="100%"><tr>
<td width="200"><img src="img/_example/pixel.gif" width="200" height="1" alt="" border="0" /></td>
<td width="100%">
<table border="0" width="100%" align="right" cellpadding="2" cellspacing="0"><tr>
</tr></table>
</td>
</tr></table>
</td>
</tr>
<tr><td height="1" bgcolor="#d4d4d4"><img src="img/pixel.gif" width="1" height="1" alt="" border="0"></td></tr>
<tr>
can i put a conditional statement in a .css file ? im having trouble with getting my div & or hr to work in every browser i fix something on 1 browser i loose something from another when im coding the site... i want to know if i can put a statement that if browser internet explore execute this set of rules, elseif execute these set of rules... Hi I am using a conditional comment on a website to load a css sheet for IE6 and below <!--[if lte IE6]> <link href="expleonardo.css" rel="stylesheet" type="text/css"> <![endif]--> In IE6 it loads the sheet and does what I want it to do but the following: <!--[if lte IE6]> <![endif]--> shows at the top of the page on a white line. The website address is www.errolsimprov.co.uk/leonardo/index.htm Any help would be greatly appreciated. Thanks John i have two radio boxes in a jsp using html and i want to make one checked based on a condition. I can do that in php but i don't know how to do that using jsp. Can anyone help me. out.println("<tr><td>Billing Model"); out.print("<tr><td><input type='radio' name='appStatusDescription'value='0' >Prepaid<br>"); out.print("' </td>"); out.print("<td><input type='radio' name='appStatusDescription'value='1'>Postpaid<br>"); out.print("' </td></tr>"); These are the two radio buttons and based on the return value of this i want either one of them checked <%if((app.getBillingModel)==0){%>prepaid checked<%}%> hi All, I want to add two select(dropdown lists) boxes. Content of first select box will be name of countries. And the other select box which will contain states of those counties should show the values according to the value selected in first select box. Eg: Suppose I select America then it should only show the states of America. I want to know whether it is possible using simple html? or javascript is required? and how? Regards, Jaas Hey, Struck with a problem, how to excute scripts conditionally i have two scripts in one html, but wanna excute only one based on condition or button click <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/2t3ZysHg3Cc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2t3ZysHg3Cc&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bT_8Dvk5GIQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bT_8Dvk5GIQ&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> Tips please Hi everyone, just wondering if anyone could help me with a problem I'm having making an HTML form? I have been following directions on this website: http://www.w3schools.com/html/tryit....ryhtml_select2 and learned to make a drop down box to my form. So far, this is it: HTML Code: <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"><br> Artist: <select name="artist"> <option value="the minutemen">The Minutemen</option> <option value="Planet Smashers">Planet Smashers</option> <option value="crass">Crass</option> <option value="Madonna">Madonna</option> <option value="the misfits">The Misfits</option> Album: <select name="album"> <option value="album">album</option> </select> </form> So what I want to do now, is have it so if the user clicks on Madonna under the "artist" drop down box, the "album" drop down box will let the user select one of Madonna's albums, but only hers (not any of the other artists' albums). And if the user clicks "Crass" then the "album" drop down box will change and only show Crass' albums, etc. Is there a way to do this in HTML? I am designing the site using notepad (no dreamweaver or anything) and I am running WinXP. My browser is Firefox. I don't really know anything about forms. Thanks for your time! I have a custom order form where the choices available in one box should be conditional on another one. I want both the drop down boxes to display on the same page. For instance, the first box has regular, superior and deluxe. The second box would have red, orange, violet, indigo, blue. If user chooses regular, all colour options would be available.. If user chooses superior, red orange violet would be available If deluxe, only red available. How would I do this? 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! HTML Code: <!--[if IE]> <div id="header"> <table align="center"><tr> <td align="center"><span class="chosen">< Home</span></td> <td align="center"><a class="nav" href="NewsReviews.html" title="news">< News & Reviews</a></td> <td align="center"><a class="nav" href="Gallery.html" title="Gallery">< Gallery</a></td> <td align="center"><a class="nav" href="http://musichasm.freeforums.org/" title="forums">< Forum</a></td> <td align="center"><a class="nav" href="HelpContact.html" title="contact">< Contact Us</a></td> <td align="center"><a class="nav" href="Underground.html">< Underground</a></td> </tr></table> </div> <![endif]--> <!--[if ! IE]>--> <div id="header"> <span class="chosen">< Home</span> <a class="nav" href="NewsReviews.html" title="news">< News & Reviews</a> <a class="nav" href="Gallery.html" title="Gallery">< Gallery</a> <a class="nav" href="http://musichasm.freeforums.org/" title="forums">< Forum</a> <a class="nav" href="HelpContact.html" title="contact">< Contact Us</a> <a class="nav" href="Underground.html">< Underground</a> </div> <!--<![endif]--> That is my coding for a CSS menu which fixes a 'ghost text' bug in IE 6 and lower... It produces the proper result in IE, FF, and Opera, but the only problem is that dreamweaver sees them both as comments, and does not display it in design view....I just upgraded to CS3, but MX and 8 both showed the menus....any ideas? I have a series of checkboxes and the user can check one or more of them. When I display their submission back to them for verification, I want to display only those which have been checked. I have a form processor (FormProcessorPro) and they tell me that they can't guarantee that PHP code will parse correctly. And they're correct, it isn't parsing correctly - unless I'm missing something. Here's an example of what I'm trying to do: <?php $blmc = "[blmc-gp]"; // [blmc-gp] FPPro's access to field names if ($blmc == "YES") { echo "<tr>"; echo "<td align="right" class="maintext">General Pastor :: </td>"; echo "<td><font size="2">[blmc-gp]</font></td>; echo "</tr>"; } ?> First question, should the above work in suppressing the table row if the checkbox hasn't been checked? Second question, is there a way in pure HTML (no PHP, PERL or JAVA) to accomplish my goal of suppressing any table rows where the checkbox hasn't been checked? Thank you, Roy <![if gt IE 6]></a><![endif]> will not validate. How can i modify this so it will? Is it possible that the inclusion of a script on a page be conditional to the web server that it's on? Example: if(the page is on Web Server 1) { Include Script 1 } else if(the page is on Web Server 2) { Include Script 2 } I'm working on several Google Maps web pages (10-12 at a time). I test the pages on our development web server and then move them to our public web server. The problem is that there is a different Google Maps Key for each web server that must be included on the web page. Right now, I have to comment out one and uncomment the other every time I copy these pages from one server to the other. Example of GM Key on Web Server 1: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAADCKg1uyd0NtoV0-TYT13MBROYM5OA_GDIvgonnUJTWljoaMDChT_7EqrLEb8A0mLzFhHNCgkaMCUIw" type="text/javascript"></script> Example of GM Key on Web Server 2: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA2Aa0y9qM0iE5-qtohbB_BBR7Dq-sN_oqy05rIf4WVBwd942bvhSeBq4siSIiJWbTtlmDhuk0aADGRA" type="text/javascript"></script> Is it possible that the inclusion of a script on a page be conditional to the web server that it's on? if(the page is on Web Server 1) { Include Script 1 } else if(the page is on Web Server 2) { Include Script 2 } I'm working on several Google Maps web pages (10-12 at a time). I test the pages on our development web server and then move them to our public web server. The problem is that there is a different Google Maps Key for each web server that must be included on the web page. Right now, I have to comment out one and uncomment the other every time I copy these pages from one server to the other. Example of GM Key on Web Server 1: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAADCKg1uyd0NtoV0-TYT13MBROYM5OA_GDIvgonnUJTWljoaMDChT_7EqrLEb8A0mLzFhHNCgkaMCUIw" type="text/javascript"></script> Example of GM Key on Web Server 2: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA2Aa0y9qM0iE5-qtohbB_BBR7Dq-sN_oqy05rIf4WVBwd942bvhSeBq4siSIiJWbTtlmDhuk0aADGRA" type="text/javascript"></script> Hi all, I need your help. I have created an HTML web form that's processed by a PHP script. It works absolutely fine but I now need to do add a couple of conditional fields on this in this HTML Form which I don't know how to. The first field in the form is Presenter's Name. Underneath this field, I want to have a checkbox stating "Click here if additional Presenters". As soon as this option is checked off, a new input text field should appear underneath it and at the bottom of the form, a text box should appear for additional presenter's bio. How do I do that? Thanks a trillion in advance for your help. |
|||||||