CSS - Changing Header Images In Same Div

I want to display text, image, videolinks in the header and footer images in my html with css.While header and footer images are displayed in the html , the intended text,image,videolinks are not displayed within the image block of header, footer.Will you please advise me the correct code in css, html to embed the text,image,videolinks inside the header and footer images.
thanks

Hello
I am very new to CSS. One of my problems is that my web experience is only in tools that generate the code. I"m needing what I"m told is a simple thing to do, but not finding it easy for me

I tried to post with some links to my site, etc, but the rules won't let me post any links. I have posted in another CSS site, but fine it very inactive and not getting any help.

What I'm trying to do

All items below to make up the header of the site. A background graphic which fills across the screen, no matter the size of the window. I have this working, although if I shrink the window too far, it overwrites the graphic in item 2 below. A left justified logo graphic. Working fine. A Centered graphic. I have this showing, but it is not quite centered right, and it is a bit smaller than actual, and I cannot get it to space down a bit. (tried padding, does nothing. Trying margin spaces everything down, including item 1 above. A right justified graphic. This shows, but is VERY SMALL, much smaller than original graphic, and it does not right justify.
NOTES
The current code, below, is based on a tutorial I went through, using % for width. The idea being that if it is built based on percent of width, then whatever width of window, it would adjust. I used 900px for original calculations. I find that it only fills the window as if it is 900 px wide. So I redid the percentages based on 1500px.

I've done lots of reading, Googling, and been trying all kinds of stuff and getting not too far with it. Tried px for width too, seems worse.

Here is a print screen of the header:

[IMG]URL[/IMG]

Sigh...sorry...even img code has a url, and even though it showed in preview, I see it will not display it in actual message.

The site I"m working on is shuttermaster.co (not com), where you can see what it looks like now.

CSS Code
Only including the code relevant to the header issue. I do have menu code in CSS, but it is not complete, and I'm not having problems with that.

Code:

	#myHeader {width:auto;height:133px;
		background:url(/photos/i-QXfPgvM/0/S/i-QXfPgvM-S.jpg) repeat-x}

 		#myLogo {
				 float:left;
				 width:10%;
				 height:150px	;
				 margin-left:2.22%;
				 display:inline;
				 background:url(/photos/i-sttGP6Z/1/O/i-sttGP6Z.png) no-repeat}
			   

		#myConame {
				
				width: 15.33%;
				height:90px;
				margin-left:auto;
				margin-right:auto;
				background:url(/photos/i-T3ZjJ8R/2/Th/i-T3ZjJ8R-Th.png) no-repeat}
		
		
		#myBanner {
				float:right;
				width: 29.73%;
				height:150px;
				background:url(/photos/i-BkhSxLJ/1/Th/i-BkhSxLJ-Th.png) no-repeat}

The HTML Code

Code:

<div id="myHeader">
<div id="myLogo"></div>
<div id="myConame"></div>
<div id="myBanner"></div>
<div style="clear: both;"></div>
<div class="menu">
  <ul>
        <li><a href="http://shuttermaster.co">Home</a></li>
        <li><a href="#">Portfolio</a></li>
		<li><a class="drop" href="http://shuttermaster.co/galleries" >Galleries
			<!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>	
				<li><a href="http://rogerewingphotography.smugmug.com/Landscapes/Landscapes/19892237_mHBK84">Landscape</a></li>
				<li><a href="Link">Drop 2</a></li>
				<li><a href="Link">Drop 3</a></li>
        </ul> <!--[if lte IE 7]></td></tr></table></a><![endif]-->
   </li>
        <li><a href="#">About Me</a></li>
        <li><a href="#">Guestbook</a></li>
  </ul>
</div> 
</div>
<div style="clear: both;"></div>

I hope I have been clear enough. Hoping someone can point me the right direction.

Regards, and thanks....

Hi all,

I need some help. I have implemented a fixed header on my site, but certain content is scrolling above the header while other is scrolling behind. I would like it all to scroll behind the fixed div's.

Im just curious, what are the advantages of using css to import all your images (that arnt dynamic) as apposed to inserting them into your html using the <img> tag?

I need some help. I'm starting out with php and i'm already stressing out.
Here's the challenge:
I have to make a page that contains 3 radio buttons
the radio buttons control which color font you'll like to display on that page
the page must reference itself (no outside css stylesheet)
I must use the switch function to switch the stylesheet.

So far, this is what I have.

Can someone help me figure out what I'm doing wrong?

Thank you.

Dan

--------------clipping starts here---------------------

<html>
<head>
<title></title>
<body style="font-family:Arial, Helvetica, sans-serif; color: green;">
</table>
<tr>
<td>
<form name="stylecolor" method=POST" action asgn_2j.php">

Green
<input type="radio" name="style" value="a">

Blue
<input type="radio" name="style" value="b">

Red
<input type="radio" name="style" value="c">

<INPUT TYPE=HIDDEN NAME=stylecolor VALUE=true>

<INPUT TYPE=submit NAME="SUBMIT" VALUE="Submit">


$stylecolor=$HTTP_POST_VARS['stylecolor'];

switch($stylecolor)
{
case 'a'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: green;">)' ;

case 'b'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: blue;">)' ;

case 'c'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: red;">)' ;

default:
echo 'you didn't choose' ;
break;

}
</form>
</td>
</tr>
</table>
</body>
</html>

Hello,

I have been looking all ovet the forums and google and cant find a code to do this.

what i am trying to do is when someone prints a page, i want the footer that is automataly printed at the bottom of the page to change.

Lets say your on www.yahoo.com and you print the page.
the footer will say http://www.yahoo.com

what i am trying to find is a code that i can change the footer to say whatever i wanted.

so if your on yahoo.com and press print it says "HELLO" (for example).

Thanks In Advance.

I'm revamping my personal webpage. (What I've done so far is at http://homepage.mac.com/johntstuart/mockup/ )

I've been told there is a way for JavaScript to replace the content of a DIV, when the user selects from the navigation.

Can anyone point me in the direction of this JavaScript? And any tutorials?

I have a header.inc and a css style sheet that are called to each page of a website via php. In the style sheet there are two styles that I would like to change depending on the section of the website.

For example:
in the style sheet
css id "subnav" has background: #E8EDF5 and
cssi id "subtitle" has background #E8EDF5

however in each major section of the website I would like to change the background colors of the divs that have id "subnav" and "subtitle".

Is there type of php statement that I could place at the top of my website pages that would allow me to specify the colors of these two css ids?

Hope I have made this clear.

Hi am looking for help changing a form select box with css.

I am trying to get the select box in line with the rest of the scroll boxes and arrows on my site....

http://www.peteromoore.com/site3/brochure.htm

is there any way to change the select box arrow to match the arrow beside it???
any help would be appreciated.

Hi, how can I set the <a> tag (of <a href...) to be of some color in one div and some other color in another div?

Anyone know why the margins change on the links when I hover over them with IE. (check left column navigation)

http://section31.us/temp/tortilla/tortilla.html

Note: This works fine on firefox, but goes ape**** on IE.

hey all,
so im way behind the times when it comes to creating webpages with div's instead of nested and renested tables. I can nest tables with the best of them but when it comes to using div's and css instead i just can't figure out how to precisely place things! Does anyone know of a guide that explains how to use divs effectively instead of tables?
thanks
- legit

Post resolved -- css controlled by unmentioned files.
(apologies for duplicate post, was sure that was "edit" but must not have been)

Hi,

I am working on a design for one of my websites and have run into a little bit of a problem. I am hoping one of you guys can help me out. I am relatively new to coding with css and have read a bunch of tutorials but cannot for the life of me figure out how to convert the following table into divs:

Code:

<table border=0 width=100%>
<tr>
<td rowspan=3>logo</td>
<td rowspan=3>navigation bar</td>
<td>some links</td>
</tr>
<tr>
<td>search box</td>
</tr>
<tr>
<td>more links</td>
</tr>
</table>

Basically its the header part of the design, I have the rest of it done without much problems. I have tried everything but cannot get it to look like the table. Any help will be greatly appreciated.

Thanks,

How do i stop the <h1> add white space above and below anything in the header tag.