HTML - Font/heading Alignment
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 Similar TutorialsHi guys, I have two problems with my site http://www.djash.com Both problems have to do with charts section. 1. The font size for the charts shows bigger in firefox and chrome - it shows correctly on IE as intended. 2. I need to decrease the gap between the "Mainstream House" Charts and the "RnB" charts but I haven't been able to find a way to do it. thanks a lot in advance for anyone who can help with these 2 issues Andreas Does anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. 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 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: 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 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%; } 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 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, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. 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? I would like to put some custom made font on my client web site, but of course the font change when is on server. That is totaly normal. Once I found one javascript that made shure that font stay the same regarding ho is looking at the site. Does anyone have that javascript or know where I could find it? Maybe some other trick? Google wasn't helpful this time. Ok so I am stuck between two fonts TREBUCHET MS and Verdana. Which looks better? Click here to see them. In my website there is an option of font size and when click it will change the font of all the text on that page according to the font the user pick.... how will I do that? Hello, I created a website and I have the fonts working perfectly on my computer. I noticed, though, that when it is on another computer they are either WAY smaller or WAY bigger than on mine. After some exploration I noticed that the font size on IE effects the size on my website... is there a simple peice of coding that can fix this? Thanks Ryan I am setting up a newsletter.I have validated it and have this one annoying error. document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag Now, I dont want to use css since as im not sure how many email programs will pick it up..so to be safe im using just the basic font tag system. I get the above error from this example. <font face="Verdana, Arial, Helvetica, sans-serif" size="2"> <P>Testing testing </> </font> I also tried putting a style in the body but the outlook doesnt pick it up,well mine anyways since its outlook 2000. any advice thanks How would I get a text that looks faded. I don't want the text fade in and out, I just want the font to look kinda old. Does anyone know where I can either find it or give me the name of the tag Also, how would I embed music from Itunes, I'm having trouble with that. |