|
div background not showing up.
04-13-2009, 12:16 PM
|
div background not showing up.
|
Posts: 611
|
hi, i want a div background to show up in my #right div. and its not showing up. any help greatly appreciated. derek
here is the page im talking about (the dimensions of the image are w280,h375)
http://derekvanderven.com/boston_coffee/index.html
here is the css
Code:
@charset "utf-8";
/* CSS Document */
body {
background-color:#D0B8A0;
margin:0;
padding:0;
}
#wrapper {
margin: 50px auto 0 auto;
width: 580px;
}
#navigation {
float: left;
width: 143px;
}
#middle {
float: left;
width: 151px;
}
#right {
float: left;
width: 280px;
background-image: url(images/img_right_middle.jpg);
background-repeat: no-repeat;
}
here is the html
Code:
<!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" />
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]-->
<link href="boston.css" rel="stylesheet" type="text/css"/>
<title>Boston Coffee Home</title>
<body onbeforeunload="beforeUnloadHandler()" style="margin: 0pt; padding: 0pt; overflow: visible; height: 100%; width: 100%; position: absolute;">
<title> </title>
<script type="text/JavaScript" language="JavaScript">
1
2<!--
3function MM_preloadImages() { //v3.0
4 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
5 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
6 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
7}
8
9function MM_swapImgRestore() { //v3.0
10 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
11}
12
13function MM_findObj(n, d) { //v4.01
14 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
15 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
16 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
17 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
18 if(!x && d.getElementById) x=d.getElementById(n); return x;
19}
20
21function MM_swapImage() { //v3.0
22 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
23 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
24}
25//-->
26
</script>
</head>
<body link="#333333" alink="#333333" vlink="#333333" onload="MM_preloadImages('images/navigation/home_on.jpg','images/navigation/about_on.jpg','images/navigation/menus_on.jpg','images/navigation/contact_on.jpg','images/navigation/locations_on.jpg')">
<div id="wrapper">
<div id="navigation">
<a href="/index.html"><img src="http://www.webmaster-talk.com/images/logo_top.jpg" width="143" height="95" /></a>
<a href="/index.html"><img src="http://www.webmaster-talk.com/images/navigation/home_on.jpg" width="143" height="38" border="0" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/navigation/about_on.jpg',1)" href="/about.html">
<img id="Image2" border="0" name="Image2" alt="about" src="http://www.cafevanilleboston.com/images/navigation/about_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/navigation/menus_on.jpg',1)" href="/menus/index.html">
<img id="Image3" border="0" name="Image3" alt="menus" src="http://www.cafevanilleboston.com/images/navigation/menus_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/navigation/contact_on.jpg',1)" href="/contact.html">
<img id="Image4" border="0" name="Image4" alt="contact" src="http://www.cafevanilleboston.com/images/navigation/contact_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/navigation/locations_on.jpg',1)" href="/locations.html"></a><img src="http://www.webmaster-talk.com/images/navigation/locations_off.jpg" width="143" height="35" /><br />
<img src="http://www.webmaster-talk.com/images/img_left_bottom.jpg" width="143" height="197" /></div>
<!---end navigation-->
<div id="middle"><img src="http://www.webmaster-talk.com/images/img_middle.jpg" width="151" height="470" /></div>
<div id="right"><img src="http://www.webmaster-talk.com/images/img_right_top.jpg" width="280" height="95" /></div>
<p class="textbody"><img src="http://www.webmaster-talk.com/images/cv_welcome.gif" width="70" height="23" />
<br/>
<br/>
<span class="blue">F</span>
resh, delectable French pastries are the </p>
<p class="textbody">foundation of Boston Coffee's success. </p>
<p class="textbody">Stop in one of our three locations in the Boston area for classic Parisian sandwiches, coffees, and desserts - we offer a slice of France in a slice of cake.</p>
<img alt="Boston Coffee" src="/images/img_left_bottom.jpg"/></td>
© 2009 Boston Coffee
Site Design:
<a target="_blank" href="http://www.derekvanderven.com.com">Derek Van Derven web design</a>
</div>
</body>
</html>
</body>
</html>
Last edited by silverglade; 04-13-2009 at 12:17 PM..
|
|
|
|
|
04-13-2009, 12:35 PM
|
Re: div background not showing up.
|
Posts: 611
|
nevermind, i added heights to the background divs and the images showed up, thanks. derek (note i did try to solve this problem a long time before posting).
|
|
|
|
|
04-13-2009, 12:37 PM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
Derek, validate your code! You are missing the closing </head> tag.
On standards-compliant browsers, you're not going to SEE the background unless and until there is something IN the div. IE incorrectly treats background images as content. If all that's going to be in there is an image, then give #right a fixed height equal to the image size.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-13-2009, 01:00 PM
|
Re: div background not showing up.
|
Posts: 611
|
i have a new problem in IE6. the letters "gn" are showing above my footer. any help greatly appreciated. thanks. derek (thank you ladynred for seeing that head tag. yikes!)
here is the page
http://derekvanderven.com/boston_coffee/index.html
here is the css
Code:
@charset "utf-8";
/* CSS Document */
body {
font-family: times;
background-color:#D0B8A0;
margin:0;
padding:0;
}
#wrapper {
margin: 50px auto 0 auto;
width: 580px;
}
#navigation {
float: left;
width: 143px;
}
#middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle.jpg);
background-repeat: no-repeat;
}
#right {
float: left;
width: 280px;
height: 469px;
background-image: url(images/img_right_middle.jpg);
background-repeat: no-repeat;
background-position: bottom center
}
#welcome {
margin: 175px auto 0 auto;
clear: both;
width: 280px;
color: #ffffff;
}
#welcome p {
padding: 10px;
}
#footer {
float: left;
clear: both;
width: 430px;
margin:0 auto 0 150px;
}
#footer a:link {
color: #5F4C3D;
}
.blue {
color: #A7D3DB;
}
and here is the html
Code:
<!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" />
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]-->
<link href="boston.css" rel="stylesheet" type="text/css"/>
<title>Boston Coffee Home</title>
</head>
<body onbeforeunload="beforeUnloadHandler()" style="margin: 0pt; padding: 0pt; overflow: visible; height: 100%; width: 100%; position: absolute;">
<title> </title>
<script type="text/JavaScript" language="JavaScript">
1
2<!--
3function MM_preloadImages() { //v3.0
4 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
5 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
6 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
7}
8
9function MM_swapImgRestore() { //v3.0
10 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
11}
12
13function MM_findObj(n, d) { //v4.01
14 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
15 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
16 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
17 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
18 if(!x && d.getElementById) x=d.getElementById(n); return x;
19}
20
21function MM_swapImage() { //v3.0
22 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
23 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
24}
25//-->
26
</script>
</head>
<body link="#333333" alink="#333333" vlink="#333333" onload="MM_preloadImages('images/navigation/home_on.jpg','images/navigation/about_on.jpg','images/navigation/menus_on.jpg','images/navigation/contact_on.jpg','images/navigation/locations_on.jpg')">
<div id="wrapper">
<div id="navigation">
<a href="/index.html"><img src="http://www.webmaster-talk.com/images/logo_top.jpg" width="143" height="95" /></a>
<a href="/index.html"><img src="http://www.webmaster-talk.com/images/navigation/home_on.jpg" width="143" height="38" border="0" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/navigation/about_on.jpg',1)" href="/about.html">
<img id="Image2" border="0" name="Image2" alt="about" src="http://www.cafevanilleboston.com/images/navigation/about_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/navigation/menus_on.jpg',1)" href="/menus/index.html">
<img id="Image3" border="0" name="Image3" alt="menus" src="http://www.cafevanilleboston.com/images/navigation/menus_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/navigation/contact_on.jpg',1)" href="/contact.html">
<img id="Image4" border="0" name="Image4" alt="contact" src="http://www.cafevanilleboston.com/images/navigation/contact_off.jpg"/></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/navigation/locations_on.jpg',1)" href="/locations.html"></a><img src="http://www.webmaster-talk.com/images/navigation/locations_off.jpg" width="143" height="35" /><br />
<img src="http://www.webmaster-talk.com/images/img_left_bottom.jpg" width="143" height="197" /></div>
<!---end navigation-->
<div id="middle"></div>
<div id="right">
<div id="welcome">
<img src="http://www.webmaster-talk.com/images/cv_welcome.gif" width="70" height="23" />
<br/>
<br/>
<p><span class="blue">F</span>resh, delectable French pastries are thefoundation of Boston Coffee's success.Stop in one of our three locations in the Boston area for classic Parisian sandwiches, coffees, and desserts - we offer a slice of France in a slice of cake.</p></div>
<!--end div welcome--></div> <!--end of right div-->
<div id="footer">© 2009 Boston Coffee
/Site Design:
<a target="_blank" href="http://derekvanderven.com">Derek Van Derven Web Design</a></div>
</div>
</body>
</html>
Last edited by silverglade; 04-13-2009 at 01:02 PM..
|
|
|
|
|
04-13-2009, 01:06 PM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
Afraid I'm not seeing that in IE6 at all.. what is the footer ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-13-2009, 01:10 PM
|
Re: div background not showing up.
|
Posts: 611
|
here is the css to the footer, where in ie6 it displays the "gn" of "design" above the footer text.
css
Code:
#footer {
float: left;
clear: both;
width: 430px;
margin:0 auto 0 150px;
}
html for footer
Code:
<div id="footer">© 2009 Boston Coffee
/Site Design:
<a target="_blank" href="http://derekvanderven.com">Derek Van Derven Web Design</a></div>
|
|
|
|
|
04-13-2009, 01:55 PM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-13-2009, 02:13 PM
|
Re: div background not showing up.
|
Posts: 611
|
thank you i put a -3px right margin on the last left float.awesome ladynred thank you very much!!!! derek but now its pushing my footer to the left on one of my pages, im going to have to look at that.
Last edited by silverglade; 04-13-2009 at 02:27 PM..
|
|
|
|
|
04-13-2009, 04:09 PM
|
Re: div background not showing up.
|
Posts: 611
|
this is the last problem on my site, im almost done.. on this page, my #about_welcome links are blue, but that css is making my footer link blue as well, i cant figure out why. any help greatly appreciated. here is one of the pages i am talking about, notice the blue #footer link.
http://derekvanderven.com/boston_cof...nus/index.html
here is the css
Code:
@charset "utf-8";
/* CSS Document */
body {
font-family: times;
background-color:#D0B8A0;
margin:0;
padding:0;
}
#wrapper {
margin: 50px auto 50px auto;
width: 580px;
}
#navigation {
float: left;
width: 143px;
}
#middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle.jpg);
background-repeat: no-repeat;
}
#right {
float: left;
margin: 0 -3px 0 auto;
width: 280px;
height: 470px;
background-image: url(images/img_right_middle.jpg);
background-repeat: no-repeat;
}
#welcome {
margin: 175px auto 0 auto;
clear: both;
width: 280px;
color: #ffffff;
}
#welcome p {
padding: 10px;
}
#award {
margin: 0 auto 0 55px;
float: left;
width: 153px;
height: 72px;
background-image: url(images/best_boston.jpg);
background-repeat: no-repeat;
}
#footer {
float: left
clear: both;
width: 580px;
}
#footer a:link , a:hover, a:visited{
color: #664A35;
}
.blue {
color: #A7D3DB;
}
/***********************about page****************************/
#about_middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle_about.jpg);
background-repeat: no-repeat;
}
#about_welcome {
margin: 160px auto 0 auto;
clear: both;
width: 280px;
color:#E2DCD7;
font-family:arial,verdana,sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}
#about_welcome a:link, a:hover, a:visited {
color: #ADDCE5;
text-decoration: none;
}
#about_welcome p {
padding: 10px;
}
/*************************menus**************/
#menu_middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle_menus.jpg);
background-repeat: no-repeat;
}
/************************contact*********************/
#contact_middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle_contact.jpg);
background-repeat: no-repeat;
}
#contact_welcome {
width: 280px;
margin-top: 160px;
color: white;
}
#form_wrapper{
width: 200px;
margin-left: 40px;
}
/************************location*********************/
#location_middle {
float: left;
width: 151px;
height: 470px;
background-image: url(images/img_middle_locations.jpg);
background-repeat: no-repeat;
}
and here is the html to the page.
Code:
<!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" />
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]-->
<link href="../boston.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" type="text/JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
<title>Boston Coffee Menus</title>
</head>
<body style="margin: 0pt; padding: 0pt; overflow: visible; height: 100%; width: 100%; position: absolute;" onload="MM_preloadImages('../images/navigation/home_on.jpg')" onbeforeunload="beforeUnloadHandler()">
<script type="text/JavaScript" language="JavaScript">
1
2<!--
3function MM_preloadImages() { //v3.0
4 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
5 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
6 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
7}
8
9function MM_swapImgRestore() { //v3.0
10 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
11}
12
13function MM_findObj(n, d) { //v4.01
14 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
15 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
16 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
17 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
18 if(!x && d.getElementById) x=d.getElementById(n); return x;
19}
20
21function MM_swapImage() { //v3.0
22 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
23 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
24}
25//-->
26
</script>
<title>Boston Coffee Menus</title></head>
<body link="#333333" alink="#333333" vlink="#333333" onload="MM_preloadImages('images/navigation/home_on.jpg','images/navigation/about_on.jpg','images/navigation/menus_on.jpg','images/navigation/contact_on.jpg','images/navigation/locations_on.jpg')">
<div id="wrapper">
<div id="navigation">
<a href="/index.html"><img src="../images/logo_top.jpg" width="143" height="95" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../images/navigation/home_on.jpg',1)" href="../index.html">
<img id="Image1" border="0" name="Image1" alt="home" src="http://www.cafevanilleboston.com/images/navigation/home_off.jpg"/></a>
<a href="../about.html"><img src="../images/navigation/about_off.jpg" width="143" height="36" border="0" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','../images/navigation/menus_on.jpg',1)" href="index.html"><img src="../images/navigation/menus_on.jpg" width="143" height="35" border="0" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../images/navigation/contact_on.jpg',1)" href="../contact.html"><img src="../images/navigation/contact_off.jpg" width="143" height="34" border="0" /></a>
<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../images/navigation/locations_on.jpg',1)" href="../locations.html">
<img id="Image5" border="0" name="Image5" alt="locations" src="http://www.cafevanilleboston.com/images/navigation/locations_off.jpg"/></a><br />
<img src="../images/img_left_bottom.jpg" width="143" height="197" /></div>
<!---end navigation-->
<div id="menu_middle"></div>
<div id="right">
<div id="about_welcome"><img src="../images/cv_menus.gif" width="60" height="21" />
<br/>
<br/>
<p><a href="individual_desserts.html" onClick="MM_openBrWindow('individual_desserts.html','IndividualDesserts','scrollbars=yes,width=330,height=400')">Individual Desserts</a><br>
<a href="cakes.html" onClick="MM_openBrWindow('cakes.html','Cakes','scrollbars=yes,width=330,height=400')">Cakes</a><br>
<a href="tarts.html" onClick="MM_openBrWindow('tarts.html','Tarts','scrollbars=yes,width=330,height=400')">Tarts</a><br>
<a href="breakfast_croissants.html" onClick="MM_openBrWindow(' breakfast_croissants.html','BreakfastCroissants','scrollbars=yes,width=330,height=400')">Breakfast Croissants</a><br>
<a href="cookies.html" onClick="MM_openBrWindow('cookies.html','Cookies','scrollbars=yes,width=330,height=400')">Cookies</a><br>
<a href="custom_made_sandwiches.html" onClick="MM_openBrWindow('custom_made_sandwiches.html','CustomMadeSandwiches','scrollbars=yes,width=330,height=400')">Custom-made Sandwiches</a><br>
<a href="french_favorites.html" onClick="MM_openBrWindow('french_favorites.html','FrenchFavorites','scrollbars=yes,width=330,height=400')">French Favorites</a><br>
</div>
<!--end div welcome-->
</div> <!--end of right div-->
<div id="footer">© 2009 Boston Coffee
/Site Design:
<a target="_blank" href="http://derekvanderven.com">Derek Van Derven Web Design</a></div>
</div><!--end wrapper-->
</body>
</html>
Last edited by silverglade; 04-13-2009 at 04:22 PM..
|
|
|
|
|
04-13-2009, 07:41 PM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
You have this:
Quote:
#footer a:link , a:hover, a:visited{
color: #664A35;
}
|
You have to have this instead:
Quote:
#footer a:link ,#footer a:hover, #footer a:visited{
color: #664A35;
}
|
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-14-2009, 04:10 AM
|
Re: div background not showing up.
|
Posts: 611
|
ah ladynred you rock!  it works great now i can put my finished site up. the code is still messed up because i tried to use javascript and couldnt. but the site works i think. im still learning. and still a newbie, but at least im not using dreamweaver to write my code anymore like i was when you first met me.  LOL! i owe like 9 finished sites from your help. this is the 10th.
here it is..
http://derekvanderven.com/boston_coffee/index.html |
|
|
|
|
04-14-2009, 11:26 AM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
Quote:
|
i owe like 9 finished sites from your help. this is the 10th.
|
Do I get a cut of the profits ??? (just kidding)
Yes, you are still a newbie, but you're on the right track !!!
By the way, the rollover on the "locations" button doesn't work in Firefox.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-15-2009, 08:12 AM
|
Re: div background not showing up.
|
Posts: 611
|
i would give you a cut but im not getting paid yet. hehe. but ya, my javascript nav is all messed up. im staying away from js for a while heh. |
|
|
|
|
04-15-2009, 09:30 AM
|
Re: div background not showing up.
|
Posts: 10,017
Location: Tennessee
|
You don't need javascript for that rollover effect, use css - simple and easy 
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
« Reply to div background not showing up.
|
|
|
| Thread Tools |
Search 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
HTML code is Off
|
|
|
|
