|
HTML - Section Heading Query ?
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 Similar TutorialsHello everyone, New to this forum, hoping I can get some help. I am somewhat new to HTML, so I'm running into roadblocks every once in a while, most of which I've gotten through myself. I have a problem with an iFrame I want to use. I need to find a way to have an iFrame jump to a section of a page that I want to display. I am building a website for a hockey team. The URL is http://web.mac.com/chris.ducasse/for...a/gameday.html you will see an iFrame that embeds a page from "pointstreak.com" I want the iFrame to automatically jump down to the "scoreboard" section. Is this possible? If not, is there a way to get rid of the scroll bars for ALL browsers? I want to thank everyone in advance for their help, glad to be a part of this forum, looking forward to learning a lot! 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?!?!? this issue has been solved 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 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. 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 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%;
}
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 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? Basically I have a tab on my website called future ideas and my goal is to have a small table at the bottom of the screen that simple has a "name", "comment" input box, and what I want is to when they click "submit" it will post a small little box of the person's comment on the bottom of the webpage. I have a feeling this is not easy at all and I would like some dumbed down language here when explaining to me because I am definitely not a pro at php coding yet. Or maybe if there is a package out there someone highly recommends please post it, but be sure there is a good guide to post as well for it. Thanks in advance! hey dunno if there is an html code for this or if i shuld do this in php but does anyone have a way to have an upload section where all the uploads go and a different place to upload hope it make sense thx brad Basically, at the end of each article, I want to have a comment box that goes good with my site's style. Here's one of the articles from my site, and if I could get one that goes good with my color scheme, that would be great: http://celticsinsider.webs.com/14march2010.html how do I create a section slide? This is where say, we have an item on this page. And we can expand/collapse that part from a click of a button? I can't seem to find the examples....but have seen them before. I hope you know what I mean basically just want some panel where I can click on a button, it will expand the contents (slide) and when I click on the button again, it will collapse the contents (sliding back up) I'm looking to create a website which has a section for user reviews. I'd like the reviewer to be able to submit an explanation of the product in addition to ratings for various aspects of the product. I need this section to merge aesthetically with the rest of the website so a template may not be suitable. What would be the best way to tackle this? I have basic HTML knowledge but will learn as needed. I want a match report section on my site similar to these sites: sk-gaming and fnatic How would I go about this? I'm running my site off Wordpress by the way. here's the initial page: http://www.shscorp.ca/content.aspx?f...incentives.htm If you click on "GLOBE Board of Directors" on the left hand menu, it won't jump to the section #board on the index.htm page. Why is that? I already placed the <a name="board"></a> tag on the other page. Any help is great. I am in the process of building a site and want to include a News section. However do most website do this manually or use sites like joomla, drupal, and such to do this? I would like something similar to HighTimes.com content articles with tags that connect everything together. Can someone please tell me how this is done? Thank you. i'm new so please be gentle! I have recently designed and put up a new website. url he http://www.thecomicstrippresents.webs.com it's the first time i have used photoshop to design a website and for a first attempt i dont think it looks half bad. i'm sure as well as looking a whole lot worse, it could look a lot better. first off can someone tell me the ideal resolution i need to save the images as some of the images are grainy and pixely. secondly, can someone suggest what i can use to put content in the mid section? a lot of the content is longer than the box allows so for the time being i have put an Iframe there, the iframe is ok temporarily but will be a bit of a as far as SEO goes and up until i changed to iframe i was coming up second page of a google websearch for 'The Comic Strip Presents' please can you someone help? cheers Em |
|||||||