|
HTML - Need Help In Adding Border Around Template
I created a website using a pre-designed template and need help adding a border.
PHP Code: The website is http://www.rnkprofessionalcorporation.com I photoshopped of how it should look like... please take a look... What html code should I use to add border? I can create 4 separate image files for each side. Similar Tutorials---------- Hey there first of many needing help posts from me I reckon The issue I have is this, I have a navbar which I want to add a left border and right border on, but I am having trouble doing it. Quote: <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border-right="1" width="100%" align="center" style="border-left:solid 1px #990000"> This is my code, now I have tried adding style="border-left:solid 1px #990000" style="border-right:solid 1px #990000" didnt work tried style="border-left:solid 1px #990000 border-right:solid 1px #990000" Didnt work, at abit of a lose as the rest of my header,memberbar,forumlinks have the left and right borders, I added them via the css. I searched for .navbar in the css but it wasnt present, I tried adding Quote: .navbar { border-left: 1px solid #990000; border-right: 1px solid #990000; } But it didnt work, any solutions or suggestions would be appreciated Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. Hey there. I have a blog. its called reign of uncertainty, and the url is www.confusedforeternity.blogspot.com i am using a zigmag remedy template. i am trying to put links in the bar, where it says "home, about me, art....". but the template automatically prefixes the blog url before the link. if i put www.deviantart.com in the xml code, it automatically becomes http://www.confusedforeternity.blogs...deviantart.com. i am not the good at coding and i dont know why its happening. the xml template is available he http://www.mediafire.com/?tz3mzcgntmt A solution will be appreciated. I have an older template that has a stylesheet and iframes.html I am wanting to put this into it and just havent had any luck. <!-- MLCALC BEGIN --> <script type="text/javascript"><!-- mlcalc_default_calculator = 'loan'; mlcalc_currency_code = 'usd'; mlcalc_amortization = 'year_nc'; //--></script> <script type="text/javascript" src="http://www.mlcalc.com/jquery.js"></script><div style="font-weight:normal;font-size:9px;font-family:Tahoma;padding:0;margin:0;border:0;background:transparent;color:#E5E5E5;width:300px;text-align:right;padding-right:10px;" id="mlcalcWidgetHolder"><script type="text/javascript" src="http://www.mlcalc.com/widget-wide.js"></script>Powered by <a href="http://www.mlcalc.com/" style="color:#E5E5E5;text-decoration:none">Mortgage Calculator</a></div> <!-- MLCALC END --> I have been able to muddle it into the page but get script error. I am sure I need to provide more information. The tables on the page are just to confusing for me to work this in. Just thought I would start off with the problem. Wasnt sure what forum to put this in either thanks in advance for any input. here is the template. it's coded badly since I used photoshop and dreamweaver since I dont really know how to code. the only thing I need to do is add a div tag in the body thats white and another div tag for the footer with that color. ive been messing with it but i cant get it. i end up messing the whole template up. could someone please help me with those 2 spots please? Hi, total newbie to website design and I need help in getting rid of a template. I think for now all i want is to go to cPanel, then right to a HTML editor, but every choice seems to leave me with some sort of forced template. I just switched from Sitebuilder to RVsitebuilder and was a little happier with the 'build your own' template... but still there is a template. I want to learn to design my own header, not have some preset thing.... Should I just keep messing with different builders? Try wordpress? (it's Not like i can ruin anything, there is no content up yet to worry about overwriting) Hoping someone feels like answering this tonight Well okay it's me again. I'm making another template. How do I get this: Image To look like this: Image And then let me add text? Codes: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Apateezer - Home</title>
<link rel=stylesheet href="style.css" type="text/css" media=screen>
</head>
<body>
<div id="page">
<div id="Header">
</div>
<div id="linkbar">
<div id="page">
<p>test</p>
</div>
<div id="footer">
<p>Copyright (c) 2008 Apateezer.com <br/>
All Rights Reserved.</p>
</div>
</div>
</body>
</html>
Code: body {
background-color:#000000;
margin:0;
padding:0;
text-align:center;
font-family:Trebuchet MS Bold;
font-size:16px;
color:#ffffff;
}
#page {
width:960px;
margin:auto;
padding:auto;
background-image:url(images/page.png);
text-align:center;
}
#header {
width:780px;
height:123px;
background-image:url(images/header.png);
clear:both;
}
#linkbar {
width:780px;
height:66px;
background-image:url(images/linkbar.png);
clear:both;
}
#footer {
width:780px;
height:51px;
background-image:url(images/footer.png);
clear:both;
}
PLease help. Hey everyone, First of all, I don't know any HTML, I'll be following a tutorial later this week to learn it, yet I decided to give website lay-outs, a go. Here's what I got so far. Now my questions are, do I have to add the text on there now? Or will I add it with HTML later on? And my other question is, how exactly does the slice tool work? Do I just have to slice it all in pieces? Or do I have to add the URL to it too? (If you double-click a slice you can enter a URL, how can I know the URL if I don't even have a site yet?) Thanks a lot! I'm trying to make a template for e-bay using Dreamweaver. When I use CSS, it applies everything to the whole auction, so even the e-bay things have the font as orange. I went in and changed everything to html and things look better, but I'm having a problem with the border around my images. I would like it to be the color in the background instead of black. Here is a screenshot of what I am talking about. http://s132.photobucket.com/albums/q...screenshot.jpg Here is the code I currently have: <img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssimagej.jpg" width="288" height="288" border="9"></p> <p align="center"> </p> <p align="center"><img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssdescriptionj.jpg" width="450" height="225" border="2"></p> What I would REALLY like is a border around the image that is another image, a pattern used in the background, but I will be happy with a color that matches!! Thanks! Hi guys.I have very little html experience so I decided to work from a template. Problem is, I didn't even know how to add some of the simple stuff. I was able to figure out how to add: a) the background b) the main header(banner) and c) a few normal pictures I have no idea however how to add the: sidebar, menubar (where about us, etc is), or the footer. I don't know where the programming for them starts or how to add so that the show up. In the following post I'll add my website name and code: How would you add a template to your site with HTML. This concept is getting very annoying and I have started arguing with someone on this subject. Please if you know how to do this please don't hesitate to tell me. Thanks in advance!! -Levi HI Guys, I am making a template using Web 2.0. Everything was alright but when I opened the html files in Dreamweaver again for work. One div in the middle it showed white space. When I viewed it in firefox, it viewed completely and there was no white space. The text was there , everything was there. I dont get it, where did the white space came from. Also, if I view the code view, that specific div is highlighted with yellow color. Also the yellow highlighted div is showing in the design view. I am attaching the screenshots. Kindly help with this Regards, a2usmani Hi, this may not be even a HTML question but... I was wondering if there was a way to create some kind of website template, so if I wanted to add a banner or something to a page I don't have to go into each individual html file and put it in. Something like a css that everything references to and making a change in that changes all. THX. Hi, Im had my site redesigned by a designer a while ago, it was working fine till a couple of weeks ago. When the site loads the logo and and links load for a couple of seconds and disappear. My site address is www.broadway-engraving.co.uk. If anyone can help it would be much appiciated. The code for the template is below. Thanks Ashley HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
function MM_preloadImages()
{
//v3.0
var d=document; if(d.images)
{
if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0)
{
d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];
}
}
}
function MM_swapImgRestore()
{
//v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d)
{
//v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage()
{
//v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
}
}
//-->
</script>
<title>{title}</title>
<META name="description" content="{description}">
<META name="keywords" content="{keywords}">.
<META name="title" content="{title}">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<LINK REL="STYLESHEET" type="text/css" HREF="templates/{templatenum}/style.css">
<link href="http://www.broadway-engraving.co.uk/main.css" rel="stylesheet" type="text/css">
</head>
<!--DO NOT REMOVE THESE LINES#-->
<SCRIPT LANGUAGE="JavaScript" src="script.js"></SCRIPT>
<!--DO NOT REMOVE THESE LINES#-->
<script language="JavaScript">
<!--
//-->
</script><body {onload} onLoad="MM_preloadImages('karton.gif','homon.gif','proon.gif','aboon.gif','teron.gif','prion.gif','seron.gif','cont.gif','mykarton.gif','conton.gif')">
<!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#-->
{jscript}
<!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#-->
<div class="topanelbelowboder"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="460" height="200" align="left" valign="top" background="logo-sample3--red-style-gra.jpg"><a
href="http://www.broadway-engraving.co.uk/TROPHIES-Football.html"></a><img src="logo-sample3--red-style.jpg" width="354" height="203" alt="Sports Trophies Shop London"></td>
<td width="160" height="200" align="left" valign="middle" background="logo-sample3--red-style-gra.jpg"><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="botomnavcolor"><a href="{f3index}">Home</a> » <a href="viewcart.cgi">View Cart »</a></td>
</tr>
</table></td>
<td width="358" height="200" align="right" valign="top" background="logo-sample3-blue-gra-1px.jpg"><table width="300" height="100" border="0" align="left" cellpadding="2" cellspacing="0">
<tr>
<td class="toppanel"><a href="{f3products}">Products</a></td>
<td class="toppanel"><a href="{f3faq}">Faq</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3about}">About Us</a></td>
<td class="toppanel"><a href="{f3search}">Search</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3terms}">Terms</a></td>
<td class="toppanel"><a href="{f3contact}">Contact</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3privacy}">Privacy</a></td>
<td class="toppanel"><a href="{f3orderstatus}">Order Status</a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"></td>
</tr>
</table>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="10"><img alt="Sports Trophies London" src="navigation-menu.gif" width="150" height="23"></td>
</tr>
<tr>
<td width="150"> <!--MENU-->
{menu}
<!--MENU-->
<script>
if (document.layers) {
} else {
// document.write("<BR>");
}
</script>
<img src="clear.gif" border=0 width="9" height="4">
<script>
if (document.layers) {
} else {
// document.write("<BR>");
}
</script></td>
</tr>
<tr>
<td> </td>
</tr>
<td width="150"> </td>
</tr>
</table></td>
<td width="10" height="100%" align="left" valign="top" bgcolor="#A01E20"> </td>
<td width="100%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FFFFFF" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top"><table width="100%"
border="0"
cellpadding="2"
cellspacing="0"
height="70%"
valign="top">
<tr>
<td b1gcolor="#FFFFFF" align="left" valign="top" width="100%" height="21"><!--Actual Content Table Cell-->
<!--Content-->
{content} {intro}
<!--Content-->
<!--Actual Content-->
</td>
</tr>
<tr>
<td colspan="1" align="center" valign="bottom"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="99%" valign="bottom" height="100%" align="right"><font class="addressfontcolor">
<!--COMPANY MAILER--->
<!--PLEASE DO NOT REMOVE THE FOLLOWING LINE-->
{companyinfo}
<!--COMPANY MAILER--->
</font></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="6" align="left" valign="top" bgcolor="#A01E20"> </td>
<td width="163" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="20"><img alt="Sports Trophies and Gifts" src="cart-contents.gif" width="151" height="23"></td>
</tr>
<tr>
<td height="20">{jscart}</td>
</tr>
<tr>
<td width="150" height="20">{randomft} {randomsp} {randomrp} </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
</table></td>
<td width="19" align="left" valign="top" bgcolor="#A01E20"> </td>
</tr>
</table>
<div class="botomupperboder"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14%"> </td>
<td width="69%"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="600" height="41" background="botom-navigation-panel.png" class="botomnavcolor"> <a href="{f3index}">Home</a> | <a href="{f3products}">Products</a> | <a href="{f3about}">About Us</a> | <a href="{f3contact}">Contact Us</a>| <a href="{f3privacy}">Privacy Policy</a> | <a href="viewcart.cgi">View Cart</a> | <a href="{f3search}">Search</a> | <a href="{filename}#">Links</a></td>
</tr>
</table></td>
<td width="17%"> </td>
</tr>
</table></div>
</body>
</table>
</html>
Hello, I purchased an already made website but what i would like to do is give a title to all pages but i don't know how. The website/template is .php I thought that i could copy and paste <title><?php echo $website_title; ?></title> but it does not work Hey, I was working on some things and learning how to do some stuff on a template I was working with and there's a huge space to the right of the template that idk how to get rid of. Can anyone help me? http://www.teamafterglow.com/templates/index.php I will start off by saying that I do not know HTML, but I am able to mess around with stuff already there to get my desired results fairly often. I am trying to set up a blog template for Blogger, and I am have trouble with the sidebar. A large space appears that pushes down all the widgets under my Links list to the bottom of the posts in the main area of the page. In the HTML of the template, I found this code which I assume is the problem: <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> Everything I do to that code either has no noticable affect or brings up an error when I try to preview the changes. Does anyone know what I should change? Here's a link to my blog so you can see the problem. It's in the sidebar on the right. http://hobsonsbuffet.blogspot.com Hey, I was working on a template and I was learning some new things so I might have messed up some where. But, the template won't center and it has a empty space next to it which I don't know how to get rid of. Can anyone help me? http://teamafterglow.com/templates/template7.html Hello, I downloaded a couple of templates a week ago, thinking I could use them to base my site (which is just going to be a simple, personal site) off of them. However, I seem to hit a complete blank in knowing what any of it means! I've done some html sites before, albeit about 6 years ago and I don't remember much of what I did then. So when I looked at these templates and tried to work with them I was just perplexed just how to go about changing it to do what I want.. I was wondering if anyone would know of any tutorials, very good ones that go into detail about the code the templates use. The code for one of the templates is below, the other uses the same style. One thing I am quite frustrated with is that every link simply links to the whole main page and brings it all up again, so in effect I would have to have several copies of the main page. I would like so that all links simply bring the information up in the lower left part of the page (below the "Maecenas" link). I have used iframes for that in the past, however I can't remember how, or how with this style of code. I've also been told that ALL frames should be totally avoided, including iFrames! (I thought it was just the normal frames..). So if anyone would be able to help me out with this, it would be very much appreciated. Thanks, Pete Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="description"/> <meta name="keywords" content="keywords"/> <meta name="author" content="author"/> <link rel="stylesheet" type="text/css" href="default.css"/> <title>Deep Red</title> </head> <body> <div class="main"> <div class="main_left"> <div class="header"> <h1><a href="index.html">Deep Red</a></h1> </div> <div target="_blank" class="link_menu"> <a href="index.html" accesskey="1">Vestibulum</a> <a href="index.html" accesskey="2">Suspendisse</a> <a href="index.html" accesskey="3">Elemen</a> <a href="index.html" accesskey="4">Maecenas</a> </div> <div class="content"> <h1>Porttitor posuere</h1> <div class="descr">Jun 13, 2006 by Vulputate</div> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p> <blockquote><p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p></blockquote> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p> <p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies. </p> <h1>Adipiscing</h1> <div class="descr">Jun 11, 2006 by Laoreet</div> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p> <ul> <li>Tristique</li> <li>Aenean</li> <li>Pretium</li> </ul> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p> <h1>Interdum</h1> <div class="descr">May 24, 2006 by Lectus</div> <p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at <a href="index.html">volutpat interdum</a>, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p> <code>margin-bottom: 12px; font: normal 1.1em "Lucida Sans Unicode",serif; background: url(img/quote.gif) no-repeat; padding-left: 28px; color: #555;</code> <p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p> </div> </div> <div class="main_right"> <div class="link_projects"> <div class="lbl">projects</div> <span class="left"> <a href="index.html" class="g1" accesskey="c"><span>CSS</span><br/>Cascading Style Sheets</a> </span> <span class="right"> <a href="blog.html" class="g2" accesskey="p"><span>Blog</span><br/>of Nonsensical Musings!</a> </span> </div> <div class="link_updates"> <div class="lbl">updates</div> <a href="index.html"><span>PHP</span>laoreet<br/>-<br/>2006-12-19</a> <a href="index.html"><span>PHP</span>neque convallis<br/>-<br/>2006-12-15</a> <a href="index.html"><span>CSS</span>pellentesque<br/>-<br/>2006-12-13</a> <a href="index.html"><span>CSS</span>quis neque<br/>-<br/>2006-12-10</a> <a href="index.html"><span>CSS</span>ultrices sit amet<br/>-<br/>2006-12-07</a> <a href="index.html"><span>PHP</span>nascetur ridiculus<br/>-<br/>2006-12-06</a> <a href="index.html"><span>PHP</span>semper massa<br/>-<br/>2006-12-05</a> <a href="index.html"><span>CSS</span>nibh quis nunc<br/>-<br/>2006-12-04</a> <div class="clearer"><span></span></div> </div> </div> <div class="footer"> <div class="left"><a href="index.html">Website</a> © Copyright 2006, Arcsin </div> <div class="right"><a href="http://jigsaw.w3.org/css-validator/check/referer">Never before could a mind be so blank.</a></div> </div> </div> </body> </html> |
|||||||