|
HTML - H1 Heading Tags Attributes
My website home page has no h1 tag, only a h3 tag, and that was used to create a heading of a certain font size. My spider simulator reports there in no h1 tag, suggesting that isn't good for SEO. Should I make sure there is a h1 tag somewhere, and can that be anywhere on the page? (It's not a heading as such). I want a certain sentence to be the h1 tag as it contains several of the keywords. Can I make these changes and dump the h3 tag, leaving only one h1 tag?
And can it be done locally rather than in a css file? My website uses the Woo Canvas theme in Wordpress. Similar TutorialsHi People. I am hooked onto AJAX based apps these days. Instead of using JS to create html using strings. What I did was create a structure in html and clone it to repeat the structure using JS. But, to prevent DOM from being corrupted, I had to append a unique number to the ID of each element (and I had to attach the data to the element anyway). So, instead what I did was remove the ID of the element while cloning and used my own 'data' attribute to attach the data to the element. But, this would violate the W3 standards, right? Or it Wont? What is a better solution? this issue has been solved So here goes: i have to make a heading for my web page (that has to be made using html) and it has to be: -centered -times new roman -and font size 6 -bold .... is this right? or am i suppose to somhow use those <h1> tags. <!--heading--> <div id="header" align="center" style="z-index:5"> <b><font color="#ffffff" size="6" face="Times New Roman">My heading</font></b> </div> <!--end heading--> ....okay and another one: how do i put an image behind the text. i know how to put a coloured block behind it, but when i try to put an image behnd the heading, the text goes behind the picture.... i did it like this: <!-- Heading --> <div id="header image" align="center" style="top: 0px; left: 9px; position: absolute; z-index: 4; width: 1239px; height: 58px"> <img src="background.png" width="1245" height="61" alt="header"> </img> </div> <!-- Heading --> please hepl?!?!? I have created a image background for the heading by writing index. but when i run on my machine i can see the image. where as after placing on the web sever i couldn't see the image. please do help me in this regard. <style type="text/css"> img.b { position:absolute; left:440px; top:10px; z-index:-1 } </head> <BODY> <form name='app'> <h1 align="center"><b>aduit application</b></h1> <img class="b" src="dock1.gif" width="380" height="60"> Hello, I am new to web design and am just learning the basics right now. I am trying to have an ad banner show up to the right of the main heading for my site. What would be the best way to have these two show up side by side within the same div box? Is there a way to turn off the line break that naturally occurs with headings? Thanks for your suggestions in advance! Here is some of the code I am working with: Code: <div class="heading"> <h1><a class="header" href="home.htm">Plotbound.com</a></h1> <script type="text/javascript" src="http://x10hosting.com/adserve.js?kaoticja"></script> </div> And the CSS: Code: div.heading
{
background-color: #ffffff;
border-bottom: 3px ridge #000000;
border-left: 3px ridge #000000;
margin-bottom: 10px;
}
- Jack Hello everybody, As you can see here http://arturbuchhorn.com/index.html the h2 element is displayed right alongside the navigation. What would be the best way to move the heading below the navigation? Thank you. PS: I would prefer a CSS solution if possible. The code is right he Code: /*
CSS for Un Buchhorn en route
*/
a:visited {
color: black;
}
#sitebranding a {
border: 3px solid white;
padding: 20px 10px 20px 10px;
}
#sitebranding a:hover {
background-color: #FFE4C4;
}
#tagline {
margin: 2em 0 1em 0;
}
#navigation {
}
#navigation ul li {
list-style-type: none;
float: left;
margin: 0px 5px 0px 0px;
}
#navigation ul li a {
background-color: #FFE4C4;
text-decoration: none;
border: black 1px solid;
border-bottom: none;
padding: 0 10px 2px 10px;
}
#navigation ul li a:hover {
background-color: #F5DEB3;
}
#navigation ul li a:visited {
}
#bodycontent {
}
body {
font-family: Calibri, Arial, Verdana, sans-serif;
background-color: #F5DEB3;
}
#essay {
text-align: justify;
margin: 0 15% 0 15%;
}
#worksList ul {
margin: 3em 0 3em 0;
}
#worksList ul li {
list-style-type: square;
line-height: 200%;
}
#worksList ul li a{
text-decoration: none;
}
#footnotes {
font-style: italic;
text-align: left;
}
h1 {
font-family: "Jayne Print";
font-size: 200%;
}
h1 a {
text-decoration: none;
}
h2 {
font-size: 125%;
font-weight: normal;
}
#footer p {
font-size: 60%;
font-family: Arial;
font-style: italic;
}
#adsense {
position: absolute;
right: 0;
top: 5%;
}
#pagedoesnotexist p {
margin: 20% 20% 20% 25%;
color: red;
font-size: 125%;
}
Hi: I wish to place a heading in the middle of a horizontal line (i.e., maybe using <hr /> ??) at various places in my page. That is, I would like a line in my page to look like: ----------------------------------- NOTICES --------------------------------------- How can I do this please ? Thanks, -Mel Smith I have made a box mostly from 3 divs a top middle and bottom, when I add any h1 element makes a gap between the top and the middle killing the box effect in FireFox. I have tried everything with this but now give up, does anyone have any ideas on how to fix this. I have added a another div called maincontentinner so that the text was easier to adjust but even removing this did not solve it. All I am trying to do is get rid of the tables layout and have hit a brickwall my html HTML Code: <div class="mainboxtop"></div>
<div class="maincontent">
<div class="maincontentinner"><!--All content starts here-->
<h1> More Information</h1>
this is a test
</div><!--All content stops here-->
<div class="mainboxbottom"></div>
</div><!-- /closing of maincontentdiv -->
the CSS Code: .maincontent {
background:#CFCFCF url(../images/contentmain.gif) repeat scroll 0%;
border:0;
width:710px;
}
.maincontentinner {/*added to give padding inside the box and a few other styles*/
padding-left:15px;
padding-right:15px;
font-size:1.2em;
}
.mainboxtop {
background:#CFCFCF url(../images/contenttop.gif) no-repeat scroll 0%;
border:0;
height:26px;
margin:0;
padding:0;
width:710px;
}
.mainboxbottom {
background:#CFCFCF url(../images/contentbottom.gif) no-repeat scroll 0%;
border:0;
height:26px;
width:710px;
}
Here's a test page to see it for real Hi everyone, I'm sure there's a simple answer to this one but I can't work it out. I have a heading <h1>Services</h1> and want to align some text next to this, not below it. <p>blah blah blah</p> places the text below. What would align the text directly to the right of the heading? Many thanks Phil i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? I'm having trouble with a header in IE. I'm a beginner but modifying a webpage. I have a header that when opened in Firefox or Chrome stretches normally across a page, e.g. "This is the header" However, when I open the same page in IE, I'm getting one word per line, e.g. "This is the header" Does anyone know how to resolve this please? I'd be very grateful for any help Hey guys! It's been awhile, but life has been busy and doing new things with web pages hasn't been on the top of my list. However, I've run into a small issue which will hopefully be easy to solve. I've been doing some scripting for a program which exports and imports scripts in an XML setup. I've been posting those scripts on another site, and, for now, have been instructing users to simple right+click save as... the scripts in order to get them, because, when they click on the link, it tries to bring them to a page of the XML. Is there any way for me to tell the links to simply download the XML file (effectively like right+click save as... except it will go to wherever they download stuff) if it is clicked? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] Hi Guys and Gals, My memory is getting so bad I can't remember what memory means. I can't seem to get rid of an error for validating. I built a new site for a friend, http://www.armystuffauction.combut I have two errors that say: Error Line 12 column 37: there is no attribute "HEIGHT". <table border="1" width="440" height="131"id="asalogo.gif"> Is there a simple way to fix this??? Thanx abaca What is the difference between <link href="styles.css"/> and <link rel="stylesheet" type="text/css" href="styles.css"/>? Is there something different which takes place "behind the curtains"? I'm a beginner and I need to know exactly how to put together and img tag. I know how to do it with the other ones but I don't exactly know how to do it with just one tag. Please someone help me out simple question I hope. What's the proper way to name image alt attributes please? For example, how would I name the music logos on both sides of the page? Just say "image of a jbl music logo"? Would that be correct? Hi Guys, Code: <td><a href="#" onclick="javascript:document.forms['formStatement'].submit()"> <%= statement.getTransaction().get(i).getTransactionId()%></a></td> As u see above is cell of a table, I want to fetch the value of the row cell as i want to use it using request object like req.getAttribute("some attribute"); How can i do that? I would like to use hotkeys in our j2ee application. I did some attempts and found out this - hotkeys (attribute accesskey) : - Works with <input type="image> button in IE but doesn't work in Mozilla. - Doesn't work with <a> links in IE, but works in Mozilla You can verify that with simple code (see below, hotkeys h and t are used). IE activates hotkes with Alt, Mozilla with Alt+Shift Have I any chance to make all the above work in both Browsers? P.S. - I would like to use <input type="image"> instead of <input type="submit">, which seems to work with accesskey attribute in both browsers. Thanks. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title></title>
</head>
<body>
<a href="http://www.yahoo.com" accesskey="h" >Link</a>
<form action="http://www.youtube.com">
<input type="image" accesskey="t" title="Button"/>
</form>
</body>
</html>
Hi. What officially is supposed to be the difference between th "id" and "name" attribute according to HTML?? I know Javascript and CSS make a distinction between the two but as far as I can see the 4.01 spec makes no attempt to explain the difference, explanations of both seem like they do the same thing: both are supposed to be global unique, the spec even says they "share the same name-space" implying collisions implying they do the same thing. But I know name is not a valid attribute to alot of elements. Is it historical? |
|||||||