11 replies [Last post]
t-bone_two
t-bone_two's picture
Offline
Enthusiast
Los Angeles
Last seen: 4 years 50 weeks ago
Los Angeles
Timezone: GMT-6
Joined: 2009-09-26
Posts: 209
Points: 268

I have a new master site sitting in beta right now. Probably the result of about a months hard work.

The whole enchilada. My entire portfolio and full second round marketing strategy that I want to go off at once.

There is a firefox issue with an <h1> tag. It is putting a line break after it and moving everything down to the next line.

Does anyone know why this would happen? It is clean in some other browsers such as Safari and Opera.

I am not ready to launch it. But I have a margin issue that I cannot fix.

I have the

<meta name="googlebot" content="noindex">
<meta name="googlebot" content="nofollow">
<meta name="googlebot" content="noarchive">

In the head.

And I just want to follow best practices. If I post a link. Will it start showing up other places half finished? Is there a way I can just make it like it does not exist but I can give people links but it will never pick up any visibility?

Most importantly. Can anyone tell me where the line break is coming from?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Er. H1 is a block element and

Er. H1 is a block element and there is, by default, a line break after it. If you don't want one you have to change that behavior in your CSS.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

t-bone_two
t-bone_two's picture
Offline
Enthusiast
Los Angeles
Last seen: 4 years 50 weeks ago
Los Angeles
Timezone: GMT-6
Joined: 2009-09-26
Posts: 209
Points: 268

Can you tell me how?

Can you tell me how to do that?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Well, if you don't already

Well, if you don't already understand CSS and html enough to do even that I hesitate and wonder where to start and what to explain.

I think you should probably start by going to "htmldog.com" and start working through the tutorials. You don't seem to understand things well enough to create a real site. Are you using one of the dreaded and ugly and horrible "WYSIWYG" web page editors like Dreamweaver by chance? If so it's time to stop and lean real html and CSS.

Or perhaps you could do as the posting guidelines suggest and post either ALL your code or give us a link to the site.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 20 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Also, I would recommend

Also, I would recommend using
<meta name="robots" content="noindex,nofollow">

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

t-bone_two
t-bone_two's picture
Offline
Enthusiast
Los Angeles
Last seen: 4 years 50 weeks ago
Los Angeles
Timezone: GMT-6
Joined: 2009-09-26
Posts: 209
Points: 268

Thanks

I appreciate the help.

I am sure it is somewhat of a novice question.

I have not had formal training. Though I can do a great deal.

There are advanced questions I know I can answer. And a novice few I know I can't.

I learned it on my own. And I know pride can be the biggest obstacle.

I just want to know how to prevent that line break. I don't like the display inline options and such.

Any help is appreciated.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote: I have not had formal

Quote:

I have not had formal training.

Puzzled there isn't such a thing, non of us have had formal training, web development is a multi disciplined catchall we have all had to learn the hard way - the only way. If you want formal training you could become a MCSE or better a Cisco certified engineer Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Why is this 'line break' an

Why is this 'line break' an issue? have you attempted to control things via the elements margins?, floating an element will cause the following elements to sit alongside it - in theory! but depends on certain factors.

Is this site online? if so please post a link if necessary separate the url if you are concerned:

example dot com

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

t-bone_two wrote: I have not

t-bone_two wrote:

I have not had formal training.

Well, neither have I, and I'll bet neither have any of the really good coders who post here. It's hard to get formal training in html that is worth anything.

Quote:

There are advanced questions I know I can answer. And a novice few I know I can't.

I learned it on my own.

It's more important with html to understand the basic concepts, and you appear not to. That's why I suggested you go to the Html Dog site and work through the tutorials there, starting with the html tutorials.

Quote:

I just want to know how to prevent that line break. I don't like the display inline options and such.

Any help is appreciated.

You ask for help, but you've already ruled out the proper solutions! To prevent a block element from ending with a new line you have two, and only two, options. Either set it to "inline" with CSS or you float it. If you don't like either then you should learn to like them, because that's all ya got.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

t-bone_two
t-bone_two's picture
Offline
Enthusiast
Los Angeles
Last seen: 4 years 50 weeks ago
Los Angeles
Timezone: GMT-6
Joined: 2009-09-26
Posts: 209
Points: 268

Thanks!

You answered my question.

Very informative and helpful.

I didn't know if display:inline was considered a bad practice. So you gave me what I needed.

Thank you Ed. I appreciate your straight shooting.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

t-bone_two wrote: I didn't

t-bone_two wrote:

I didn't know if display:inline was considered a bad practice.

The purpose of CSS is to control the presentation of html elements, so if you want an element to display differently from the defaults, using CSS to do it is always good practice.

Ideally, presentational considerations should be entirely kept out of your html. HTML is designed to mark up the meaning of content. When deciding what tag to use your only consideration should be which tag best represents the meaning of the content it is enclosing.

The whole idea of CSS in the first place is to allow you to separate content from it's presentation. HTML is meant to be used to mark up the content according to it's meaning, or syntactical structure. This is known as "semantic html" and it is a vital concept you should look up on the internet. This is the good old programming concept of "separation of concerns" transferred to the web.

Of course the ideal is not reachable in actual practice, but you can come very close, and if you learn to do that and make it a habit as far as possible to always write valid and semantic html in a STRICT document type you will find that, once you have learned how to do it, CSS becomes actually quite easy and you will make far less errors, and save yourself bags and bags of time and trouble.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

viewtech
viewtech's picture
Offline
newbie
china
Last seen: 10 years 36 weeks ago
china
Timezone: GMT+8
Joined: 2010-03-25
Posts: 2
Points: 2

how to do

i want known how to do that??

spam link deleted --gt