|
HTML - Link Rel= Problems With These Lines
I a little new to this but I am useing coffe cup HTML editor 2008
I have seen a website which suits my needs and its just the out line i am interested in the following lines I cannot amend for some reason please tell me why? <link rel="shortcut icon" href="/wp-content/themes/alesca/favicon.ico"/> there are three other lines starting with link rel= if I try to amend them in html editor it changes eveything thanks xstation Similar TutorialsWhen I try to make one of my blogger photos (More Free) link to the website of that person, it also makes the "Sponsors & Partners" text link to the same site. http://www.ballermag.com/ It appears to be wrapping around to the next line. Am I missing something? If someone could help straighten this out, I would appreciate it. Ive made my main navigation linkable. The problem is that it has gaps between the images and when i view the page and clink on one of the links everything slides into place and fits. Why is this happenening and how could I sort it? I have set img { border: none; }. Still doesnt help though. Code:
<html>
<head>
<style type="text/css">
img
{
border: none;
}
.content
{
padding: 20px 20px 20px;
}
.nav
{
padding: 10px 20px 6px;
font-size: 12px;
}
<!-- links style -->
a:link
{
color: #000000;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: none;
}
</style>
<title> Eportfolio </title>
</head>
<body background="images/bg.jpg">
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="652"><img src="images/eportfolio-v1_02.gif"></td>
</tr>
<tr>
<td> <a href="Index.html"><img src="images/eportfolio-v1_04.gif"></a> <a href="Publications.html"> <img src="images/eportfolio-v1_05.gif"></a> <img src="images/eportfolio-v1_06.gif"><a href="Evidence.html"><img src="images/eportfolio-v1_07.gif"></a><a href="Review.html"><img src="images/eportfolio-v1_08.gif"></a></td>
</tr>
<tr>
<td height="35" background="images/eportfolio-v1_09.gif" class="nav">
<span style="margin-right: 20px;"><a href="#">Danceometer</a></span>
<span style="margin-right: 20px;"><a href="#">Music database</a></span>
<span style="margin-right: 150px;"><a href="#">Invitation</a></span>
<span style="margin-right: 20px;"><a href="#">Sponsorform</a></span>
<span style="margin-right: 20px;"><a href="#">Make a catch</a></span>
<span style="margin-right: 20px;"><a href="#">Playlist</a></span>
</td>
</tr>
<tr> <td background="images/eportfolio-v1_10.gif" class="content">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
</tr>
</table>
</body>
</html>
The image is attached below Thanks. I can code a regular hyperlink ok, but I want to make the page that the hyperlink leads to open in a new window that loads under the current page. How can I do that? I have never encountered this problem before and can't figure it out. I've created an include file that holds my left nav. It's a table that holds various images that are links. But the last two buttons (that are simple and small gifs) I've created will not render at all in IE6. In view source it shows the table tags fine, but strips out the image tags for those buttons. The really weird thing is that everyone else can see the images on their computers in Firefox, IE6 and IE7, Mozilla, etc... Also, if I take the actual links out of the href tag and leave it blank, the images show up fine. What the heck is wrong with my browser??? I'm having trouble trying to resolve a minor issue with the color scheme for the text links of my web site. There are text-based links in more than one part of the site, and these links are set against different colors (tan, white, and green). Setting the link colors inside the body tag (alink= vlink= link=) didn't go well because, the color scheme that works for the green background didn't work for other areas of the site. I'm sure there's a simple answer to this, and I'll welcome any assistance. And I'll be happy to provide any additional information if needed. Thanks Coot for really helping me out. I've updated some needed assistance if anyone else can help I would appreciate it. For: http://www.trillionaireme.com Sorry, this is just a really stupid question. I am not new in the least bit to HTML, however I am completely new to talking to people about it. When someone refers to "line 15 in the code" what are they talking about. Because sometimes I will count down the lines and that line will be blank. For example: What is line 5 in this code? Code: <html> <head> <title></title></head> <body> </body> </html> Would you count the number of lines down, or the number of lines (with content) down. Would line 5 be considered the blank line, or </body> I was provided with this html. But it seems there are horizontal lines in between the places I'm supposed to add text. Can you tell me how I can remove these horizontal lines? Thanks. 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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test 2</title>
<style type="text/css">
#container {
width: 780px;
margin-left: auto;
margin-right: auto;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 20px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
<div id="left_column">
<table >
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td class="white_text"colspan="2">
Login Here</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<form action="/smusermanager/members/default.asp?action=login" method="post"
name="login" language="JAVASCRIPT" onsubmit="return Validate();">
<input name="todo" value="login" type="hidden"/><input name="url"
value="/smusermanager/members/default.asp" type="hidden"/>
<tr class="form_row">
<td>Email Address</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td>
</tr>
<tr class="form_row">
<td>Password</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td>
</tr>
<tr class="form_row">
<td> </td>
<td>
<input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td>
</tr>
</form>
<tr>
<td colspan="2" >
<p class="link_p"> </p>
<p class="link_p">
<img alt="Image" src="images/Hphone.gif" width="51" height="44"/>
<a href="http://www.s.com/test1.html?action=login">Home</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone1.gif" width="51" height="39" />
<a href="http://www.s.com/test1.html?action=register">Register</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone2.gif" width="44" height="42" />
<a href="http://www.s.com/test1.html?action=forgotusername">FAQ</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone3.gif" width="49" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Terms Of Use</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone4.gif" width="42" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Contact Us</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone5.gif" width="33" height="41" />
<a href="http://www.s.com/test1.html?action=forgotpass">Forgot Password</a></p>
<p> </p>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table>
</div><!-- end of left column -->
<div id="right_column">
<p>Format some text here</p>
<hr />
<p>Format some more text here</p>
<hr />
<table style="width: 100%">
<tr>
<td><img alt="" src="images/sight1.gif" width="33" height="41" style="vertical-align:middle"/>
And some text here</td>
<td><img alt="" src="images/sound1.gif" width="32" height="38" style="vertical-align:middle" />
And some text here</td>
</tr>
</table>
<hr />
<p>Etc.</p>
<hr />
<p>Etc.</p>
<p> </p>
<p> </p>
</div><!-- end of right column -->
</div><!-- end of content -->
<div id="footer">
<table style="width: 100%">
<tr>
<td>*Copyright 2007 . All Rights Reserved.</td>
<td style="text-align:right">Email : <a href="mailto:"></a></td>
</tr>
</table>
</div>
</div><!-- end of container -->
</body>
</html>
Code: <?xml version="1.0" ecoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Please explain to me those two lines (I did not include the doctype because I can understand what it's for) in a manner easy to understand. I'm not a beginner, but I didn't do those lines very often back then. What do they mean and how do they affect an HTML file? Thank you in advance! hey i need help with my website(this is not advertisement go here if you dont know what i'm talking about) www.biblebeyond.com. you see the links in my little box aren't really seperated by good distance how do i make them seperate? Hello, folks; I'm making a new site at http://www.sticksite.com/antlers/ and there is a wide green (blank) space after the text and before the pictures. I did this in Notepad2 and did NOT enter any br tags in there. I cannot understand why this space appears. Can anyone educate me, please? Hello, I don't want my lines to end, but they do even without me typing a <BR>. I tried putting the code in the same line in the code, it does not work. Here's the code I need to have on the SAME line : Code: <BODY bgcolor = #95AD9C> <img src = "Images/logo.gif" height = 100 width = 100> <font color = "white"> <H1> Anime Invasion <BR> English Dubbed <BR> Episodes! </H1> </font> </BODY> I am trying to make an anime watching website, is it a bad idea to design the whole thing myself? Sorry I am new to website development! Anyone know any good free templates? Thanks. Hello. I am making HTML codes for ebay. I work with Frontpage, and when I paste my HTML code in ebay page the space betweens the lines becomes 2 lines instead of 1 line. At frontpage it looks ok, I mean the space is 1 line like I want it to be but in ebay there is no way to change the space. Is there something wrong with my HTML code? Hi there. I am working on a website for a friend who created it using Word and then found that this doesn't work in FF (the files were .mht). I only know basic HTML, and no CSS. I can do most of what I need to but am having two problems. Firstly, some of the positioning is out in FF, but if I change it so it's ok in FF it's then out in IE. Word appears to have positioned everything using  s: HTML Code: <span style='mso-spacerun:yes'> </span> <span style='mso-tab-count:3'> &nbs p; </span> <span style='mso-spacerun:yes'> </span> <!--[if gte vml 1]> <v:shape id="_x0000_i1030" type="#_x0000_t75" style='width:141pt;height:141.75pt'> <!-- sixth image file --> <v:imagedata src="TA6.jpg" o:title="TA6"/> </v:shape> <![endif]--> <![if !vml]> <img border=0 width=188 height=189 src ="TA6.jpg" v:shapes="_x0000_i1030"> <![endif]> <span style='mso-spacerun:yes'> </span><!--[if gte vml 1]> <v:shape id="_x0000_i1031" type="#_x0000_t75" style='width:141pt;height:2in'> I know this is horrible code. Is there any simple way to ensure that the image ends up in the same place in IE and FF? Do I need to use absolute positioning, and if so, can anyone direct me to good resources on this? Secondly, I'm having problems with an horizontal line which appears in IE but not in FF. The code is HTML Code: <h2 style='margin-left:36.0pt;text-indent:36.0pt'> <!--[if gte vml 1]> <v:line id="_x0000_s1031" style='position:absolute;left:0;text-align:left;z-index:1' from="1in,33pt" to="647.15pt,33pt" strokecolor="#396" strokeweight="3.5pt"/> <![endif]--> <![if !vml]> <span style='mso-igno vglayout;position:absolute;z-index:1;left:0px;margin-left: 93px;margin-top:41px;width:773px;height:6px'> This displays correctly as a shaded green line in IE, but as a white line with a thin black border in FF. From searching I think this is VML and not supported by FF - is this correct? In that case, I think I need to use the <hr> command, but how do I add an attribute to <hr> to ensure it's placed in the right place? Is the only solution a table? Sorry for the stupid questions, I know Word code is a terrible place to start from, I'm just trying to avoid redoing it all. How do make a curved edge for a table row or table data? Right now my site looks kind of boxy. I'm using NVU. I've got code that was generated by Omnipage - it is full of boxes and divs and spans which I don't understand yet. Anyway I'm doing alright except when I put a line of links (forward,back,index,main) in at the bottom of each of these pages, above the bottom-of-the-page 'credits', I find I can't keep them separate. I put a few carriage returns in and there's some clear space - four or five lines or more - between them. I save the file, close the file, pick the file up again and look at it and they've closed up again! Dreamweaver doesn't seem to be able to sort it out, either. You can see the pages and their code at mbccc.net and follow the 'parent information' link. regards, ab www.artdied.com I've created this website using frames and am now getting lines appearing at the edges of the frames on the bottom and right side when the browser window is at certain sizes. I have no idea clue what's causing it or how to get rid of it. Any ideas? Much thanks! How do I do this? I edited the frameset file in notepad like this: <frame src="top.html" frameborder="no" rules="no" marginwidth="0" marginheight="0" /> but it doesn't seem to make a difference. DW seems to offer very little options for editing the frameset file Thanks, Paul I have a paragraph that has a horizontal line beneath it. The gap between these two elements is too large. How do I get the line closer to the last line of text in the paragraph? I have tried everything from margins to padding attributes and nothing works for me yet. Here is my code at the moment; Code: <P style="MARGIN-BOTTOM: 0em; FONT: 2.5em verdana, sans-serif; MARGIN-LEFT: 20px; WHITE-SPACE: nowrap; LETTER-SPACING: -4px; TEXT-ALIGN: left"> <img src="logo10.gif"> Heading Text <SPAN style="MARGIN-BOTTOM: 0em; FONT-WEIGHT: bold; COLOR: rgb(255,153,0); FONT-STYLE: italic; WHITE-SPACE: nowrap"> More text</SPAN></P> <hr style="MARGIN-LEFT: 20px; color: rgb(255,153,0); height: 15" /> Hi there, Can someone please tell me what I need to change to make "Stringing Instructions" on the home page all on one line? User removed link Thank you. |
|||||||