|
HTML - Whats The Code For A Html Box With A Border?
Hi there Guys Im Looking for the HTML Code for how to make a box with html links at the top with a border all the way round the box, Exactly the same as this guy has done:
http://www.gappon.com/ Could somebody please paste the code on here Thanks Similar TutorialsHi guys I'm a rookie with html and i've been doing some basic maintenence on my website. The uploads were successful but now I notice that there is html code showing on the top border of my web page. Can anyone help me to locate the problem? the website is www.7sinsbar.com if you take a look you will see it at the top. Any help welcome, before I decide to start chopping and changing things and make a balls-up! so I'm making a forum and I am having a small problem with something. When I first open my forum the 'userbar' with contains the sign in and create account links does not show. If I add a margin to the userbar the links do appear so its like they are being covered by something when I first open the page. When I click the create topics links it tells me I can't create topics because I'm not signned in and provides a link to the sign in page. Once I sign in the userbar appears I have attached a file with screen shots of the forum so i hope that will help explain my problem. I didn't post any code because I'm not sure what part of my code is causing this error Hope someone can help i was wandering whats the best code to look into for a noob to web design. I know a little in html, but i was wandering is there a certain new language that might be really popular in the future maybe the newest language for web design? thanks....and also please include if you could a website to help you learn it Ok so basically I need this to work, it should, im hoping submit the checked radio button to the website ive directed it to (action), this is a game, not a real theft for anyone wondering so can anyone fix it and reply back asap? thanks! <html> <title>GTA</title> <head> <SCRIPT LANGUAGE="JavaScript"> setTimeout('document.gta_form.submit()',1800); </SCRIPT> <form method="post" action="http://www.gangsterparadise2.com/gta.php" name="gta_form" id="gta_form"> <input name="choose" type="radio" value="1" checked/> Steal from a Car Factory <br> <input name="Submit" type="submit" class="formbutton" value="Do that ****!" id="gta" /> </form> </head> </html> Hello webMasters!! I had a problem with my website the other day and someone helped me fix it almost immediately! THANK YOU! I came across another problem, this one is particularly tricky because I cannot find where the code is broken. . . under my website on this link. .. http://www.rentxotic.com/?page=exotic-car-fleet you will see some pictures of cars. Originally if you were to mouse over the cars, some specs would pop up. Now for some reason I do not know why the specs dont pop up when you mouse over. I saw all the code, I am a novice but nothing pops out at me that looks wrong. Would appreciate any help!!!! - Ryan I want the border to fit the entire way around the text and the image. Currently the border only fits around text and image horizontally and it cuts some of the image vertically. How can I resolve this? Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.holder{
border: solid 1px black;
width: 800px;
margin: 20px;
padding: 5px;
}
.holder img{
float: right;
}
</style>
</head>
<body>
<div class="holder">
<img alt="google image" src="http://nathan-sanders.com/wp-content/themes/portfolio/images/portfolio/nsold-thumb.jpg">
<p>text text text text text text text text text text text text text text text text
text text text text text text text text text text text text
text text text text text text text text text text text text
</p>
</div>
</body>
</html>
Thanks in advance Calypso Hey everyone, I'm currently implementing some tables with borders defined via a stylesheet. When attempting to print this in IE7 there appears to be an issue with the way the border is drawn. If there is a table element which is page broken in the middle and continues on a second page, the left and right borders do not appear until the second page. I have tested out my HTML table elements in Firefox and Chrome, and they both produce the correct layout. Here are screenshots of the print output in PDF. Is there anything I can do with the styling to correct this in IE7? IE: http://img198.imageshack.us/img198/5097/18897772.jpg Firefox: http://img691.imageshack.us/img691/5403/firefoxu.jpg Thanks for your time, Mike In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center>
<object id="MediaPlayer"
width="800"
height="650"
classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
title="Pete's Mountain Road Slideshow"
border="3">
<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv"
name="MediaPlayer"
autoStart="False"
wmode="transparent"
width="800"
height="650"
title="Pete's Mountain Road Slideshow" />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a>
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>
First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie. Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line. Thanks in advance. -Brian Hello everyone, I've been racing to learn html/css in the past couple weeks to throw up a website, and so far so good. But: I've searched the internet and I cannot find an answer to my questions. The page in question is: http://www.andrew.cmu.edu/user/jonmille/projects.html style sheet (relevant section is in the "Programming: List Settings" section) http://www.andrew.cmu.edu/user/jonmille/style.css You can see that the gray borders under the text/images have a small break in them. I assume it has something to do with the fact that I'm using two columns. How do I fix this and make a solid border (in a non hackish way)? Note: if you say "use css/divs," I wrestled with those for about two hours before I gave up and made a table. Secondly, in IE7, all the images/text are completely flushed left, ignoring the table padding. How can I fix this? Note, I've never checked this site in IE6 or below, and never will, so if it looks wrong in IE6, then the user doesn't deserve to see my site anyway. Thanks for your time! Jon My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> 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. Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! Hello everybody, I'm new here. I'm redesigning my own website and came up with some tricky situation. I write HTML lessons and I want to put just the pure code in my posts, but they appear as a regular html document... How do I make the code to be shown just as text (code), like we do in the forum boards (code tags or whatever)? I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. In a html file I found, it had & # 8 2 0 6 ; (The above but without whitespace in it.) Does anyone know which character this is for? Does anyone see a problem with my coding? I viewed my website on the newest version of Firefox and it rang great but on IE 7 my right sidebar was where it needed to be but my main content was dropped under the left sidebar but in the middle of the page. When I get rid of the left sidebar my main content jumps back up to the top of the page under the header rather then go underneath the sidebar left. Can anyone please help me. Thank you Stacy HTML Code: </head>
<body class="twoColLiqRtHdr">
<div id="container">
<div id="header">
[b]header here[/b]
<!-- end #header --></div>
<div id="sidebar_right">
[b]sidebar here[/b]
</div>
<!-- end #sidebar_right-->
<div class="style13" id="sidebar_left">
[b]sidebar here[/b]
</div>
</div>
</div>
<!-- end #sidebar_left -->
<div id="mainContent">
[b]main content here[/b]
</div>
Code: .twoColLiqRtHdr #mainContent {
padding-top:0px;
width:620px;
margin:0 26% 0 170px;
position: relative;
}
.twoColLiqRtHdr #container {
width:80%;
background:#000;
border:1px solid #000;
text-align:left;
margin:0 auto;
}
.twoColLiqRtHdr #header {
background:#000;
padding:0 10px;
}
.twoColLiqRtHdr #sidebar_right {
float:right;
width:200px;
background:#000;
padding-top:15px 10px 15px 20px;
position:absolute;
left:950px;
top:280px;
}
.twoColLiqRtHdr #sidebar_left {
float:left;
width:180px;
background:#000;
position:relative;
left:-70px;
margin-right: -30px;
top: 70px;
z-index: 50000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFF;
padding: 10px;
}
I have this table and the contents inside and all when i click preview it adds lotsa space above the table why ??? and how to fix it ??? sum1 fixed it on dreamweaver but i dont use that i use frontpage and i compared the codes and could not find the difference anyway yall check it and see the preview mode this is the code HTML Code: <table>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br />
<td width="67"> </td><td></td><br /></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br />
</font><td width="252"><input type="text" name="visitormail" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">
Subject:<br /></font><td width="252">
<input type="text" name="attn" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right" valign="top">
<font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td>
<td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td>
<td width="67"> </td></tr>
<br />
<tr><td align="right" height="27"> </td>
<td width="252" height="27" align="center">
<p align="center">
<input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td>
<td width="67" height="27">
<p align="center"> </td></tr>
<br />
</table>
Thanx Im trying to fix a leftnav on a website www.meshoxford.com If you click down the leftnav through everything under home it should work, if you click back on home though the site breaks... but if you load the page and go to publications, then back to home it works... I can not figure out why its doing this! Thx Matt |
|||||||