Search Engine Optimization
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   SEO Chat ForumsSearch Engine StrategiesSearch Engine Optimization

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread SEO Chat Forums Sponsor:
  #1  
Old May 27th, 2004, 11:50 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Removing space from under H1 Tags etc

I know Ive read the answer somewhere, but despite using the search facility I cant find it :-

How do you remove the space from under the <H1> header text ?

Thanks

Paul

Reply With Quote
  #2  
Old May 27th, 2004, 11:52 AM
critter's Avatar
critter critter is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Aug 2003
Location: Toronto, Canada
Posts: 306 critter User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 30 m 21 sec
Reputation Power: 6
Send a message via ICQ to critter Send a message via MSN to critter
margin:0px,0px,0px,0px;

I would put that code right in your CSS so you have cleaner html..

but thats it!

CHEERS!

-mas:

Critter
__________________
WEB/PRINT/SEO Designer
---------------------------------
Toronto Website Design
Toronto Search Engine Optimization
Toronto SEO
----------------------------------
Critter

Reply With Quote
  #3  
Old May 27th, 2004, 12:10 PM
dazzlindonna's Avatar
dazzlindonna dazzlindonna is offline
Contributing User
SEO Chat Expert (3500 - 3999 posts)
 
Join Date: Mar 2003
Location: Louisiana, USA
Posts: 3,876 dazzlindonna User rank is Corporal (100 - 500 Reputation Level)dazzlindonna User rank is Corporal (100 - 500 Reputation Level)dazzlindonna User rank is Corporal (100 - 500 Reputation Level)dazzlindonna User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 1 Week 6 Days 4 h 22 m 36 sec
Reputation Power: 13
I use this:

h1 {
display: inline;
}

of course, i also add in all the other attributes such as color, size, etc.
__________________
Military Singles Dating

Reply With Quote
  #4  
Old May 28th, 2004, 07:37 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Thanks for your help !

Unfortunately, I am really new to this - I am trying to optimise a website that someone else designed/wrote.

Im trying to remove the space above my <H1> title and also to justify my <H4> texts. Also, how can I make the <H4> text less bold ?

The problem I have is that there is so much coding on the page that whatever I do tends to impact on the whole page.

Does anyone have a few minutes spare to take a look at my source code and tell me what I need to do ?

Once I get it for one page, I can continue with the remaining pages.

Thanks in advance for any help.

The page is www.sunbreaks.co.uk/default.asp

Cheers All

Paul

Reply With Quote
  #5  
Old May 28th, 2004, 08:27 AM
VORD's Avatar
VORD VORD is offline
Zen Master
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Location: Bedfordshire UK
Posts: 360 VORD User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 16 sec
Reputation Power: 6
The answer is to use CSS.

First step: put this in the source code of your page after <head> and before </head>
Quote:
<link href="htmlstyles.css" rel="stylesheet" type="text/css">


Then download the CSS file (containing some common html styles) from http://www.computer-zen.com/css/text-style-sheet.htm.
Save the CSS file in the same directory as your page, and the style of headings and paragraphs will be controlled by this file.

Finally, you can edit the file in notepad to get rid of paragraph styles, and alter or add headings etc.



Note that <font> in the page code will override the CSS. But then <font> is depreciated so we shouldn't really be using it anyway.

Last edited by VORD : June 10th, 2004 at 10:28 AM. Reason: Moved the file (sorry for the broken link guys)

Reply With Quote
  #6  
Old May 28th, 2004, 08:51 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Thanks for that Vord - im not too sure I understand it, but it seems fairly straight-forward to do.

One worry is that I already have the following (and loads more) in my source code, so will what you suggest still be OK with what is there already or do I have to change things further ?

<style type="text/css">
<!--
a:link, a:visited, a:active {text-decoration:none; Color:'#FFFFE6';}
a:hover {text-decoration:underline; Color:'#FFFFFF';}
a:link.ser, a:visited.ser, a:active.ser {text-decoration:none; Color:'Navy';}
a:hover.ser {text-decoration:underline; Color:'Maroon';}
-->
</style>

Thanks

Paul

Reply With Quote
  #7  
Old May 28th, 2004, 09:24 AM
VORD's Avatar
VORD VORD is offline
Zen Master
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Location: Bedfordshire UK
Posts: 360 VORD User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 16 sec
Reputation Power: 6
Oh, well if you have CSS already then it's much easier - you just need to paste in something like this:
Quote:
h1 {
font-weight: 700;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 140%;
color: #000066;

}

You can change the h1 to h4 and alter the font weight (700 is bold, 400 is normal), the margins will control the indent and space above and below. Play around with the font size and color until they are what you want.

:grin:

Reply With Quote
  #8  
Old May 28th, 2004, 09:42 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
God - now I am feeling thick.

I dont have a seperate css stylesheet - all of the css that my programmer set-up is in the actual page source code.

So, where exactly would i put the code you suggest ? (please)!!

Thanks
Paul

ps I tried to put the source code for the page here and the system told me off (oops).

url : www.sunbreaks.co.uk/default.asp

It really IS appreciated!

Reply With Quote
  #9  
Old May 28th, 2004, 10:06 AM
VORD's Avatar
VORD VORD is offline
Zen Master
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Location: Bedfordshire UK
Posts: 360 VORD User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 16 sec
Reputation Power: 6
Just bung it in with your existing CSS like this:


Quote:
<style type="text/css">
<!--
a:link, a:visited, a:active {text-decoration:none; Color:'#FFFFE6';}
a:hover {text-decoration:underline; Color:'#FFFFFF';}
a:link.ser, a:visited.ser, a:active.ser {text-decoration:none; Color:'Navy';}
a:hover.ser {text-decoration:underline; Color:'Maroon';}
h1 {
font-weight: 700;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 140%;
color: #000000;
}
h4 {
font-weight: 400;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 20px;
font-size: 100%;
color: #000000;
}
-->

</style>


:smile:

Reply With Quote
  #10  
Old May 28th, 2004, 11:14 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
thanks for that Vord.

that was the help I needed - and it was so straight-forward!

but - is there a css code to justify my <h4> etc titles ?

i couldnt find anything in the style sheet you suggested i download.

thanks

paul

Reply With Quote
  #11  
Old May 28th, 2004, 11:17 AM
critter's Avatar
critter critter is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Aug 2003
Location: Toronto, Canada
Posts: 306 critter User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 30 m 21 sec
Reputation Power: 6
Send a message via ICQ to critter Send a message via MSN to critter
No need to worry about H4 Tags, It is believed Google only gives preference and 'points' to the H1, H2 and H3 Tags. Even still, they don't have nearly as much weight on Google as they used to, but still add to the overall SEO a webpage needs!

Reply With Quote
  #12  
Old May 28th, 2004, 11:22 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
LOL thanks Critter.

Is there a way to justify <h1>, <h2> or <h3> then ??

I know that H1 will only be a couple of words so won't really apply for justification on my site, but I could really do with the code to justify the others.

Thanks

Paul

Reply With Quote
  #13  
Old May 28th, 2004, 11:31 AM
sunbreaks sunbreaks is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: May 2004
Location: UK
Posts: 17 sunbreaks User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
SORRY

text-align: justify;

It took me all of 1 minute to search on google.

It is too easy to start relying on helpful people here !!

But thankfully I have done it - after a lot of initial help from you guys - so thanks all !!

Paul

Reply With Quote
  #14  
Old May 28th, 2004, 11:36 AM
VORD's Avatar
VORD VORD is offline
Zen Master
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Location: Bedfordshire UK
Posts: 360 VORD User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 16 sec
Reputation Power: 6
You can also use margins. Have a look at the code I posted in my last post - it includes an H1, and a justified H4. The h4 is justified by the "margin-left:20px" Same applies to H2 and H2 etc.

Reply With Quote
Reply

Viewing: SEO Chat ForumsSearch Engine StrategiesSearch Engine Optimization > Removing space from under H1 Tags etc


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support |