|
HTML - Managing Display
Hi,
I am trying to control a bunch of entries , they are all under the main heading, but they will all appear in a window, scolling, what I want to do is to take each pair, as the appear, resize them to that pair to a window, that will give an A4 page and give the option of printing them off, if print is not required, then to move to the next pairing. Can anyone help? Similar TutorialsI have the following page: Code: <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Jobs</title>
<style type="text/css">
body {
background-color: darkblue;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<p>Are you a college <br/>student who would <br/>like a part time job? <br/><br/>
Apply at Marina Cafe, <br/>we will work <br/>around your school <br/>schedule <br/><br/>
Complete the <br/> information form at <br/> the right to get the <br/> application process <br/> started <br/><br/>
Or, if you prefer, stop <br/> by Marina Cafe any <br/> time and ask about <br/> employment <br/> opportunities <br/><br/>
Marina Cafe is an <br/> equal opportunity <br/> employer <br/><br/>
We celebrate the <br/> diversity of our <br/> associates!</p>
</td>
</tr>
</table>
<form id="JobApplication" action="job_applications.php" method="post">
<table>
<tr>
<td>
<p>Name: <input type="text" size="40" maxlength="40" name="Name"/></p>
</td>
</tr>
<tr>
<td>
<p>Email: <input type="text" size ="40" maxlength="40" name="Email" /></p>
</td>
</tr>
<tr>
<td>
<p>Phone: <input type="text" size="12" maxlength="12" name="Phone"/></p>
</td>
</tr>
<tr>
<td>
Please select the roles you are interested in:
</td>
</tr>
<tr>
<td>
<p><input type="checkbox" name="BarAssociate" value="BarAssociate"/> Bar associate</p>
</td>
</tr>
<tr>
<td>
<p> <input type="checkbox" name="Server" value="Server"/> Server</p>
</td>
</tr>
<tr>
<td>
<p> <input type="checkbox" name="CleaningAndMaintainance" value="CleaningAndMaintainance"/> Cleaning and maintainance</p>
</td>
</tr>
<tr>
<td>
<p> <input type="checkbox" name="Manager" value="Manager"/> Manager</p>
</td>
</tr>
<tr>
<td>
<p>Employment type: <input type="radio" name="EmpType" value="FullTime"/> Full Time</p>
</td>
<td>
<p><input type="radio" name="EmpType" value="PartTime"/> Part Time</p>
</td>
</tr>
<tr>
<td>
<p>Gender: <input type="radio" name="Gender" value="Male"/> Male</p>
</td>
<td>
<p><input type="radio" name="Gender" value="Female"/> Female</p>
</td>
</tr>
<tr>
<td>
Years of experience:
<select name="Doctor" size="1">
<option value="1">Pick one</option>
<option value="2">No experience</option>
<option value="3">Less than 1 year experience</option>
<option value="4">More than 1 year experience</option>
</select>
</td>
</tr>
<tr>
<td valign="bottom" style="width: 20%"><p>Comments <textarea rows="5" cols="50" name="Comment"></textarea></p></td>
<td valign="top">
</td>
</tr>
<tr>
<td>
<input type="submit" name="mysubmit" value="Submit" />
</td>
<td>
<input type="reset" name="mysubmit" value="Cancel"/>
</td>
</tr>
</table>
</form>
</body>
</html>
As you can see I have two tables there, how can I make it so the first table is located on the left hand side and the second table is located on the right hand side, not under it? Good Day and Happy New Year. I am told that MS Frontpage cannot follow or resolve the links set up via JS scripts. That is, FP cannot check for broken or invalid links embedded in a sript. To demonstrate, I've got the following construct: <a onclick="OpenWindow('target.html');" href="javascript:void(0);"> any text </a> OpenWindow () is a JS script which opens the target page with few additional features. How can I automatically verify the links? Thank you for your help. Saeed hi, Im facing the problem, such as i have designd my web page using Frontpage 2007 now im faciing the problem such as when i view the page in IE it is fine. but in mozzilla it is scattered please help me out!! Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before Hi! I'm new to creating websites and this forum. I recently created a website with a "mailto" form in Dreamweaver MX 2004. I have a fairly new laptop that came with Windows Vista and IE 7. When I go to display the form, you cannot scroll to the bottom of the form. The window just ends. However, if you display the form in Fire/Fox or an earlier version of IE you can scroll down to the end of the form. I searched the MS website FAQ's but there was noting listed for this particular issue. Does anyone know how to fix this? Or is there a script I can add to the form code for it to display properly in IE 7? Or is there a patch (assuming it is a IE 7 issue) available? Any help or insite to this problem would be most appreciated! Thanks, Sonja Hello, I'm trying to a create blog like web site. Since my html knowledge is very limited I decided to use a free web layout provided by Gorotron.com. The template I chose is called "Audiophile". The problem is the Audiophile template will not display correctly when IE 7 is used. The template displays perfect in Firefox 3 and IE 6 but not IE 7. I've contacted the user who created this template but I have not received response in weeks. If anyone has a solution how to correct this problem I would appreciate your help Snapshot of Problem:http://i35.tinypic.com/am2nme.png How it should look: http://i34.tinypic.com/1hc7z4.png Original HTML File: http://www.gorotron.com/templates/audiophile.zip Thanks in Advance. Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html Eric HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Personal Shopping and Concierge Services</title> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <meta name="keywords" content="INSERT KEYWORDS HERE" /> <meta name="description" content="INSERT DESCRIPTION HERE" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="whitebox"> <div id="header"> <div id="logo"> </div><!-- end div logo --> <div id="pagetitle"> <h1>along came mary</h1> <h2>personal shopping and concierge services<br /> the metro atlanta area</h2> </div><!-- end div pagetitle --> <div class="clear"> </div> </div><!-- end div header --> <div id="main"> <div id="sidebar"> <div id="links"> <ul> <li><a href="/">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Our Services</a></li> <li><a href="#">Customer Feedback</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Links</a></li> </ul> </div><!-- end div links --> <div class="clear"> </div> <div id="icea" align="center"> <img src="assnbanner2.jpg" alt=" " /> <p><a href="#">Proud Member of the International Concierge & Errand Association</a></p> </div><!-- end div icea --> </div><!-- end div sidebar --> <div id="content"> <h1>Take a deep breath. Call Mary. Relax. It's handled.</h1> <p> Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </p> <p> Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </p> <p> We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="#">Contact us</a> so that we can show you how good life can truly be! </p> <p> Mary Snelson<br /> <a href="#">mary@marylovesshopping.com</a> </p> <p> 404.422.7564 </p> </div><!-- end div content --> <div class="clear"> </div> </div><!-- end div main --> </div><!-- end div whitebox --> <div id="footer"> <p> <a href="/">Home</a> | <a href="#">About Us</a> | <a href="#">Our Services</a> | <a href="#">Customer</a> | <a href="#">Contact Us</a> | <a href="#">Links</a> </p> </div><!-- end div footer --> </div><!-- end div wrap --> </body> </html> CSS Code: * {
margin: 0px;
padding: 0px;
border: 0px none transparent;
border-spacing: 0px;
}
body {
background-color: #fcc1df;
}
#wrap {
width: 100%;
height: 100%;
border: 0px none transparent;
margin-bottom: 15px;
}
#whitebox {
width: 700px;
height: auto;
background-color: #ffffff;
border: 2px solid #000000;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 700px;
background-color: #ffffff;
border-bottom: 2px solid #e5e5e5;
height: 160px;
display: table;
}
#logo {
width: 135px;
height: 156px;
background-image: url('ACM-Logo.png');
float: left;
display: table-cell;
}
#pagetitle {
width: 561px;
height: 160px;
display: table-cell;
vertical-align: middle;
position: relative;
margin-left: 135px;
}
#pagetitle h1 {
font-size: 250%;
font-weight: bold;
margin-left: 12px;
margin-bottom: 0px;
margin-top: 30px;
}
#pagetitle h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
margin-left: 12px;
font-weight: normal;
margin-top:0px;
}
#main {
width: 696px;
height: 100%;
}
#sidebar {
width: 140px;
background-color: #ffffff;
position: relative;
float: left;
height: 100%;
display: table-cell;
}
#links {
margin-bottom: 10px;
float: left;
height: auto;
margin-left: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
line-height: 125%;
}
#sidebar ul {
list-style-type: none;
margin-right: 5px;
}
#sidebar a:link {
color: #000000;
}
#sidebar a:visited {
color: #000000;
}
#sidebar a:hover {
color: #f1037f;
}
#icea {
width: 140px;
height: 100%;
display: table-cell;
vertical-align: bottom;
padding-top: 100px;
}
#icea a:link {
color: #0000ff;
text-decoration: none;
}
#icea a:visited {
color: #0000ff;
text-decoration: none;
}
#icea a:hover {
color: #f1037f;
text-decoration: underline;
}
#icea img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#icea p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 70%;
line-height: 175%;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
#content {
width: 442px;
background-color: #ffffff;
padding-left: 12px;
height: 100%;
position: relative;
margin-left: 142px;
border-left: 2px solid #e5e5e5;
display: table-cell;
}
#content h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}
#content p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
}
#content a:visited {
color: #0000ff;
text-decoration: none;
}
#content a:hover {
color: #f1037f;
text-decoration: underline;
}
#content img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#content p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 85%;
padding-bottom: 18px;
line-height: 125%;
}
#footer {
width: 696px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
}
#footer p
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
}
#footer a:link {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:visited {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:hover {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #f1037f;
}
div.clear {
clear: both;
font-size: 0%;
line-height: 0%;
width: 100%;
}
ello everyone. I'm looking for a new way to display information effectively and neatly on my website. I have looked into tables ( which I am not a fan of ), also Javascript displaying clickable tabs allowing information to be displayed when tabs are clicked. My website is animal related so i need to be able to display somewhat like shown below; Does anyone have any other ideas of how I could display this information without making my website look rubbish? Thanks Jake Hey hey! First post here so be nice I'm currently coding a satire website for my pal and I - http://www.satirefactory.com (only one article up at the moment). The problem I'm having is that when you click onto any page after the home page it removes the "www." bit from the address bar at the top of the browser. I can't understand it. The only thing I'm doing any differently from any of my previous web sites is that I've used php includes to call up different files for the header/menu/right column and footer of the page. eg: Code: <?php
include ("../includes/header-satire.htm");
?>
But I can't see how that would effect anything. Also - I've installed a set of (Invision Board) forums which are totally unrelated to the rest of the site, and they still display as http://satirefactory.com/forums , even if you type the URL directly into the address bar. The website is working properly, it's just this niggling aesthetic issue. If anyone has any ideas I'd be eternally greatful. Thanks in advance, Max Power I am looking to do something, that seems a bit complex, because I cannot find anything similar online to use as an example. In simple terms: I am trying to show on a web page a display of YouTube content from a specific user, that will automatically update through the RSS feed showing the latest videos, and when a user clicks on the video, it plays on the same web page. I have found HALF of this, with a script called video box, however you need to manually enter the videos in yourself. I am looking for this to be an automatic thing and it seems that RSS is the best way to do that. If anyone has any suggestions please respond. HELP!!!! If the following site is opened in IE, most of the thumbnails won't show. The thumbnail actual images are 40x30 pixels - so no resizing going on. Yet in the FrontPage browser, they all show. If opened in FireFox, the thumbnails will all show - I just won't get the vertical scroll bar on the thumbnails from the DIV tags. Very straight forward HTML. What's the problem? Web page with the thumbnail problem: http://www.bryanborough.com/750iL/LADRegulatorValve/ Thanks ahead! Buffbuh It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this: http://www.htmlforums.com/attachment...1&d=1202333562 The other half I get it correctly: http://www.htmlforums.com/attachment...1&d=1202333599 Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox. Hi, I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling. Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<div style="border:0; padding:2; width:100%;">
<div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;">
<div><div>table</div></div></div></div></div>
Above works, below will not work Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<table><td>hello</td></table>
</div>
Further, anything after the <table> declaration disappears. It will not show up. Site is www.uhstitans.com/schedule2.php Click one of the Stats buttons to see the pop-up. FURTHER INFO - EDIT I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>. Thanks in advance, Todd 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? when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this? Thanks....tg Hi, in Firefox my page displays fine. as picture below. but in IE it messes up. I assume i have missed something in the html FF http://i46.tinypic.com/4uwd43.png IE http://i47.tinypic.com/9ixmj5.png code below Code: <?php include('header.php'); ?>
<?php include('RightSide.php'); ?>
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Contact Simple Coders</h2>
<p class="nopadd">
If you have any problem, suggestion, comment, or you found a bug. You can send a message to
<script type="text/javascript">
//<![CDATA[
document.write('<a'+' href="mailto:sup');
document.write('port@'+'simplecoders.com">');
document.write('support');
document.write('@simplecoders.com<'+'/a>');
//]]>
</script><a href="mailto:support@simplecoders.com"></a>
<p>Please read the following first:</p>
<ul>
<li>Please write your message in English, even if your english is very poor. I simply delete other languages because I cannot understand any word.</li>
<li> Your email address will only be used to send a reply to your message, if it's needed.
I will not give your email to anyone else</li>
<li> If you are a spammer, please don't add my email to your list. I already have enough junk in my inbox</li>
</ul>
<p>You can also fill the form below: </p>
</div>
</div>
<form style="margin: 0px 0px 0px 0px;" method="POST" name="formData" action="contactmail.php">
<div style="position: absolute; top:500px; left: 254px;">
Your Name:
</div>
<div style="position: absolute; top: 500px; left: 325px;">
<input type="text" name="to" size="30" />
</div>
<div style="position: absolute; top:533px; left: 255px;">
Your Email:
</div>
<div style="position: absolute; top: 533px; left: 325px;">
<input type="text" name="subject" size="30" />
</div>
<div style="position: absolute; top:565px; left: 258px;">
No Robots:
</div>
<div style="position: absolute; top: 565px; left: 325px;">
<input type="text" name="norobots" size="30" value="Ip Address Here" onclick="this.value=''" />
</div>
<div style="position: absolute; top:568px; left: 540px;">
Your Ip Address is: <strong><?php echo $_SERVER['REMOTE_ADDR']; ?></strong>
</div>
<div style="position: absolute; top:598px; left: 266px;">
Message:
</div>
<div style="position: absolute; top: 598px; left: 325px;">
<textarea id="msg" name="msg" style="width: 400px; height:170px; font-size: 12px;"</textarea>
</div>
<div style="position: absolute; top: 785px; left: 325px;">
<input type="submit" alt="Submit Form" name="submit" size="30" value="Send" />
</div>
</p>
</form>
<?php include('LeftSide.php'); ?>
I have submit buttons on one form. Is there any way to change the text that gets displayed to the user? Here's what I have <td><p><input type="submit" name = "sid" value="372"/> The text displayed on screen to the user is then "372", which isn't very helpful. The variable sid is passed to the form action, and while the value I want passed is, in this case "372", I would like the button to be more user friendly, and have the text say something like "Get updated data" rather that just say "372", so the user knows what the button actually does. Is there a way to do this? Any help would be appreciated! I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window. Thanks in advance! Firefox looks fine. Internet Explorer looks rather dumb. 1. Alignment is off 2. One of the links doesn't work 3. Within the site, the main content box adjusts itself according to text (please click reddish image to see) Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much! http://www.geocities.com/rk.grant/ I'm sure this has been answered numerous times before but I'm not sure what to type into a search to find it. Regardless, I'm sure it's an easy answer. I was just curious on how I could take a person's name for instance in a standard input text box and then show it later in text later on the page? So, take your name "Bob" for instance, and then substitute the name "Bob" in my text later. Thank you! |
|||||||