|
HTML - Please Help (i Hate Lotus Notes)
Similar TutorialsHi, I'm trying to insert HTML in Lotus Notes and I'm having problems figuring out how to do this... Currently it gives me the option to send a message in either rich text or plain text, but I see no option for HTML. The HTML newsletter has already been developed, I'm just trying to get it inserted in Lotus Notes- Can anyone help?? Does anyone know how the HTML coding to insert the staff, clef and eighth note music symbols? Ok, this is the last thing that I need to do to finish this site and its driving me crazy. Ok, so if you view my site in Firefox everything looks fine http://www.clandestinedesigns.com/ccinsurance/index.php if you view it in IE, the content box and the iframe are not lining up like it does in Firefox. Does anyone know what is causing this? Seriously, why does it hate me? The math is all correct and it lays out perfectly fine in firefox as expected. Can anyone give me a tip as to what's wrong here before I trash this whole idea and go with a reliable table. 2 columns. 15px left and right margins on the "left" column, 470px wide 15px right margin on the "right"column, 455px wide Code: <!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body { margin: 0; padding: 0; width: 970px; background: #e1e1e1; }
#wrap { padding: 10px 0; background: #fff; }
#left { margin: 0 15px; width: 470px; height: 100px; float: left; background: #f00; }
#right { margin: 0 15px 0 0; width: 455px; height: 100px; float: right; background: #666; }
</style>
</head>
<body>
<div id="wrap">
<div id="right"></div>
<div id="left"></div>
<div style="clear: both;"></div>
</div>
</body>
</html>
Hi I'm tearing my hair out over here just trying to get table cells to be the desired width... I've tried all sorts of different things, but I still can't get the left column in this table to be wider. Ideally I'd like the table to be 50/50 so that the titles are all placed nicely down the left hand side and the form fields are all nicely down the right hand side... simple right? http://www.nickthorn.com/surfersworld/NewUser.asp I'm sure the answer is staring me in the face! Any help greatly appreciated, thanks. Kev I'm not really a coder but better at designing the actually template...but I'm always left to coding it anyways... I just need some help smoothing things out because right now it looks terrible in all browsers Heres what its supposed to look like: it looks a mess in firefox but ok on Internet Explore http://www.sendspace.com/file/v3t00e Thanks if you could help me sort things out Hello all. I have this page showing an image viewer and in internet explorer i have these horrible gaps in it. Can anybody please help me. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
<head>
<title></title>
<style>
body {padding: 0px; margin: 0px;}
.table_top{
width: 827px;
height: 9px;
background-image:url(images/top_line.jpg);
background-repeat:no-repeat;
text-align:center;
}
.table_content{
width: 827px;
background-image:url(images/table_content.jpg);
background-repeat:no-repeat;
height: 418px;
text-align:center;
}
.table_viewer{
margin-left:15px;
margin-right:15px;
text-align:center;
}
.table_thumb2{
margin-left:15px;
margin-right:15px;
text-align:center;
height: 60px;
width: 770px;
overflow: hidden;
position: fixed;
}
.middle_line{
width: 827px;
height: 7px;
background-image:url(images/middle_line.jpg);
background-repeat:no-repeat;
text-align:center;
}
.table_thumb{
width: 827px;
height: 61px;
background-image:url(images/table_thumb.jpg);
background-repeat:no-repeat;
text-align:center;
}
.table_bottom{
width: 827px;
height: 9px;
background-image:url(images/bottom_line.jpg);
background-repeat:no-repeat;
text-align:center;
}
</style>
</head>
<body>
<div class="container" align="center">
<div class="table_top" align="center"></div>
<div class="table_content" align="center">
<span class="table_viewer">
<a href=\"/gallery/slide.php?image=69&auto=on\"><img src='/gallery/images/left_arrow.png' width="52" height="50" border = '0' /></a>
<img src="./slides/img001.JPG" title="img001.JPG" align="middle" />
<a href=\"/gallery/slide.php?image=1&auto=on\"><img src='/gallery/images/right_arrow.png' width="52" height="50" border = '0' /></a>
</span><br />
</div>
<div class="middle_line" align="center"></div>
<div class="table_thumb" align="center">
<span class="table_thumb2" align="center">
</span></div>
<div class="table_bottom" align="center"></div>
</div>
</body>
</html>
Thanks in advance Knappers Hi, I am working on a website: hxxp://www.webjuicer.be When I click on "contact" I've added <a name="top"> tag on that page, that's why the url includes #top. (the browser should automatically scroll down to that tag on the page) Normally, like I've always learnt, this is a basic tag and should work in all browsers. However, it seems that Internet explorer has more difficulties with it. In IE it only works when I press "contact" twice, and therefore it's useless. Any one knows what I've did wrong? Thnx very much! All I want is to have my image placed in the center of my web page... Every code I try doesn't work. The image is either at the top of the page or it doesn't stay in the center at different resolutions. Can someone help me? |
|||||||