|
CSS - Css Form Question/issue
I'm working on this CSS test page and I am encountering some problems that I hope someone might know how to fix. The state and zip are supposed to be on the same line as the city, and the date and phone # are supposed on be on the same line as each other. Anyone know what I am doing wrong?
webtrain.austin.cc.edu/ ~lbrown/circulontestnew.html Also, in IE the last name box drops off the top. Please let me know if you can help. Thanks! Similar TutorialsHow do you keep a dropdown box on top of all other windows? Im having trouble with styling a web form, im trying to manipulate the textarea width and have the following CSS code textarea { width: 400px; height: 250px; margin-top: 5px; margin-bottom: 5px; padding: 0; } The width is fine in Internet Explorer yet in Opera it seems to completely ignore the width attribute. The form itself is in a <div> which has no width attribute. Anyone got any ideas? I have added a captcha code to a test form on my site which looks and works fine in ie. But in firefox you can't see it. I am sure it is something simple but I just can't figure it out. The form which can be viewed is www cristalclear.co.uk / contactus.php (not allowed urls yet hence above) Any help would be most appreciated. I have a very curious problem with the formatting of input fields in html forms which has me completely stumped. Basically, input fields are not looking as they should (and in particular, not showing any text typed inside them) in any versions of IE (well, 6, 7 and 8 anyway) - tested on various machines so not a Windows installation issue. Despite my setting a class for them I cannot get them to look like proper inputs, nor can I make the inputted text visible. I can see the cursor for the text when I click inside where the input should be, but it looks far too small- about 4 px as far as I can tell. (???) Interestingly in Firefox the text inputted IS visible, although the border of the inputs doesn't show. I've set a class for input: input {border:1px #000; color:#000;} I also tried setting this explicitly for inside the div holding a form where the input appears: .searchform input {border:1px #000; color:#000;} Neither of which work. Here's one of the forms where I'm trying to include the input (hashes at the moment for links as it's in development): <form action="#" method="POST" name="searchform"> <img src="/images/freecallback.gif" alt="Free Call Back"> <a href="#" title="Member Login"><img src="/images/memberlogin.gif" alt="Member Login"></a> <input type="text" name="searchtext" value="" size="8" /> <input type="image" src="/images/searchbutton.gif" name="searchform" /> </form> And here's another form (same result though interestingly the SELECT appears ok): <form action="#" name="bookahotel" method="post"> <label>Arrival</label> <input name="date" size="6" type="text" /> <p class="text_normalblack">Arriving Today</p> <input name="country" size="6" value="Country" type="text" /> <input name="towncity" size="6" value="Town/City" type="text" /> <select name="_EnquiryType" size="1" class="forminputs" /> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> </select> <input name="bookahotel_search" size="6" value="" type="image" src="/images/bookahotel_search.gif" /> </form> Any ideas??? Thanks Website you can check: http://www.refinethetaste.com/html/default.asp?Section=myaccount&SubSection=signup <h2>Login Information</h2> backhground does not extend fully when website opened with internet explorer. any help appreciated. Code:
<style>
/*sign up*/
#signup { width:576px; float:left; margin-left:2px; }
#signup .signup { float: left; width: 576px;}
#signup h1 { height:30px; font-size: 18px; color:#716759; line-height:30px;}
#signup h2 { height:14px; font-size: 14px; color:#716759; background-color: #f2efe9; margin:3px; padding:3px; }
#signup .hline { border-bottom:5px solid #ece7d1; margin:10px 0 10px 0; padding:0; }
#signup form fieldset { margin: 10px 0; border: #ece7d1 1px solid; }
#signup form div label { display: block; float: left; width: 120px; padding: 5px; margin: 0 0 10px 0; text-align: left;}
#signup form div.required label, label.required { font-weight: bold; }
</style>
<div id="signup">
<div class="signup">
<h1>Create a New Account</h1>
<div class="hline"></div>
To take full advantage of your Williams-Sonoma account, please provide all the information below.
<form action="?Section=myaccount&SubSection=signup&Process=add2member" method="post">
<p><strong>Bold</strong> fields are required.</p>
<fieldset>
<h2>Personal Information</h2>
<div class="required">
<label for="FirstName">First Name</label>
<input type="text" name="FirstName" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="required">
<label for="LastName">Last Name</label>
<input type="text" name="LastName" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="optional">
<label for="CompanyName">Company Name</label>
<input type="text" name="CompanyName" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="required">
<label for="phone">Phone</label>
<input type="text" name="Phone" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="optional">
<label for="newsletter"><input name="newsletter" type="checkbox" value="1" checked="checked" /></label>
Yes, I would like to be notified of news and happenings at RTT via this email address.
</div>
<h2>Login Information</h2>
<div class="required">
<label for="email">Email</label>
<input type="text" name="Email" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="required">
<label for="Password">Password</label>
<input type="password" name="password" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="required">
<label for="Confirm Password">Confirm Password</label>
<input type="password" name="passwordc" value="" />
</div>
<div style="clear:both; height:2px; width:2px; overflow:hidden;"> </div>
<div class="required">
<label for="submit"></label>
<input type="hidden" name="xp" value="xp">
<input type="image" name="Create Account" src="<%=WebsiteURL%><%=THEMES%>/images/btn_createaccount.gif" />
</div>
</fieldset>
</form>
</div>
</div>
After i set the height of the text box, when viewing it in firefox, not only does it look like the font size is over 100 before typing the norm-sized text, but it starts in the middel-left of the box instead of the top left what do i do to correct this? dear all, i am writing a table-less form. it is going well, but i have an issue i wonder if anyone can help me with.... i am using labels for each form field (or set thereof), which is displayed to the left of the form flied(s). this works really well. i also have numerous situations where i have many checkboxes which i am displaying in multiple columns (or rows). All is well until the label for a set of checkboxes wraps over more than one line. when this happens, the space in between first and second row of checkboxes expands inline with the amount of text in the label tag. hope that explanation makes sense, and i also hope there is some way around it. I originally tried with inline-block positioned elements, but this would only look god on ie. here is the css: Code:
<style type="text/css">
/* each row in a div */
#cssform div.row {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
clear: left;
margin: 0;
padding: 5px 0 8px 175px;
border-top:1px solid #999999;
}
#cssform label {
float: left;
margin-left: -165px;
width: 155px;
text-align:right;
padding-top: 0.2em;
}
#cssform input[type=radio] {
margin-right: 3px;
}
#cssform input[type=checkbox] {
margin-right: 3px;
}
div.row div.multiColumnH {
display:inline;
float:left;
margin-right: 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
div.row br.cleared {
clear:left;
}
</style>
and the html: Code: <form id="cssform"> <div class="row"> <label>horizontal columns horizontal columns</label> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="a" /><span title="This is A">This is A</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="b" /><span title="This is B">This is B</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="c" /><span title="This is C">This is C</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="d" /><span title="This is D">This is D</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="e" /><span title="This is E">This is E</span> </div> <br class="cleared" /> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="f" class="noClass"><span title="This is F">This is F</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="g" /><span title="This is G, and a big fella too">This is G, and a big fella too</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="h" /><span title="This is H">This is H</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="i" /><span title="This is I">This is I</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="j" /><span title="This is J">This is J</span> </div> <br class="cleared" /> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="k" /><span title="This is K">This is K</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="l" /><span title="This is L">This is L</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="m" /><span title="This is M">This is M</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="n" /><span title="This is N">This is N</span> </div> <div class="multiColumnH" style="width:150px;"> <input type="radio" name="radio4" value="o" checked="checked" /><span title="This is O">This is O</span> </div> <br class="cleared" /> <div class="multiColumnH" style="width:150px;"> </div> </div> </form> The aim is to have a table-like layout, with fixed width "cells". Many thanks in advance, Mark Hi Guys I am struggling to resolve a small issue i am having. I am using a mac, and am working on a contact form for a website. I am using the latest mac OS and latest versions of all browsers. The following link is fine in firefox, however, in Safari and google chrome, the 'Message' text area has a big gap above it and I do not know how to get rid of this. Here is the code for the form... <form id="form" name="frmQuote" class="contactForm" method="post" action="process.php" onsubmit="return validate_form(this);" > <ul> <li> <label for="name">Name:</label> <input name="name" id="name" type="text" class="required" /> </li> <li> <label for="email">E-mail:</label> <input name="email" id="email" type="text" class="required email" /> </il> <li> <label for="subject">Subject:</label> <input name="subject" id="subject" type="text" class="required" /> </li> <li> <label for="detail">Message:</label> <textarea name="detail" id="detail" rows="6" cols="60" class="required"></textarea> </li> <li> <input type="submit" name="submit" id="submit" value="Submit" tabindex="100" class="submitBtn" /> </li></ul> </form> Here is the css for that page... #content_about { color: #666666; } /*************************************************** CONTACT ***************************************************/ #form { margin: 0px; position: relative; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 15px; float: left; } #form div { width: 510px; position: relative; float: left; padding-bottom: 9px; } #form div label { width: 400px; } #form div label.error { color: #a80000; position: absolute; top: 0px; right: 0px; text-align: right; font-size: 11px; } #form div.message_sent { background-color: #31B8DA; width: 890px; float: left; padding: 10px; margin-bottom: 15px; color: #FFFFFF; } #form input { width: 499px; padding: 8px; font-size: 13px; color: #999999; background-color: #FFFFFF; float: right; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C3C3C3; border-right-color: #E8E8E8; border-bottom-color: #E8E8E8; border-left-color: #C3C3C3; } #form input:focus, #form textarea:focus { background-color: #F4F4F4; } #form textarea { width: 500px; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #FFFFFF; color: #aaaaaa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C3C3C3; border-right-color: #E8E8E8; border-bottom-color: #E8E8E8; border-left-color: #C3C3C3; float: right; margin: 0px; } #form .submitBtn { background-color: #31b8da; width: 95px; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; font-size: 16px; height: 35px; display: block; margin-top: 20px; } #form .submitBtn:hover { background-color: #1F93B4; color: #FFFFFF; } #form .submitBtn:focus { background-color: #4FC1E1; } #form strong { font-size: 24px; color: #FFFFFF; font-weight: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6a6a6a; display: block; } #form .font-11 { font-size: 11px; color: #CCCCCC; display: inline; } #content_about #form li label { margin-top: 0px; margin-right: 35px; margin-bottom: 0px; margin-left: 0px; line-height: 30px; } #content_about #form li { padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 0px; } Any help would be greatly appreciated. Regards Jay WHAT IS THE TYPICAL CSS PROBLEM FOR THIS ISSUE? w w w. jaywayproductions . c o m/portfolio/work_history.html It suppose to look the way it looks in IE. It is a little off in Firefox. I have been try'n several things to solve this particular issue but cannot. It seems as if the bottom and top row stretches and makes the effect I was trying to accomplish look off in FF. You can understand what I'm sayin' when you view both. Does anyone know why it is doing this? Any help would be greatly appreciated! Hello I am having difficulties with a site I am working on. First, if you look at it in IE and roll your mouse to the right of the site the whole thing shifts to the left. No idea why it does this. Second: In Firefox it looks like a disaster! Help! http://www.tombraiders.net/katie/shelly/index.html User: letme Pass: in Thank you! Hello Guys, I am trying to get the the css to work but having a hard time with it and need some help.. Here is the content lined up in fire fox. http://content.screencast.com/users/dank2009/folders/Jing/media/4198ca5c-6c75-4196-a2e7-ba1c423caca7/2011-08-22_1550.png Ad this is what it looks like in IE (See my issue) http://content.screencast.com/users/dank2009/folders/Jing/media/c9f0dcd6-19c9-48f6-83f8-9c55d7417fcc/2011-08-22_1551.png Here is the code Code: echo '<div class="listing"><img src="'.$listing_photo.'"><span class="listlink"><a href="index.php?content=subcats&id='. $listing_id.'">'.$listing_title2.'</a></span><br><span class="listbody">'.$listing_body2.'<span class="readmore"><a href="index.php?content=subcats&id='. $listing_id.'"> Read more</a></span>>>></div>'; Here is the CSS Code: .listing {
width:560px;
height:auto !important;
margin: 0 auto;
text-align: left
}
.listlink {
float:left;
margin-left: 10px;
margin-top: 20px;
position: absolute;
text-decoration:underline;
}
.listbody {
float: left;
margin-left: 110px;
margin-top: -30px;
width:440px
}
.listingdiv{
border-bottom: 2px dotted #9EABB5;
color:#FFF;
}
Please advise how to fix this.. Thanks for your help in advance.. Dan Hi everyone, For years I've been using tables solely to position elements on web pages but it's come to my attention that this is now "frowned" upon in the web community so I figured if I'm going to start doing things the more common way (with DIVs) I might as well start now. I'm not a professional website developer (C programmer here...eek! haha), but I do part time web work for some important clients of mine. So I have a very simple layout done with DIVs/CSS to start (code at the bottom). The problem is when you render it you'll see a large gap between the bottom of the layout and bottom of the page. My hypothesis is that this is due to where the "DIVs" would normally have been, except I moved them around. It sounds very similar to the problem encountered he http://forums.devshed.com/css-help-116/how-to-remove-blank-space-at-bottom-554773.html but I don't see what he did to solve it. Note that ultimately what I want is only the "header" and "footer" to have a fixed width/height. The leftcol and content should have fixed widths, but height grow with what ever is in them. And it should be centered in the page the way it is now. I tried various "text-wrap" and "height: 100%" and a few different codes but no luck. I really don't want to have to give up on DIV's but I am finding them a tad frustrating . I've altered the code from here (http://www.devarticles.com/c/a/Web-Style-Sheets/DIV-Based-Layout-with-CSS/3/). I tried "floating" them but that didn't seem to help either or is messes up my centering, plus I don't want it expanding to different resolutions. Thanks in advance if you can give a DIV newbie a heads up. Code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TWO-COLUM FIXED LAYOUT
WITH FIXED BOXES</title>
<style type="text/css">
<!--
#header {
background: #0f0;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
width: 800px;
height: 100px;
}
#leftcol {
background: #f00;
position: relative;
z-index: 2;
top: 0px;
left: -325px;
width: 150px;
height: 600px;
}
#content {
background: #ff0;
position: relative;
z-index: 3;
top: -600px;
left: 75px;
width: 650px;
height: 600px;
}
#footer {
background: #0f0;
position: relative;
z-index: 4;
top: -600px;
left: 0px;
width: 800px;
height: 100px;
}
-->
</style>
</head>
<body style="margin: 0pt;">
<div align="center">
<div id="header">Header
Section</div>
<div id="leftcol">Left
Section
<p align="left">
Test
</p>
</div>
<div id="content">Content
Section</div>
<div id="footer">Footer
Section</div>
</div>
</body>
</html>
Greetings all, Firstly, I am just now starting to use CSS instead of tabled layouts. I must say I am impressed by the power of CSS, but am still learning the ins-and-outs of it. I was wondering if there are any good references/books you'd suggest purchasing or looking at online? Now for my specific question. For my simple page project I am using to learn CSS, I have a <div> that denotes the header. This is supposed to simply have a small .jpg image on the left and some text on the right, like this: ___________________________ |[ i m a g e ]....................text | However, it comes out looking like this: ___________________________ |[ i m a g e ]..........................| |.....................................text| I suspect it is due to the align: right of the text, but am not sure how to correct it. Relevant snippets of code: testpage.html Code: ... <div class=header> <img src="image.jpg"><h1>TEXT</h1> </div> ... style.css Code:
...
#header{
background-color: #FFF;
border: 2px solid #666666;
width: 860px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 0;
}
#header h1{
text-align: right;
margin-right: 20px;
font-style: italic;
letter-spacing: 3px;
}
Thanks for any advice. I'm having trouble pinning down an issue with just one part of a page. I can't seem to figure out if the issue is a css issue or an HTML issue. I have a tab that is under a picture that has a floating height and fixed width. Under the picture when the page first loads a div element that is supposed to be a css tab seems to float over it until I reload the page. When the page is reloaded the tab moves back to its static position. This only happens in IE7 by the way. Whenever I specify <form> in an html page I find that the browser will skip a space after I'm done with the form. Overly simplified example: Code: <html> <body> <form name="input" action="html_form_action.asp" method="post"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form> test (notice that this is two lines below the input box instead of one) </body> </html> Is there any way to use a <form> tag but still have the text after the form appear right after the form and not skip extra spaces? Hi, I have three <div> Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<div id="container" style="width:500px;height:700px;background-color:green;">
<div id="one" style="float:left;width:100px;background-color:#ff9900; ">one<br>one<br>one<br>one<br>one<br>one<br>one<br></div>
<div id="three" style="float:right;width:100px;background-color:red;">three </div>
<div id="two" style="float:left;width:70%;background-color:#ff9988;">two jdfk hnldncf ddhf sd ohdnfc kbldhcv ohsvnskd hvjnsdhv hviopsdhv kbhopvd v onksdnv oln;sdmnv m;mv mnml;vm vm;klf kdfl'gl;v 'fg 'kdf'kvb'l ;'lfk</div>
</div>
</BODY>
</HTML>
I noticed when I increased the % width of my <div two> it goes below my <div three> I was under the impression it should just stay at the same level and text should wrap around my div three? But I guess that's not the case. Am I doing the something wrong or is this the expected behavior? I am not familiar with CSS much at all, I am just edit over and over trying to make something work, I do not know if my problem is CSS or placement of the div in the code. if you visit mypricesavings (dot) com with Firefox it seems to have the footer in its proper place and the google ad is under the discussions, however, if you use google chrome the footer moves to the side of the categories, and the ad moves to the bottom leaving a large white space, and then shifts how do I fix this, thank you Derrick So, on this page http://www.infothreads.com all 8 of the tshirts show up in Firefox, however, only 4 of them display in IE 6 or 7. Oddly, I can see the products when viewing the code in IEx, they're just not showing up on the site, which leads me to believe I done did something wrong with css. Any thoughts? Thank you. Hey i don't know if this can be fixed by now i have looked everywhere and tried everything. i have a style sheet that does not work in IE6 and i don't know why. Code: body{
margin: 0;
padding: 0;
line-height: 1.5em;
}
b{font-size: 110%;}
em{color:red;}
#maincontainer{
width: 940px; /*width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection{
background: #EAEAEA;
height: 90px /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 12px;
background: url(images/png_logo.gif) no-repeat right bottom;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 190px 0 188px; /*margins for content column. should be "0 right columnwidth 0 leftcolumn width*/
}
#leftcolumn{
float: left;
width: 188px; /*width of left column in pixel*/
margin-left: -940px; /*set margin to that of -(maincontainerwidth)*/
background: #C8FC98;
}
#rightcolumn{
float: left;
width: 195px; /*width of right column in pixel*/
margin-left: -195px; /*set margin to -(rightcolumnwidth)*/
background: #336699;
}
#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 2px; /*margins for inner div inside each column (to provide padding)*/
margin-top: 0;
}
A.menulink{
display: block;
width: 170px;
text-align: left;
text-decoration: none;
font-family: arial;
font-size: 11px;
color: #000000;
border: none;
border: solid 1px #ffffff;
}
A.menulink:hover {
border: solid 1px #6100c1;
background-color: #f0e1ff;
}
the html code is Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link href = "style.css" rel = "stylesheet" type = "text/css">
<title></title>
</head>
<body>
<div id="maincontainer">
<div id="topsection"><div class="innertube">
<h1>PowerNet Global
</h1>
</div>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
Thank you for visiting PowerNet Global, please ignore the mess as we update our site to bring you more up
to date information to help you needs a little better. The site may continue to change over the next few months, if you have
any suggestions on how to improve our site to bring you better service please feel free to eamil us at
<a href="mailto:support@pngusa.net">Support@pngusa.net</a>
<script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/tabnews.xml&up_ned=us&up_items=7&up_show_image=0&up_font_size=13pt&up_selectedTab=0&up_tabs=&up_last_url=&synd=open&w=315&h=260&title=Google+News&lang=en&country=ALL&border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB %7C0px%2C1px+solid+%230088CC&output=js" type="text/javascript">
</script>
</div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube"><strong>Navigation</strong>
<table border="0" width="180">
<tr>
<td ><h5>Sevice Information</h5>
</td>
</tr>
<tr>
<td width="100%" bgcolor="#e6e6e6"><a href="services.html" class="menulink">Overview Of Services</a>
</td>
</tr>
<tr>
<td width="100%" bgcolor="#e6e6e6"><a href="http://webmail.pngusa.net/src/login.php" class="menulink">View Mail</a>
</td>
</tr>
</table>
</div>
</div>
<div id="rightcolumn">
<div class="innertube">
<script src="http://gmodules.com/ig/ifr?url=http://blog.outer-court.com/homepage/miniweb.xml&synd=open&w=180&h=330&title=Mini+Web&border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB %7C0px%2C1px+solid+%230088CC&output=js" type="text/javascript">
</script>
</div>
</div>
<div id= "footer">
<a href="http://www.pngusa.net">Go back Home</a>
</div>
</div>
</body>
</html>
"
In IE6 the right column does not show up and i am unable to give a link as it is on internal test server. hey guys!!! as normal , h1 takes a complete line and an automatic <BR> is inserted after an h1 (and other headings). how can that be avoided ???? |
|||||||