HTML - Heading Hide - Hr Tag - Wtf?
this issue has been solved
Similar TutorialsSo 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"> 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 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. 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 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 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? In IE when I do the javascript toggle to hide the div, the audio from a swf/flv is still playing, how do I stop all sounds or unload the flash file? I'm using a popular php video-sharing script for my web site. I've modded it so vistors must pay to view a video, however the path to the thumbnail appears on the html page in the View Source code, which is very similar to the path to the actual video. Is there any way to hide the path code? Can I get an input submit button to "go away" after it is clicked on? It is opening up another window and once that window is open I don't want the button viewable any more. Thanks~ I am looking for simple and fast way to hide a table in html. I don't need the table to show on click, or anything fancy, all I need is to hide it. I don't even care if there is a white space where the table is hidden. Is there a simple way of doing this without having to add CSS or Java? Hello, I'm using Google Apps and here's what I'd like to do with an html code. Right now I have a link that goes to "mail/", inside that mail folder is an index.html. Now, within that html code I'd like to redirect to "http://mail.google.com/a/layercakeclan.com/", but make it appear as though the URL is still "LayerCakeClan.com/mail". I know a lot of free url redirection services use this method. Can someone tell me how to do this? I'm using this flash player on my site http://www.macloo.com/examples/audio_player/ I'd like to hide the soundFile url so that people can't just view the page source and copy the location of the mp3. Any ideas? I was hoping there'd be something I could do with some php variables or something, but I haven't really come up with a solution that would actually work. Hey i have a drop down menu...when i select a particular name from it...it should hide all the other content on the page other than the header <h3> being selected and the content of h3...which can either be encloded in <br> or <table> tag Can someone write a code so this element will be hide on my page, this element do automatic import by my host so it will be before this code i need a hide code help please <noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.org/layer.php?bid=73611485"></script> hello i was desperate on how do i hide this from log in screen. It's a shoutbox. Please help this is the code <center><noscript>Enable Javascript to get full functionality of this <a href="http://www.freeshoutbox.net/">shoutbox</a><br /></noscript><iframe src="http://Catshark.freeshoutbox.net/" height="150" width="700" frameborder="0"></iframe><center> Hi, Is there eny way of hiding the source of my website If there is please reply. Thanks |