Have a header and navigation bar in one header div ?

Submitted by loukmaster on Thu, 2012-07-26 14:22

I'm a beginner, so my HTML structure might not be the best and my CSS is definitely isn't so a clear and simple answer is much appreciated.

I want to have a header div where I'll have a Luke and at the right a navigation bar. All in one div

Here's my HTML :

How do i add a header to my website?

Submitted by JennaScott on Sun, 2012-03-18 00:41

hey!
im trying to edit a website template and add a header to it but i have no idea how Sad
I wanna put a picture instead of the text
Screen shot 2012-03-17 at 6.36.58 PM.png
please help!

thanks!! <3

-Jenna

Image replacement and Header tag colors

Submitted by drw285 on Thu, 2012-02-16 18:57

Hello all:

I am using the negative text indent method but can't figure out why my header image is not showing.
Also, I have some confusion with specificity and my header tag colors.
I have validated my code.
Any suggestions appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style - Copy.css" rel="stylesheet" type="text/css" />

CSS Fluid Header

Submitted by SwiftColour on Tue, 2011-04-26 11:37

Hi,

This may seem like an obvious question but it is seriously bugging me at the moment.

I am trying to create a fluid header using css but it has 5 pictures involved instead of 3. I can get 3 and even four pictures to work as a fluid header but the 5th causes problems.

The layout for them is:

Fixed Image Spacer Fixed Image (centered) Spacer Fixed Image

For some reason, the first spacer causes the pictures to go to the line below the header.

Center image in header div - cut off edges on small res

Submitted by allking on Wed, 2010-07-07 17:38

Cool Hello everyone, I've been browsing this forum for quite some time and have yet to have to ask a question, but here goes:

css

@charset "utf-8";
/* CSS Document */
 
* {
    margin: 0;
    padding: 0;
}
 
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}
 
#bg {
    position: fixed;
	z-index: 1;
}
 
#bg div {
    height:200%;
    left:-55%;
    position:absolute;
    top:-100%;
    width:200%;
}
 
#bg td {
    text-align:center;
    vertical-align:bottom;
}
 
#bg img {
    margin:0 auto;
    max-height:100%;

Syndicate content