Header Basics - Post ID 153179

User 2123638 Photo


Registered User
32 posts

Can someone please explain how to break apart a header into sections? For example: page title/logo/etc. on one side followed by vertical divider and marquee text on right side. Also: does anyone know a good site to pick up free logos in the public domain and without worry of commercial use?

Thank you.
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Not quite sure what you are asking about. Are you looking at a template design and want to break up the header section, or is this about css?

Whether one or the other, we need more info in order to help.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2123638 Photo


Registered User
32 posts

Sorry for the weak explanation but just getting started here.

/* Header */
#header { position:relative;: #A4C7DB; margin-right: 2px;border-bottom: 2px solid #ddd; }
#header h1 { text-indent: 32px;color: #0000FF; margin: 0 0 3px; padding: 14px 18px 0; }
#header p { text-indent: 177px;color: #0000FF;font-size: 18px; font-weight: bold; padding: 24p 18px; }

How could I break this up? I want to divide the header ("mast") at top of page. Title/logo on one side, followed by vertical divider, followed by marquee text on right side. Hope that makes sense.

Thanks again.
User 271657 Photo


Ambassador
3,816 posts

good site to pick up free logos in the public domain and without worry of commercial use?


Logos are usually designed with a specific business/company in mind. The graphic should be unique as it will be used to build that company's brand. Unlike other designed pieces, full copyright is given to the owner (rather than retained by the creator), so logos usually cost more than other graphic design works.
If you find something for free (or really cheap), there's a good chance it was made from clip art (most of which is not licensed for commercial purposes), or as on many logo contest sites; it may have been copied (stolen) from someone else's trademarked design.

Inger, it sounds like a CSS question - how to position the logo on the left, for example, with some text (h1) to the right, and then put a divider between them (margins, padding, borders......) I just dabble in the html stuff :lol: so I'll get out of here now!
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Something like this? (see attachment)
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2123638 Photo


Registered User
32 posts

Exactly.

Takk skal du ha Inger.

Mark


p.s. Thank you also Paint.
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Ingen årsak, Mark ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.