|
HTML - Border Around Site Please Help
Hi,
I have been making this web site for some one using the lates version of dreamweaver. http://www.thewayoflife.co.uk/index2.htm As you can see around the whole of the site is a light blue border. The background colour of the page is set to that blue colour. I have been using the layout tables (Green and blue buttons in the layout tab) to lay out the page. However I notice to you cannot drag the table right to the edge of the page and in which case you can see the background colour alll around the sides of the page. I was wondering if you had any idea on how to get rid of this, so i could take the dark blue side bar right to the side? Regards, Glenn Similar TutorialsHi, i was wondering if anyone could take a look at my website and tell me why there's a border around each page. My url is www.marksbodyshop.org I will post my html, main.css , defult.css and defult2.css. I tried adding padding:0; and border:0; to the html, body element of the each css but that didn't work. It only happens in ie. Thank you very very much. Main.css: Code: html,body {
height:100%;
margin:0;
background-color:#000;
background-image:url(../images/firstpage.gif);
background-size:100% 100%;
background-repeat:no-repeat;
overflow:hidden;
border:0;
padding:0;
}
#container {
height:73%;
}
#nav {
position:absolute;
padding:0;
margin:0;
list-style-type:none;
height:7%;
width:57%;
top:40%;
left:20%;
z-index:1;
}
#nav li {
width:16%;
margin:1%;
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
outline:none;
text-indent:-9999px;
background-size:100% 300%;
}
#about {background-image:url(../images/aboutus.png);}
#about1 {background-image:url(../images/contactus.png);}
#about2 {background-image:url(../images/freelunch.png);}
#about3 {background-image:url(../images/map.png);}
#about4 {background-image:url(../images/meettheteambutton.png);}
#nav a:hover {background-position:0 -100%;}
#nav a:active {background-position:0 -200%;}
Defult2.css: Code: @charset "utf-8";
/* CSS Document */
body {
margin:0; padding:0;
background:#000000;
}
html, body, #bg {
height:100%;
width:100%;
overflow:hidden;
border:0;
padding:0;
}
#bg {
/*position:absolute; */
left:0;
right:0;
bottom:0;
top:0;
overflow:hidden;
z-index:0;
}
#mainimg {
width:100%;
height:100%;
}
#content {
z-index:1;
/*position:relative;*/
height:100%;
width:100%;
z-index:1;
margin:0 auto;
}
#position{
position:absolute;
top:40%;
left:18%;
width:20%;
z-index:2;
}
/*#position1{
position:absolute;
top:90%;
left:66.38%;
width:30%;
margin: 0 auto;
padding:0px;
z-index: 1;
}*/
#position1 {
left: 66.85%;
padding: 0;
position: absolute;
top: 69%;
width: 20%;
z-index: 1;
height:10%;
}
#nav {
margin:0px;
padding:0px;
height:44px;
}
#nav ul{
margin:0px;
padding:0px;
}
#nav li {
padding:0px;
list-style:none;
margin:5px 0;
/*height:100%;*/
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
/*outline:none;
*/
text-indent:-9999px;
background-position:left;
}
#homelink {
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 0;
z-index: 1;
overflow:hidden;
height:100%;
width:100%;
}
#home {width:63.5%;height:43px;background:url(../images/homebutton.png);}
#about {width:49%;height:33px;background:url(../images/aboutus_new.png)}
#about1 {background:url(../images/contactus.png) no-repeat;}
#about2 {background:url(../images/freelunch.png) no-repeat;}
#about3 {background:url(../images/map.png) no-repeat;}
#about4 {background:url(../images/meettheteambutton.png) no-repeat;}
#meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;}
#meettheteam2{background:url(../images/brettbutton.png) no-repeat;}
#meettheteam3 {background:url(../images/marktbutton.png) no-repeat;}
#meettheteam4 {background:url(../images/marksbutton.png) no-repeat;}
#nav a:hover {background-position:0 -0% }
#nav a:active {background-position:0 -0% }
Defult.css: Code: @charset "utf-8";
/* CSS Document */
body {
margin:0; padding:0;
background:#000000;
}
html, body, #bg {
height:100%;
width:100%;
overflow:hidden;
border:0;
padding:0;
}
#bg {
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
overflow:hidden;
z-index:0;
}
#bg img {
width:100%;
height:100%;
}
#content {
z-index:1;
/*position:relative;*/
height:100%;
width:100%;
z-index:1;
margin:0 auto;
}
#position{
position:absolute;
top:40%;
left:18%;
width:20%;
z-index:2;
}
/*#position1{
position:absolute;
top:90%;
left:66.38%;
width:30%;
margin: 0 auto;
padding:0px;
z-index: 1;
}*/
#position1 {
left: 66.85%;
padding: 0;
position: absolute;
top: 71%;
width: 20%;
z-index: 1;
height:10%;
}
#nav {
margin:0px;
padding:0px;
height:44px;
}
#nav ul{
margin:0px;
padding:0px;
}
#nav li {
padding:0px;
list-style:none;
margin:5px 0;
/*height:100%;
height:100%;*/
}
#nav a {
display:block;
/*width:100%;
height:100%;
outline:none;
*/
text-indent:-9999px;
background-position:left;
}
#homelink {
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 0;
z-index: 1;
overflow:hidden;
height:100%;
width:100%;
}
#home {background:url(../images/homebutton.png) no-repeat;}
#about {background:url(../images/sm/download.png) no-repeat;}
#about1 {background:url(../images/sm/download.png) no-repeat;}
#about2 {background:url(../images/sm/email.png) no-repeat;}
#about3 {background:url(../images/sm/download.png) no-repeat;}
#about4 {background:url(../images/sm/email.png) no-repeat;}
#meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;}
#meettheteam2{background:url(../images/brettbutton.png) no-repeat;}
#meettheteam3 {background:url(../images/marktbutton.png) no-repeat;}
#meettheteam4 {background:url(../images/marksbutton.png) no-repeat;}
#nav a:hover {background-position:0 -0% }
#nav a:active {background-position:0 -0% }
Hi All, I am building a website for a friend. The site is built in Dreamweaver CS2. I need to have the top part of the background in black and the bottom part of the background in white. I have done this so far with a table, 100% width, background black. But when I view it in IE or Firefox, the background has a white border around it, rather than coming right to the edge of the screen. You can see what I mean he Test Site Any help is much 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. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hey Guys I have a 1px X 5px image and I am trying to wrap a border around it. It looks fine in FF but in internet explorer there is a small gap. See images below: FireFox: IE6: Here is the coding: CSS: HTML Code: #tabUnderline {
border : solid 1px #aaa9a9;
background-image : url(images/buttons/tab_underline.gif);
background-repeat : repeat-x;
height : 3px;
}
HTML: HTML Code: <div id="tb"><div id="tabUnderline"></div></div> can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx Hi, is there a way to put a border around only some parts of a table? I've tried using css, but it didn't work: <p style="border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px"> can anyone help? thanks Where in my CSS would I add a border and border color? html,body { height:100%; margin:0; } body { background-color:#000; background-image:url(../images/background.jpg); background-attachment:fixed; background-size:100% 100%; } #container { width:700px; padding:40px; border-right:1px solid #003; border-left:1px solid #003; margin:auto; background-color:rgba(0,0,0,0.5); color:#ccf; box-shadow:#000 0 0 10px; } Buddy... I looking for the solution about this border. which is always around the swf in IE. Any solution to remove this. I keep in waiting... Thanx... Hi, I have a problem with an image link. After it is pressed it will have a potted border and i cant get rid of it. (img of the border attached) Is there a smart solution to this? Ive tried to set border to 0 for both img and a, but it was no help. I've searched for an answer to tis both on google and here but could not find anything. Parashurama i am trying to add a border to the image in the following html <div class="text-box"><div class='ecwid-Product'><form> <div style='text-align: center; padding-bottom: 0px;'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"/></script><script type="text/javascript">xProductThumbnail('productid=10048302');</script></div> <div class='ecwid-productBrowser-head' style='text-align: center; padding-bottom: 0px; font: normal 17px tahoma, geneva, verdana, sans-serif'>725 Originals Blue King of Clubs T-Shirt X Large</div> <div class='ecwid-productBrowser-price' style='text-align: center; padding-bottom: 0px' id='ecwid-price-10048302'>$6.50</div> <table align='center' border='0'><tr><td align='left' class='ecwid'></td></tr></table><div style='text-align: center'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"></script><script type="text/javascript">xAddToBag('productid=10048302');</script></div> </form></div> i have not been able to get it to work i have added a background color to the html but the image border is giving me problems-any ideas ? ps i dont know html or css code really well so hopefully someone can teach me something new Hi I have built a page with a table and the thickness of the border around the entire table is different in Firefox vs IE, which impacts the way the words fit in the space. The page is http://www.totallyrichmond.co.uk/advertise2.html and the box concerned is the green one on the right hand side of the page Would value any advice. The code is: <table width="100%" id="table8" cellpadding="10" cellspacing="0" bordercolor="#000000" border-collapse="collapse" class="style2" BORDER=1px RULES=none FRAME=box> <tr> <td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30" width="354"> <p align="right"><b>The Restaurant in Richmond</b></td> </tr> <tr> <td bgcolor="#95A24B" class="style3"> <a href="advertise.html"> <img src="images/chez-gerard-steak.gif" alt="Great Sunday Lunch in Richmond" align="left" style="border: 1px solid #808080;" class="style6"></a><font color="#FFFFFF"><img alt="richmond" height="90" src="images/5-wide.gif" style="float: left" width="5">Bring your friends and family to our wonderful riverside restaurant and treat them to our acclaimed Sunday lunch. We offer a la carte, set lunch and kids menus. Children's play area. </font></td> </tr> <tr> <td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30"> <p align="right"><b> </b>0208 199 9999 | email | website</td> </tr> </table> Hi: Does anyone know how to put a bordrr around the outside of a column group ?? That is, I would like to place a border around the outside of a group of columns, and have *no* internal vertical or horizontal borders -- just the properly aligned internal data. So, for example, I would then have a 'block' of data inside a black border. THe block of data would then be one table row' (with perhaps four lines in the row), and would be several columns wide. I hope there's a way to do this -- or else I'll have to give up on this external border around my 'cell' ( Thank You ! -Mel Smith Hello All, I am having trouble with theses borders, I want them to surround the text but it extends on the left side and isnt closed. www.canapictures.com Quote: <!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"> <head> <title>Cana Pictures</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Robots" content="NOINDEX"> <meta http-equiv="PRAGMA" content="NO-CACHE"><!-- Web Site: www.ssi-developer.net Comments: Copyright 2003 www.ssi-developer.net Licence: Creative Commons - Non-commercial Share-Alike --> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-layout.css"> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-presentation.css"> </head> <body> <!-- Header --> <p><img src="banner_dotcom(4).JPG" width="1258" height="227" alt= "#########"></p> <table border="0" cellpadding="0" cellspacing="0"></table> <hr> <a href="index.html"><img src="homebutton1.bmp" border="0" hspace= "15" width="74" height="48" alt="#########"></a><a href= "video.html" border="0" hspace="15" width="80" height= "48"><img src="videos1.bmp" border="0" hspace="15" alt= "#########"></a><a href="about_us.html" border="0" hspace="15" width="92" height="50"><img src="aboutus1.bmp" border="0" hspace= "15" alt="#########"></a><a href="castcrew.html"><img src= "castcrew1.bmp" border="0" hspace="15" width="92" height="50" alt= "#########"></a> <a href= "http://www.youtube.com/user/CANAPICTURES84" target= "_blank"><img src="youtube.jpg" hspace="15" align="right" border= "0" alt="#########"></a> <a href="http://vimeo.com/14761465" target="_blank"><img src="vimeolink.jpg" hspace="15" align="right" border="0" width="63" height="48" alt="#########"></a> <a href= "http://www.facebook.com/?ref=home#!/pages/Cana-Pictures/158743877499582" target="_blank"><img src="fblink.jpg" hspace="15" align="right" border="0" alt="#########"></a> <hr> <!-- end of header --> <!-- left column --> <div id="lh-col"> <h1 align="center"></h1> <p style="font-size:0.32in;">LATEST VIDEO <object width="1280" height="745"><param name="movie" value= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1"> <param name="allowFullScreen" value="true"> <param name="allowscriptaccess" value="always"> <embed src= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></object><p align="center" style="font-size:0.20in;">Full length video<a href="http://vimeo.com/14761465" target= "_blank"><img align="center" src="vimeolink.jpg" align="center" border="0" width= "63" height="48" alt="#########"></a><br></p> <p style="font-size:0.16in;"></p> <h1 align="left"></h1> <p align="center" style="font-size:0.30in;">FRIENDS <p> <a href= "http://www.bangarangcomedy.com/" target="_blank"><img src= "bangarangcomedy.JPG" align="center" border="0" width="306" height= "50" alt="#########"></a> <a href="http://bottlecapfilm.com" target="_blank"><img src="bottlecapfilms%20link.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.farookkhan.com" target="_blank"><img src= "farookkhan.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.facebook.com/home.php?#!/pages/Hall-1/158898480630" target="_blank"><img src="hall_1.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.afilmsnob.com/" target="_blank"><img src= "afilmsnob.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.lockstockandtwofilmgeeks.com" target="_blank"><img src= "lockstockandtwofilmgeeks.JPG" border="0" width="306" height="50" alt="#########"></a> <a href="http://www.picardmaneuvercomedy.com" target="_blank"><img src="picardmaneuver.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.loserstatus.com" target="_blank"><img src= "loserstatusproductions.JPG" align="center" border="0" width="306" height="50" alt="#########"></a><br> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <br></p> </div> <!-- end of left column --> <!-- right column --> <div id="rh-col"> <h1 align="center"></h1> <p align="center" style="font-size:0.32in;"><br> NEWS</p> <h1 align="center"></h1> <p ></p> <p align="center"style="font-size:0.20in;">November 3, 2010</p> <p align="center" style="font-size:0.30in;">FILM FESTIVAL NEWS</p> <h1 style="font-size:0.16in;"><p class="two">Our movie Killin? Folks has been submitted for entry as part of Dr. Spin's Propaganda Machine Film and Video Extravaganza in downtown Napa, CA on Saturday, November 13. If you live in or near Napa, mark your calendars and be sure to come check our movie and some movies by actual artists. Admission is totally free, and the festivities start at 5:00 PM. We will post more details as they become available. For more information on the festival, click this link<br></p> <a href="http://wanderingrose.org/" target="_blank"><img src= "ff.JPG" align="center" border="0" alt="#########"></a></h1> <p align="center"></p> <p align="center" style="font-size:0.20in;">November 2, 2010</p> <p align="center" style="font-size:0.30in;">UNEMPLOYED VAMPIRES ANNOUNCED</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Cana Pictures is pleased to announce the start of pre-production on a new web-series, Unemployed Vampires. Created by Patrick Krainert, this comedy series will start shooting late this year and, with any luck, begin airing episodes online early next year. Keep an eye out for further updates.</p></h1> <p align="center"style="font-size:0.20in;">October 30, 2010</p> <p align="center" style="font-size:0.30in;">CANAPICTURES.COM LAUNCHED</p> <p align="center" style="font-size:0.16in;"><p class="two">We are pleased to announce that canapictures.com has officially been launched! But you knew that already obviously, since you are here. Thank you for stopping by, please tell your friends!</p> <h1 align="center"></h1> <p align="center"style="font-size:0.20in;">October 24, 2010</p> <p align="center" style="font-size:0.30in;">KILLIN' FOLKS</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Our most recent short film, "killin' folks" is now available for viewing on our vimeo page.Actually, it has been there for a while now. So why haven't you watched it yet? You can find the link on our VIDEOS page.</p></h1> <div id="contentwrapper"> <div style="float:left;"></div> <br> <br> <!-- end of right column --> <!-- Mister Analytics Code Start //--> <!-- Paste this code into every page that you would like to track //--> <script type="text/javascript"> document.write(unescape('%3Cscript type="text/javascript" src="'+document.location.protocol+'//expo-max.com/adserver/js/"%3E%3C/script%3E')); </script> <span id="auth42722986f381436582ccc7151406ca3e"> <!-- Mister Analytics Code End //--></div> </div> </body> </html> And here is my CSS body{ margin: 0; padding:0; background: #000; color: #fff; } #hdr{ width: 100%; height: 65px; margin: 0; border: solid #000; border-width: 0 0 2px 0; background: #000; color: #fff; } #lh-col{ width: 50%; float: left; border: solid #000; border-width: 0 2px 0 0; background: #000; color: #fff; margin: 60px; padding: ; } #rh-col{ background: #000; color: #fff; margin: 60px; padding: ; border: 0 } h1 { font-family: calibri, calibri; } p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:2px; } THANKS! I'm not very experienced with html. I want to make tables with borders, but i dont like the look of
Code: <table border="1"> how can i replace the space between the cells with a plain solid 1 px wide black line? thanks. I'm currently working on my first blog and am trying to add a twitter hyperlink but it has a nasty border to it. I tried typing in different types of 'border=0' but it doesnt seem to work. I found the main code for the entire page post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor; if I put a zero in the border it takes it off the entire page, but I'd like my pictures to have a border and have The twitter hyperlink be without a border. This is the twitter link I want to have with no border. <a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'><img alt='Tweet It!' src='http://i835.photobucket.com/albums/zz275/amberink/social%20networking%20icons/th_twitter_32.png' width='20'/></a> Thanks, Ashton Hi, I am very very new to HTML and have been trying to find out how to add a border to an object, which in my case is flash. Here is my script : <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="320" id="tacticalassassin" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="tacticalassassin.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#FFFFFF"/> <embed src="tacticalassassin.swf" quality="high" wmode="opaque" bgcolor="#000000" width="650" height="320" name="tacticalassassin" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> I've tried putting border=2, border="2", border=2px ect.... I've tried so many variations but can't get it to work... Can some one please help, thanks ! I have used a free web generator to churn out a button for my website. The button is beautifully created without any button but when I run my file, it shows a black border around it. This destroy the looks completely. My code for that line is ;- <h3><a href="register.jsp"><img src ="tutorsbutton.png"></a></h3> Hope someone can advise me. Many thanks. Im a newbie and all I want to do is put a color border aorund this image say the color blue, please help. </head> <body> <a href="http://www.bigcustomernetwork.com" target="_blank"><img src="http://i529.photobucket.com/albums/dd339/jfaul4820/BCNTopBanner.jpg" border="1" alt="BCN Top Banner"></a></a> </body> </html> hiii. this may be a silly question, but i still cant figure out how to add the color of the border in the <img src> code. for example... <img src="lalala.jpg" border="2" BORDERCOLOR="??"> or is it not possible? |
|||||||