CSS : Background image not appearing on header
Hi Guys,
I need help with the background color of my header, for some reason, it's appearing in dreamweaver but NOT in the browser (FF, Chrome)
If you have firebug, you can check the source from the link below.
http://oneworldlc.ph/contact.php
<body>
<div id="main_container">
<!-- TOP_NAV-->
<div id="top_nav">
<div id="nav">
<div id="nav_container">
<ul>
<li><a href="contact/index.html">Home</a></li>
<li>|</li>
<li><a href="#">About Us </a></li>
<li>|</li>
<li><a href="#">Company</a></li>
<li>|</li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- /TOP_NAV-->
<div id="contact_banner">
<div id="contact_logo">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h2 align="center">Merging cultural gaps between Americans and BPO centers in the Philippines</h2>
<p align="center" class="emphasis_red">We provide FREE training</p>
</div>
</div>
<div id="page-wrap">
<p align="center"><img src="images/contact_07.png" alt="Contact One World Learning Center Inc." width="180" height="44" /></p>
<p> </p>
<h1 align="center">One World Learning Center Inc.</h1>
<p align="center" class="georgia_16px_559cbe">21st Floor, Robinson's Cybergate Tower 3, Pioneer St.</p>
<p align="center" class="georgia_16px_559cbe">Mandaluyong City 1550</p>
<p align="center"><span class="georgia_16px_559cbe">Phone: +63 917 887 7424</span><br />
</p>
<div id="contact-area">
<form method="post" action="contact/contactengine.php">
<table>
<tr>
<td> </td>
<td><em>
<label for="Name" class="left"><strong> Name:</strong></label>
(required)<br />
<br />
<input name="Name" type="text" value="First Name, Last Name" />
</em></td>
</tr>
<tr>
<td> </td>
<td><em>
<label for="Tel" class="left"><strong><br />
Contact Number:</strong></label>
(required)<br />
<br />
<input type="text" name="Tel" />
</em></td>
</tr>
<tr>
<td> </td>
<td><label for="Email" class="left"><strong><em><br />
Email:</em></strong></label>
<em>(required)</em><br /><br /><input name="Email" type="text" value="[email protected]" /></td>
</tr>
<tr>
<td> </td>
<td><label for="Message" class="left"><strong><em><br />
Message:</em></strong></label>
<em>(required)</em><br /><br /><textarea name="Message" rows="20" cols="20">Type your message here</textarea></td>
</tr>
</table>
<div id="captcha-area">
<?php
require_once('contact/recaptchalib.php');
$publickey = "6Lcd3AgAAAAAAAshrQD48fz1uOm_KrgeRBEnsU9e";
$privatekey = "6Lcd3AgAAAAAALNv3Uga2Pi7tHi08wODv-fsXR_N";
# the response from reCAPTCHA
$resp = null;
# the error code from reCAPTCHA, if any
$error = null;
# are we submitting the page?
if ($_POST["submit"]) {
$resp = recaptcha_check_answer ($privatekey,
$_SERVER["REMOTE_ADDR"],
$_POST["recaptcha_challenge_field"],
$_POST["recaptcha_response_field"]);
if ($resp->is_valid) {
echo "You got it!";
# in a real application, you should send an email, create an account, etc
} else {
# set the error code so that we can display it. You could also use
# die ("reCAPTCHA failed"), but using the error message is
# more user friendly
$error = $resp->error;
echo recaptcha_get_html($publickey, $error);
?>
</div>
<input type="submit" name="submit" value="Submit" class="submit-button" />
</form>
</div>
</div>
</div>
</body>
Here's the css:
@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#main_container #top_nav {
height: 35px;
background-color: #000000;
#main_container #top_nav #nav {
font-family: Georgia;
height: 35px;
width: 940px;
margin-right: auto;
margin-left: auto;
#page-wrap h1 {
font-family: Georgia;
font-size: 26px;
font-style: normal;
#footer {
background-color: #000000;
color: #FFFFFF;
text-align: center;
#footer_owl_cont p {
margin-left: 120px;
#footer_owl_cont {
float: left;
width: 481px;
clear: both;
margin-left: 239px;
background-image: url(images/owl_footer.gif);
background-repeat: no-repeat;
background-position: left center;
height: 142px;
color: ffffff;
background-color: transparent;
#sidebar #sidebar_cont_2 {
margin-top: 255px;
#pitch_container {
height: 150px;
background-color: #000000;
margin-right: auto;
margin-left: auto;
color: #FFFF00;
font-family: Arial;
font-style: italic;
width: 900px;
margin-top: 100px;
#body_container {
margin-right: auto;
margin-left: auto;
width: 940px;
padding-top: 30px;
#footer_owl_cont .georgia_14px_559cbeCopy a {
color: #FFFFFF;
text-decoration: none;
#footer_owl_cont .georgia_14px_559cbeCopy a:hover {
text-decoration: underline;
#main_container #top_nav #nav ul li a {
font-family: Georgia, sans-serif;
color: 559cbe;
text-decoration: none;
#main_container #top_nav #nav {
color: 559cbe;
text-decoration: none;
#main_container #top_nav #nav #nav_container {
clear: both;
float: left;
margin-top: 10px;
#main_container #top_nav #nav #nav_container a:hover {
text-decoration: underline;
#main_container #top_nav #nav #nav_container a {
color: #559CBE;
text-decoration: none;
font-family: Georgia;
#main_container #top_nav #nav ul {
list-style-type: none;
#main_container #top_nav ul li {
display: inline;
padding-right: 2.5px;
padding-left: 2.5px;
#copyright {
width: 940px;
margin-right: auto;
margin-left: auto;
height: 148px;
color: 559cbe;
#main_container #header_container {
background-image: url(images/bg_header.jpg);
background-repeat: repeat-x;
background-position: center top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
#main_container #header_container #header_main {
height: 354px;
width: 940px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
background-image: url(images/header_bg2.png);
background-repeat: no-repeat;
background-position: right;
#main_container #header_container #header_main #submit_cont {
float: left;
margin-top: 233px;
margin-left: 435px;
font-size: 18px;
font-family: Georgia;
font-style: italic;
#main_container #header_container #header_main #submit_cont a {
color: #FFFF00;
text-decoration: none;
#main_container #header_container #header_main #submit_cont a:hover {
text-decoration: underline;
#sidebar {
float: left;
width: 380px;
clear: both;
#maincontent {
width: 540px;
margin-left: 400px;
font-family: Georgia;
line-height: 1.6em;
#sidebar #banner_1_cont {
height: 235px;
width: 380px;
background-image: url(images/banner_1_q1.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
clear: both;
float: left;
#sidebar #banner_1_cont p {
font-family: Georgia;
font-size: 13px;
font-style: italic;
color: #000000;
margin-top: 175px;
margin-left: 15px;
position: relative;
#maincontent ol {
list-style-position: inside;
#maincontent h3 {
font-size: 26px;
#pitch_container ul li {
font-family: Georgia;
font-size: 26px;
font-style: italic;
line-height: 1.6em;
color: 1e1e1e;
I hope you can enlighten me guys, am I missing something which makes it NOT to appear in Dreamweaver?
Regards,
Sid
Thanks for the response Gary. However, the 35px that you're seeing is actually for the #nav. I recreate the css and tried to remove some of the heirarchy thing. Here's the updated copy. I even tried to remove the #main_container. Same thing happens, the bg image is still not appearing? I tried changing the file type to JPG but to no avail. I think I'm overlooking something which is causing the issue.
@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#top_nav {
height: 35px;
background-color: #000000;
#nav {
font-family: Georgia;
height: 35px;
width: 940px;
margin-right: auto;
margin-left: auto;
#page-wrap h1 {
font-family: Georgia;
font-size: 26px;
font-style: normal;
#footer {
background-color: #000000;
color: #FFFFFF;
text-align: center;
#footer_owl_cont p {
margin-left: 120px;
#footer_owl_cont {
float: left;
width: 481px;
clear: both;
margin-left: 239px;
background-image: url(images/owl_footer.gif);
background-repeat: no-repeat;
background-position: left center;
height: 142px;
color: ffffff;
background-color: transparent;
#sidebar #sidebar_cont_2 {
margin-top: 255px;
#pitch_container {
height: 150px;
background-color: #000000;
margin-right: auto;
margin-left: auto;
color: #FFFF00;
font-family: Arial;
font-style: italic;
width: 900px;
margin-top: 100px;
#body_container {
margin-right: auto;
margin-left: auto;
width: 940px;
padding-top: 30px;
#footer_owl_cont .georgia_14px_559cbeCopy a {
color: #FFFFFF;
text-decoration: none;
#footer_owl_cont .georgia_14px_559cbeCopy a:hover {
text-decoration: underline;
#nav ul li a {
font-family: Georgia, sans-serif;
color: 559cbe;
text-decoration: none;
#nav {
color: 559cbe;
text-decoration: none;
#nav_container {
clear: both;
float: left;
margin-top: 10px;
#nav_container a:hover {
text-decoration: underline;
#nav_container a {
color: #559CBE;
text-decoration: none;
font-family: Georgia;
#nav ul {
list-style-type: none;
#top_nav ul li {
display: inline;
padding-right: 2.5px;
padding-left: 2.5px;
#copyright {
width: 940px;
margin-right: auto;
margin-left: auto;
height: 148px;
color: 559cbe;
#header_container {
background-image: url(images/bg_header.jpg);
background-repeat: repeat-x;
background-position: center top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
#header_main {
height: 354px;
width: 940px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
background-image: url(images/header_bg2.png);
background-repeat: no-repeat;
background-position: right;
#submit_cont {
float: left;
margin-top: 233px;
margin-left: 435px;
font-size: 18px;
font-family: Georgia;
font-style: italic;
#submit_cont a {
color: #FFFF00;
text-decoration: none;
#submit_cont a:hover {
text-decoration: underline;
#sidebar {
float: left;
width: 380px;
clear: both;
#maincontent {
width: 540px;
margin-left: 400px;
font-family: Georgia;
line-height: 1.6em;
#banner_1_cont {
height: 235px;
width: 380px;
background-image: url(images/banner_1_q1.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
clear: both;
float: left;
#banner_1_cont p {
font-family: Georgia;
font-size: 13px;
font-style: italic;
color: #000000;
margin-top: 175px;
margin-left: 15px;
position: relative;
#maincontent ol {
list-style-position: inside;
#maincontent h3 {
font-size: 26px;
#pitch_container ul li {
font-family: Georgia;
font-size: 26px;
font-style: italic;
line-height: 1.6em;
color: 1e1e1e;
Similar Messages
-
Spry Sliding Panel bugs with Flash SWF, iFrames, CSS background images
Greetings,
I'm working on a site right now that is build with Spry 1.6
Sliding Panels. On the home panel I have integrated a looping SWF,
and scrolling iFrames on the Overview panel. After extensive
research on these forums, I'm still scratching my head at a few
bugs listed below:
• Firefox (MAC v2.0.0.14)
- The SWF on the home panel doesn't hide properly when
sliding to a different panel. I have set 'wmode opaque' parameters
to the flash file, but this seems to have not resolved the issue.
- Additionally, I've noticed that sometimes the SWF will not
finish sliding into the correct position when clicking to the home
panel (the SWF will stop sliding several pixels left of the
original positioning).
- The SWF (which happens to be a loop animation) resets every
time the home panel is visited. In my testing, this does not happen
in any other browser.
- On the Overview panel, scrolling iFrames are used on the
"Staff Profiles". These iFrames don't hide properly when clicking
through other panels, as the scroll bars are still viewable.
- Overall, the sliding animation is a bit choppy compared to
all other browsers. I can live with this, but I wonder if I have
improper code somewhere?
• Opera (MAC v9.27)
- Same issue as above concerning the fact that the SWF
appears outside of the sliding panel view port.
• IE 6
- CSS background images flash during the sliding panel
animation.
* Site page links *
Main URL
Home
Page iFrame
Overview
Page iFrame
* CSS *
Main
site-wide CSS
Sliding
Panels CSS
* Scripts *
Sliding
Panels Sript
Any suggestions, pointers would be much appreciated!
Cheers,
ChrisGreetings,
I'm working on a site right now that is build with Spry 1.6
Sliding Panels. On the home panel I have integrated a looping SWF,
and scrolling iFrames on the Overview panel. After extensive
research on these forums, I'm still scratching my head at a few
bugs listed below:
• Firefox (MAC v2.0.0.14)
- The SWF on the home panel doesn't hide properly when
sliding to a different panel. I have set 'wmode opaque' parameters
to the flash file, but this seems to have not resolved the issue.
- Additionally, I've noticed that sometimes the SWF will not
finish sliding into the correct position when clicking to the home
panel (the SWF will stop sliding several pixels left of the
original positioning).
- The SWF (which happens to be a loop animation) resets every
time the home panel is visited. In my testing, this does not happen
in any other browser.
- On the Overview panel, scrolling iFrames are used on the
"Staff Profiles". These iFrames don't hide properly when clicking
through other panels, as the scroll bars are still viewable.
- Overall, the sliding animation is a bit choppy compared to
all other browsers. I can live with this, but I wonder if I have
improper code somewhere?
• Opera (MAC v9.27)
- Same issue as above concerning the fact that the SWF
appears outside of the sliding panel view port.
• IE 6
- CSS background images flash during the sliding panel
animation.
* Site page links *
Main URL
Home
Page iFrame
Overview
Page iFrame
* CSS *
Main
site-wide CSS
Sliding
Panels CSS
* Scripts *
Sliding
Panels Sript
Any suggestions, pointers would be much appreciated!
Cheers,
Chris -
Background does not appear when set.
Hi,
My backgrounds do not appear when I set them.
Product name: HP 1000 1408AU
I have a photo on my desktop which i would like to be et as my background image and when i right click and select 'set as background image' it does not appear, the background just stays at blank. However when i tap the windows symbol on the keyboard (which takes us to the tiles) the desktop tile has my background image i selected. But when i click the desktop tile it does not come up.
This issue has been happening for at least 3 months.
Also when i go into the control panel, and then under the 'Appearance and Personalization' label, there is the 'Change destop background'. When i click this and select my image, and then click save changes it does not appear.
Also under the same 'Appearance and Personalization' label, when i click the 'change the theme' button, it says the image i selected is set to my desktop background, but it isnt. The background on my desktop is still blank. (blank black).
Could someone please help me with this issue?
Thanks.
P.s when explaining how to fix it please give simple straight forward instructions e.g click this then that then this......
Thanks again.
below is what my background looks like (even when an image is set)
This question was solved.
View Solution.Hi Russell
Welcome to HP Support Forums!
See if this tutorial help you:
http://www.eightforums.com/tutorials/29777-background-show-image-solid-color-windows-8-8-1-a.html
Regards
Visruth
++Please click KUDOS / White thumb to say thanks
++Please click ACCEPT AS SOLUTION to help others, find this solution faster
**I'm a Volunteer, I do not work for HP** -
Tax code not appearing in Header data of MIRO
Dear All,
I have one query and it is as follows.
I created one Input tax code A3 in transaction FTXP.
When I went to transaction MIRO this tax code A3 is not appearing in header data of MIRO.
Can you pls tell is there any other settings to be done to fullfill the above requirment.
Thanks in advance
BabuHi
Create a tax code in FTXP
Then assigen tax code to company code
Maintain condition records FV11
Try it out
Regards,
Raman -
http://www.benefitsinc.com
Images not appearing on website, site looks fine in safari and ie,
Firefox 11The first to do in cases like this if you've uploaded new files is to reload web page(s) and bypass the cache.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC)
You have images on your web page that have a backslash in the URL that Firefox escapes a %5C and that do not work.<br />
You can see those images as grayed in the Tools > Page Info > Media window.
*http://www.benefitsinc.com/images%5Cwb5.jpg
*http://www.benefitsinc.com/images%5CBI-Button1.jpg
*http://www.benefitsinc.com/images%5CBCo-Button1.jpg
*http://www.benefitsinc.com/images%5CBT-Button1.jpg
*http://www.benefitsinc.com/images%5CBP-Button1.jpg
*http://www.benefitsinc.com/images%5CBX-Button1.jpg
*http://www.benefitsinc.com/images%5CBTX-Button.jpg
*http://www.benefitsinc.com/images%5CBHR-Button1.jpg
*http://www.benefitsinc.com/images%5CBTK-Button.jpg -
hi all
after i upgraded to version 1.6 the images not appears
in htmlDB pages . although the path of the images is
right when i check the source of the html page !!hi
in the file ../Apache/modplsql/conf/marvel.conf
i have the line
Alias /i/ "/oracle/oracle10g/product/10.1.0/html_db/marvel/images/"
which is the exact physical path
and here is the source of one of the images that not appears in the html page (from the properties of the image)
http://wfpas:7777/oracle/oracle10g/product/10.1.0/html_db/marvel/images/htmldb/oracle_htmldb_logo.gif
and the path and the image are exists -
Image in template background do not appear in browser
Hello all
I run a site ( http://ntp.neuroscience.wisc.edu/ ) that uses templates for backgrounds/spry menus for its pages. We currently use three templates to display backgrounds across the site and up until a few days ago everything displayed fine, until suddenly the main banner picture (bannerIndex.jpg) dissapeared from across all our pages, both in IE8 and Firefox 3.5. It used to display above the red spry menu tabs on the top of the whitespace. Check the index.dwt file attached to see where exactly. To my memory I didnt edit any of the templates or delete any of the image files, much less reupload the templates or download them from the remote server. I went back and reinserted all the pics into the templates, made sure they were attached to their right pages, and uploaded everything, but to no avail. the only major edit to the site I can remember that might have had an effect was that I rearraged some files on the local/remote server, but the shifts were within the same directory level and the files involved were not templates. I shifted everything back to their original order and still the problem persists. I'm attaching the code below (site first follow by the template which attaches to it) as it shows in the dreamweaver code editor (i'm using dreamweaver cs3) and I'll also attached the actual html and dwt files. again, the picture that does not show is bannerIndex.jpg and it should be above the spry menu tabs.
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Neuroscience Training Program</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style3 {
font-size: 18px;
color: #FF0000;
-->
</style>
<style type="text/css">
<!--
.style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
-->
</style><!-- InstanceEndEditable -->
<link href="Templates/index.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="images/brain.ico">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix/pngfix.js"></script>
<![endif]-->
</head>
<body background="images/bgstripes2.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td class="banner" colspan="7"><img src="images/bannerIndex.jpg"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td class="button">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="programlist.html">Program</a>
<ul>
<li><a href="program/welcome.html">Welcome</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="news.html">Recent News</a></li>
<li><a href="program/highlights.html">Overview</a></li>
<li><a href="program/progress.html">Getting a Degree</a></li>
<li><a href="program/courses.html">Graduate Courses</a></li>
<li><a href="program/seminar/seminar.html">Seminars</a></li>
<li><a href="program/lecture.html">Lecture Series</a></li>
<li><a href="program/jrnlclub.html">Journal Clubs</a></li>
<li><a href="program/map.html">Directions</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="researchlist.html">Research</a>
<ul>
<li><a href="research/strengths.html">Strengths</a></li>
<li><a href="faculty/facultyMain.php">Faculty Research</a></li>
<li><a href="students/studentMain.php">Student Research</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar3" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="admissionslist.html">Admissions</a>
<ul>
<li><a href="admissions/admission.html#admissions">Requirements</a></li>
<li><a href="admissions/admission.html#materials">Application</a></li>
<li><a href="admissions/admission.html#aid">Financial Aid</a></li>
<li><a href="admissions/feegrant.html">Fee Grants</a></li>
<li><a href="admissions/admission.html#status">Application Status</a></li>
<li><a href="admissions/faq.html">FAQ's</a></li>
<li><a href="admissions/checklist.html">Check List</a></li>
<li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar4" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="resourcelist.html">Resources</a>
<ul>
<li><a href="resource/currstudents/currstudents.html">Current Students</a></li>
<li><a href="resource/coursePages.html">Course Pages</a></li>
<li><a href="resource/midlevel.html">Course Requirements</a></li>
<li><a href="resource/StudForms/studforms.html">Forms</a></li>
<li><a href="resource/alumni/alumni.html">Alumni Directory</a></li>
<li><a href="univlist.html">The University</a></li>
<li><a href="resourcelist.html#moreResources">More Resources</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar5" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="eventslist.html">Events</a>
<ul>
<li><a href="events/AnnualPicnic/index.htm">Annual Picnic</a></li>
<li><a href="events/SumGradFair/index.htm">Graduate Fair</a></li>
<li><a href="events/k-12.htm">K-12 Outreach</a></li>
<li><a href="events/PosterFair/index.htm">Poster Fair</a></li>
<li><a href="events/ReSymp/index.htm">Research Symposium</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar6" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="undergradlist.html">Undergrad</a>
<ul>
<li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
Neurobiology Major Option</font></a></li>
<li><a href="undergrad/ugcourses.html">Undergraduate Courses</a></li>
<li><a href="undergrad/resopp.html">Research Opportunities</a></li>
<li><a href="undergrad/reaward.html">Research Awards</a></li>
<li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
<li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
<li><a href="undergrad/sciencejobs.html">Jobs in Science</a></li>
<li><a href="admissions/admission.html">Application</a></li>
</ul>
</li>
</ul>
</td>
<td width="100px"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="topbox"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="middlebox"><div class="content"><!-- InstanceBeginEditable name="content" -->
<span style="float:right; padding-left:5px;">
<img src="Images/quickLinks2.png" alt="Quick Links" width="200" height="35" align="top">
<div style="width:200px; border-width:5px; border-style:solid; border-color:cccccc; padding:5px;">
<li class="newbullet"><a href="admissions/admission.html#admissions">Admission Requirements</a></li>
<li class="newbullet"><a href="faculty/facultyMain.php">Faculty Research</a></li>
<li class="newbullet"><a href="resource/midlevel.html">Mid-Level Courses</a></li>
<li class="newbullet"><a href="research/strengths.html">Research Strengths</a></li>
<li class="newbullet"><a href="program/seminar/semsch.html">Seminar Schedule</a></li>
<li class="newbullet"><a href="resource/StudForms/studforms.html">Student Forms</a></li>
</div>
</span>
<a href="http://www.wisc.edu" target="_blank"><img border="0" align="left" src="images/uw_logo.gif" alt="Bascom Hill" width="150" /></a>
<p>The Neuroscience Training Program was established in 1971. Currently, it comprises over 80 faculty members whose research interests range from molecular neurobiology to integrative systems and computational modeling. The program is designed to prepare students for careers in research and teaching. Training leads to the Ph.D. degree in neuroscience or the M.D./Ph.D. degree in cooperation with the School of Medicine and Public Health.</p>
<img src="images/program_research.png" /><br />
<span style="float:right;">
<div class="newsbox">
<li class="newbullet2"><em><a href="news.html#anesthesia">Brain Responses During Anesthesia Mimic Those During Natural Deep Sleep</a></em> <br>
<a href="faculty/tononi.html">Giulio Tononi</a> and <a href="faculty/pearce.html">Robert Pearce</a> investigate where we go when we're sedated.
<hr>
</li>
<li class="newbullet2"><em>Donated Fat Could Play Key Role in Neurosurgery</em> <a href="news.html#lipo">John S. Kuo</a> elevates fat's use from waste to healer.
<hr>
</li>
<li class="newbullet2"><em>Depression saps endurance of brain's reward circuitry.</em> <a href="news.html#depression">Richard Davidson</a> and others discover depression's true nature.
<hr>
</li>
</li>
<li class="newbullet2"><em>Can Meditation Sharpen Our Attention? </em><a href="news.html#attention">Richard Davidson</a> rethinks how we can wield our focus.
<hr>
</li>
<li class="newbullet2">Synaptotagmin Plays a Critical Role in Initiating Cellular Fusion</em> features <a href="news.html#chapman">Edwin Chapman</a>
<hr>
</li>
<li class="newbullet2">Wisconsin team grows retina cells from skin-derived stem cells </em>features <a href="news.html#retina">Su-Chun Zhang</a><br>
<hr>
</li>
<li class="newbullet2">Reduced diet thwarts aging, disease in monkeys </em> features <a href="news.html#reduceDiet">Sterling Johnson</a></li>
<hr>
<li class="newbullet2">Seeing with your tongue: BrainPort device brings sight to the blind </em> features <a href="news.html#seeingTongue">Paul Bach-y-Rita</a>
<hr>
</li>
<li class="newbullet2">Special protein helps maintain an efficient brain</em> features <a href="news.html#ebrain">Edwin R. Chapman</a></li>
<hr>
<li class="newbullet2">Researchers use brain interface to post to Twitter</em> features <a href="news.html#twitter">Justin Williams</a></li>
<hr>
<li class="newbullet2">When Minutes Matter</em> features<a href="news.html#minutes"> John Kou</a></li>
<hr>
<li class="newbullet2">Sleep: Spring Cleaning for the Brain? </em> features<a href="news.html#sleep"> Giulio Tononi and Chiara Cirelli</a></li>
<hr>
<li class="newbullet2">Study of Cat Diet Leads to Key Nervous System Repair Discovery </em> features<a href="news.html#cat"> Ian Duncan</a></li>
<hr>
<li class="newbullet2">Building a better brain </em> features<a href="news.html#Bbb"> Richard Davids</a></li>
<hr>
<li class="newbullet2"><i>Amazing Aimee</i> features<a href="news.html#aimee"> Aimee Arnoldussen</a></li>
<hr>
<li class="newbullet2"><i>Researchers Hail Obama's Order Removing Stem Cell Restrictions</i> features<a href="news.html#obama"> Clive Svendsen</a></li>
<hr>
<li class="newbullet2"><a href="news.html#restoration"><i>Let the Restoration Begin</i></a></li>
<hr>
<li class="newbullet2"><i>4th Annual Wisconsin Stem Cell Symposium: Cancer, Stem Cells and Cancer Stem Cells</i> features <a href="news.html#Symposium">John S. Kuo</a></li>
<hr>
<li class="newbullet2"><i>Psychoactive compound activates mysterious receptor</i> features <a href="news.html#psychoactive">Arnold Ruoho</a></li>
<hr>
<li class="newbullet2"><i>How do you mend a broken heart? Maybe someday with stem cells made from your skin</i> features <a href="news.html#brokenheart">Clive Svendsen</a>/li>
<hr>
<li class="newbullet2"><i>Mouse study reveals genetic component of empathy</i> features <a href="news.html#mouse">Jules Panksepp</a></li>
<hr>
<li class="newbullet2"><i>Early childhood stress has lingering effects on health</i> features <a href="news.html#childhood">Seth Pollak</a></li>
<hr>
<li class="newbullet2"><i>Genetic change prevents cell death in mouse model of Parkinson’s disease</i> features <a href="news.html#celldeath">Jeffrey Johnson</a> (NTP faculty)</li>
<hr>
<li class="newbullet2"><i>Protein that regulates hormones critical to women’s health found in pituitary</i> features <a href="news.html#protein">Meyer Jackson and Edwin Chapman</a> (NTP faculty)</li>
<hr>
</div>
</span>
<div class="newsbox">
<li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#roundtable">Richard Davidson</a> is featured to speak at University Roundtable</span>
<hr>
<li class="newbullet2"><span class="style1 style1 style1"><a href="students/balakrishnan.html">Shilpashree Balakrishnan</a> has been honored with a Vilas Travel Award</span>
<hr>
</li> <li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#Davidson">Richard Davidson's</a> research inspires art, dance, and insight on what it means to change.</span>
<hr>
</li>
<li class="newbullet2"><a href="news.html#Krencik">Robert <span class="style1 style1 style1">Krencik's </span></a><span class="style1 style1 style1">research will be featured at the National Graduate Student Research Festival.</span><a href="news.html#sleepPerformance"><strong><br>
</strong></a>
<hr>
</li>
<li class="newbullet2"><a href="news.html#sleepPerformance">Dr. Michael Peterson</a> is looking for males to participate in a study investigating sleep and performance</li>
<hr>
<li class="newbullet2"><a href="news.html#Kile">Kile Mangan</a> receiving an Epilepsy Foundation's Health Sciences Student Fellowship Award</li>
<hr>
<li class="newbullet2"><a href="news.html#Ashutosh">Ashutosh Dharap</a> received an American Heart Association Predoctoral Fellowship Award</li>
<hr>
<li class="newbullet2"><a href="news.html#AnnKelley">Ann Kelley</a> Fellowship in Behavioral Neuroscience</li>
<hr>
<li class="newbullet2">Undergrad. Summer Job in <a href="news.html#iskandar">Iskandar lab</a></li>
<hr>
<li class="newbullet2"><em>Stem-cell researcher lured to L.A.</em> features <a href="news.html#L.A.">Clive Svendsen</a></li>
<hr>
<li class="newbullet2"><a href="resource/StudForms/travel.html">Travel Award Application Form</a> is posted, deadline for application is May 20, 2009</li>
<hr>
<li class="newbullet2">1st year NTP student Valerie Grant has received a <a href="news.html#Grant">NSF Graduate Research Fellowship</a></li>
<hr>
<li class="newbullet2">NTP to host reception at <a href="news.html#SfN">2009 SfN</a> meeting in Chicago</li>
<hr>
<li class="newbullet2"><em>Training Scientists with the Skills Needed to Make Public Policy</em> features <a href="news.html#eletter">Ronald Kalil</a></li>
<hr>
<li class="newbullet2">Register for <em><a href="http://ntp.neuroscience.wisc.edu/events/NIH/index.htm">2009 National Institutes of Health Curriculum Workshop</a></em></li>
<hr>
<li class="newbullet2"><em>La Follette students attend law and life sciences conference</em> features <a href="news.html#conference">Patric Hernandez, Lindsay Pascal and Ishmael Amarreh</a></li>
<hr>
<li class="newbullet2"><i>12 finalists named for five spots in Wisconsin Institute for Discovery</i> features <a href="news.html#finalists">Craig Berridge</a></li>
<hr>
<li class="newbullet2"><em>Roundtable unveils spring lineup</em> features <a href="news.html#roundtable">Chiara Cirelli</a> (NTP faculty)</li>
<hr>
<li class="newbullet2"><em>Kemnitz to step down as Primate Center director</em> features <a href="news.html#kemnitz2">Joseph W. Kemnitz</a> (NTP faculty)</li>
<hr>
</div>
<!-- InstanceEndEditable --></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="bottombox"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td width="700px" colspan="7">
<div width="700px" colspan="2" align="center">
<form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
<div>
<b>Search NTP: </b>
<input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
<p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
<p align="center"><font size="2">7225 Medical Sciences Center<br>
1300 University Avenue<br></font>
<font size="2">Madison, WI 53706-1532<br><br></font>
<font size="2">Tel: (608) 262-4932 </font></p>
<p align="center">
<a href="http://www.wisc.edu">UW Home</a>
<a href="http://www.wisc.edu/grad/">Graduate School</a>
<a href="sitemap.htm">Site Map</a></p>
<hr align="center" width="50%">
<p align="center">Copyright © 2003 The Board of Regents of the University
of Wisconsin System<br>
Page Created
<!-- InstanceBeginEditable name="Created" -->February 7, 2008<!-- InstanceEndEditable -->
| Last Updated
<!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
Question or Comments, Please Contact <a href="contact.html">Jenny</a> or <a href="contact.html">Jessica</a> at <a href="mailto:[email protected]">
[email protected]</a><br>
</p></div> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!-- InstanceEnd --></html>
Now Here's the Template
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>List</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="Templates/index.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="../images/brain.ico">
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix/pngfix.js"></script>
<![endif]-->
</head>
<body background="../images/bgstripes2.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td class="banner" colspan="7"><img src="../images/bannerIndex.jpg"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td class="button">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../programlist.html">Program</a>
<ul>
<li><a href="../program/welcome.html">Welcome</a></li>
<li><a href="../contact.html">Contact</a></li>
<li><a href="../news.html">Recent News</a></li>
<li><a href="../program/highlights.html">Overview</a></li>
<li><a href="../program/progress.html">Getting a Degree</a></li>
<li><a href="../program/courses.html">Graduate Courses</a></li>
<li><a href="../program/seminar/seminar.html">Seminars</a></li>
<li><a href="../program/lecture.html">Lecture Series</a></li>
<li><a href="../program/jrnlclub.html">Journal Clubs</a></li>
<li><a href="../program/map.html">Directions</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../researchlist.html">Research</a>
<ul>
<li><a href="../research/strengths.html">Strengths</a></li>
<li><a href="../faculty/facultyMain.php">Faculty Research</a></li>
<li><a href="../students/studentMain.php">Student Research</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar3" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../admissionslist.html">Admissions</a>
<ul>
<li><a href="../admissions/admission.html#admissions">Requirements</a></li>
<li><a href="../admissions/admission.html#materials">Application</a></li>
<li><a href="../admissions/admission.html#aid">Financial Aid</a></li>
<li><a href="../admissions/feegrant.html">Fee Grants</a></li>
<li><a href="../admissions/admission.html#status">Application Status</a></li>
<li><a href="../admissions/faq.html">FAQ's</a></li>
<li><a href="../admissions/checklist.html">Check List</a></li>
<li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar4" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../resourcelist.html">Resources</a>
<ul>
<li><a href="../resource/currstudents/currstudents.html">Current Students</a></li>
<li><a href="../resource/coursePages.html">Course Pages</a></li>
<li><a href="../resource/midlevel.html">Course Requirements</a></li>
<li><a href="../resource/StudForms/studforms.html">Forms</a></li>
<li><a href="../resource/alumni/alumni.html">Alumni Directory</a></li>
<li><a href="../univlist.html">The University</a></li>
<li><a href="../resourcelist.html#moreResources">More Resources</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar5" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../eventslist.html">Events</a>
<ul>
<li><a href="../events/AnnualPicnic/index.htm">Annual Picnic</a></li>
<li><a href="../events/SumGradFair/index.htm">Graduate Fair</a></li>
<li><a href="../events/k-12.htm">K-12 Outreach</a></li>
<li><a href="../events/PosterFair/index.htm">Poster Fair</a></li>
<li><a href="../events/ReSymp/index.htm">Research Symposium</a></li>
</ul>
</li>
</ul>
</td>
<td class="button">
<ul id="MenuBar6" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../undergradlist.html">Undergrad</a>
<ul>
<li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
Neurobiology Major Option</font></a></li>
<li><a href="../undergrad/ugcourses.html">Undergraduate Courses</a></li>
<li><a href="../undergrad/resopp.html">Research Opportunities</a></li>
<li><a href="../undergrad/reaward.html">Research Awards</a></li>
<li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
<li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
<li><a href="../undergrad/sciencejobs.html">Jobs in Science</a></li>
<li><a href="../admissions/admission.html">Application</a></li>
</ul>
</li>
</ul>
</td>
<td width="100px"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="topbox"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="middlebox"><div class="content"><!-- TemplateBeginEditable name="content" class="content"-->
<p>Content stuff goes here!</p>
<!-- TemplateEndEditable --></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="7" class="bottombox"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td width="700px" colspan="7">
<div width="700px" colspan="2" align="center">
<form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
<div>
<b>Search NTP: </b>
<input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
<p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
<p align="center"><font size="2">7225 Medical Sciences Center<br>
1300 University Avenue<br></font>
<font size="2">Madison, WI 53706-1532<br><br></font>
<font size="2">Tel: (608) 262-4932 </font></p>
<p align="center">
<a href="http://www.wisc.edu">UW Home</a>
<a href="http://www.wisc.edu/grad/">Graduate School</a>
<a href="../sitemap.htm">Site Map</a></p>
<hr align="center" width="50%">
<p align="center">Copyright © 2003 The Board of Regents of the University
of Wisconsin System<br>
Page Created
<!-- TemplateBeginEditable name="Created" -->February 7, 2008<!-- TemplateEndEditable -->
| Last Updated
<!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
Question or Comments, Please Contact <a href="../contact.html">Jenny</a> or <a href="../contact.html">Jessica</a> at <a href="mailto:[email protected]">
[email protected]</a><br>
</p></div> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
sorry for the messy code, i inherited this site from the previous employee and havent had a chance to optimize. even though I just joined the forums, thanks for your help!You only need to post a URL to your web site. We can see your code in Browser.
So, your page looks OK to me in Firefox, but when I tried to check it in IE, it choked my browser and closed it.
You have quite a few code validation errors - no document type declaration, etc... Start by fixing these reported errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fntp.neuroscience.wisc.edu%2F
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
CSS for background image not transfering from template to new page
I have a gradient .gif in my templates which suddenly no longer transfers from the template to a new page created from the template. Everything else about the template transfers. I'm using Dreamweaver CS5 on a Mac running OS 10.6. I've pasted the CSS from the template and the new page below. I've tried the usual voodoo--restart program, restart computer, repair permissions, delete preference file, delete personal configuration file.
CSS from Template:
.container {
background-color: #ececec;
background-image: url(../images/faux_column.png);
background-repeat: repeat-y;
height: 650px;
width: 650px;
CSS from page created from Template looks to be the same, but is greyed out in the code, and the background-image entry is not present in the CSS styles inspector:
.container {
background-color: #ececec;
background-image: url(../images/faux_column.png);
background-repeat: repeat-y;
height: 650px;
width: 650px;
Any suggestions greatly appreciated.Unfortunately, I don't yet have a site where I can post the page. I'm new to this, and doing everything locally for now.
After careful rechecking, I found that the links for the template and the child were not the same, as you suspected. So I carefully changed the links to site root relative, which worked for the background CSS in my test image. I then did the same for all of the links to pages on my site, and checked that all were OK with Link Checker in DW. I guess that was a mistake, because now most of them don't work when tested in Firefox--I get the message File not found. Must be doing something wrong. -
Virtual directory in region header background-image not working
I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
I put "/i/" in the background-image's url bacause I am referencing an image in the virtual directory but it didn't work. Please help!!
I have it on APEX.ORACLE.COM:
Workspace: RGWORK
User: TESTER
Password: test123
Application: 41237 CreativeTest
Page: 11
APEX: Application Express 4.0.2.00.07
DB: Oracle 10.2.0.4
Robert
http://apexjscss.blogspot.comsect55 wrote:
I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
<tt>center</tt> is not a valid value for <tt>vertical-align</tt>: should be <tt>middle</tt>.
Firebug reports "Failed to load the given URL" for <tt>/i/hdingBar-BG.gif</tt>. Does this image exist at that location? (Are you talking about apex.oracle.com or your local environment? If it's the latter, check that the <tt>hdingBar-BG.gif</tt> image file exists at the location specified by the virtual directory <tt>/i/</tt> and that the permissions are set to make it readable.) -
Background image not displaying
I'm developing pages that will each have a different background image. i've defined a div with the bg image in it and put that div in the code, but the bg image doesn't show up. i've also tried adding a bg color to the div and that doesn't show up either, so i'm sure it's not a path or file name issue. css & code below.
@import url("./whitespace-reset.css");
@charset "UTF-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
#container {
width: 761px; /* the auto margins (in conjunction with a width) center the page */
border: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
height: 871px;
margin: 0;
padding: 0;
background: #FFFFFF;
#header {
height: 148px;
width: 761px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
#leftside {
width: 158px;
float: left;
margin-top: -38px;
padding: 0px 0px 0px 0px;
#leftside .menu img {
display: block;
margin: 0;
#leftside ul.menu {
padding: 0px 0px 0px 0px;
font-style: none;
margin: 0;
#leftside ul.menu li {
display: inline;
float: left;
margin: 0;
padding: 0;
list-style: none;
#leftspacer {
width: 31px;
float: left;
height: 723px;
margin-top: -38px;
padding-right: 10px;
background-image: url(images/home_spacer_left.jpg);
background-repeat: no-repeat;
#top {
margin-top: 0px;
height: 38px;
padding: 0px 0px 0px 0px;
#top ul.menu {
margin-top: 0px;
margin-left: 189px;
float: left;
padding: 0px 0px 0px 0px;
margin-right: 0px;
margin-bottom: 0px;
list-style: none;
#top ul.menu li {
display: inline;
list-style: none;
float: left;
margin: 0;
padding: 0;
#bottom {
height: 22px;
left: 468px;
#bottom ul.menu {
margin-top: 300px;
margin-right: -23px;
float: left;
margin-left: -61px;
list-style: none;
#bottom ul.menu li {
display: inline;
list-style: none;
float: left;
#mainContent {
margin: 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
padding: 0 0 0 0;
#facilitiesContent {
background: #990000 url(images/facilities_bg.jpg) repeat;
padding: 0;
height: 208px;
margin: 0;
width: 573px;
#footer {
padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#c0b7b2;
height: 22px;
#threepix {
margin-left: 189px;
margin-right: 0px;
height: 114px;
#col1 {
position: relative;
#col1-a {
position: absolute;
width: 275px;
right: 0px;
top: 0px;
#col1-b {
position: absolute;
right: 0px;
width: 275px;
top: 0px;
#pixcopyleft {
margin-left: 189px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
#pixcopyright {
font-size: 1em;
margin-left: 189px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
#footer ul.menu {
margin-left: 189px;
margin-right: 0px;
margin-top: -22px;
padding: 0px 0px 0px 0px;
float: left;
#footer ul.menu li {
display: inline;
list-style: none;
padding: 0px 0px 0px 0px;
float: left;
#footer p {
margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
padding: 10 0;
img.imageleft {
float: left;
margin-left: 0px;
padding: 5px 5px 5px 5px;
img.imageright {
float: right;
padding: 5px 0px 5px 5px;
text-align: right;
.imagecenter {
text-align: center;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 0px;
padding: 5px 5px 5px 5px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0px;
font-size: 1px;
line-height: 0px;
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
margin-bottom: 3px;
<!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" />
<title>Core PIlates Studio </title>
<link href="core.css" rel="stylesheet" type="text/css" />
<body bgcolor="#c0b7b2" onload="MM_preloadImages('images/nav_main_ourteam_roll.jpg')">
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script type="text/javascript">
<!--
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_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_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>
<meta name="description" content="Core Pilates Studio is a classical, fully equipped pilates and Gyrotonic studio convenienly located near Vassar College in Poughkepsie, NY. We offer classical pilates, Gyrotonic and Gyrokinesis in private, semi-private and group sessions." />
<meta name="keywords" content="core pilates studio, pilates, core, gyrotonic, gryokinesis, joeseph pilates, pilates in poughkeepsie, pilates in ny, pilates in new york" />
</head>
<body onload="MM_preloadImages('images/nav_main_home_roll.jpg','images/nav_main_programs_roll.j pg','images/nav_main_schedule_roll.jpg','images/nav_main_rates_roll.jpg','images/nav_main_ ourteam_roll.jpg','images/nav_main_contactus_roll.jpg')">
<div id="container">
<div id="header">
<img src="images/home_header.jpg" align="left" /><a href="index.html"><img src="images/home_logo_core.jpg"></a>
<!-- end #header --></div>
<div id ="top">
<ul class="menu">
<li><a href="facilities.html"><img src="images/subnav_studio_facilities_down.jpg" class="menu"></a></li>
<li><a href="rates.html"><img src="images/subnav_studio_rates_up.jpg" class="menu"></a></li>
<li><a href="hours.html"><img src="images/subnav_studio_hours_up.jpg" class="menu"></a></li>
<li><a href="policies.html"><img src="images/subnav_studio_polocies_up.jpg" class="menu"></a></li>
<li><a href="directions.html"><img src="images/subnav_studio_directions_up.jpg" class="menu"></a></li>
<li><a href="contact-us.html"><img src="images/subnav_studio_contactus_up.jpg" class="menu"></a></li>
<li><img src="images/subnav_studio_back.jpg" class="menu"></li>
</ul>
<!-- end #"top" --></div>
<div id="leftside">
<ul class="menu">
<li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_main_home_roll.jpg',1)"><img src="images/nav_main_home_up.jpg" name="home" width="158" height="39" border="0" id="home" /></a></li>
<li><a href="programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('programs','','images/nav_main_programs_roll.jpg',1)"><img src="images/nav_main_programs_up.jpg" name="programs" width="158" height="39" border="0" id="programs" /></a></li>
<li><a href="the-studio.html"><img src="images/nav_main_thestudio_down.jpg"></a></li>
<li><a href="schedule.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('schedule','','images/nav_main_schedule_roll.jpg',1)"><img src="images/nav_main_schedule_up.jpg" name="schedule" width="158" height="39" border="0" id="schedule" /></a></li>
<li><a href="rates.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rates','','images/nav_main_rates_roll.jpg',1)"><img src="images/nav_main_rates_up.jpg" name="rates" width="158" height="39" border="0" id="rates" /></a></li>
<li><a href="contact-us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact us','','images/nav_main_contactus_roll.jpg',1)"><img src="images/nav_main_contactus_up.jpg" name="contact us" width="158" height="39" border="0" id="contact us" /></a><a href="our-team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('our team','','images/nav_main_ourteam_roll.jpg',1)"><img src="images/nav_main_ourteam_up.jpg" name="our team" width="158" height="39" border="0" id="our team" /></a></li>
<li><img src="images/nav_main_space_below.jpg" /></li>
<li><a href="mailto:[email protected]"><img src="images/home_email.jpg" /></a></li>
<li><img src="images/home_address.jpg" /></li>
<li><a href="special-programs.html"><img src="images/home_logo_special.jpg" /></a></li>
</ul>
<!-- end #leftside --></div>
<div id="leftspacer"></div>
<div id="facilitesContent">
<div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
<h1 align="right">What is Pilates?</h1>
<div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
<div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
<h1 align="right">What is Pilates?</h1>
<div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
<!-- end #facilitiesContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<ul class="menu">
<li><img src="images/nav_bottom_left_space.jpg"></a></li>
<li><a href="index.html"> <img src="images/nav_bottom_home.jpg"></a></li>
<li><a href="programs.html"> <img src="images/nav_bottom_program.jpg"></a></li>
<li><a href="the-studio.html"> <img src="images/nav_bottom_thestudio.jpg"></a></li>
<li><a href="schedule.html"> <img src="images/nav_bottom_schedule.jpg"></a></li>
<li><a href="rates.html"> <img src="images/nav_bottom_rates.jpg"></a></li>
<li><a href="our-team.htm"> <img src="images/nav_bottom_ourteam.jpg"></a></li>
<li><a href="contact-us.html"> <img src="images/nav_bottom_contactus.jpg"></a></li>
</ul>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>Start by fixing the code errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.elixir.biz%2Fcore%2Ffacilitie s.html
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. elixir.biz%2Fcore%2Ffacilities.html
Your document type doesn't match your HTML closing tags. Modify > Page properties > Encoding > choose either HTML or XHTML (transitional) and hit Apply.
Images require an alt attribute for better web accessibility. If you want to skip this for now and add them later, that's OK.
but your code won't validate until you add them to each image.
When you've fixed the code errors, repbulish the page and see if that fixes the problem.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
Spry Menu Background image not working in IE
I have created a website using Dreamweaver CS5 and having trouble with my Spry bar in internet explorer. It looks great in chrome, firefox, etc, but in IE there is a white background instead of my background image and the submenus have moved WAY right.. can someone help me!
SpryMenuBarHorizontal.CSS is below:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 800px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
ul.MenuBarHorizontal li a{
color:#FFF;
ul.MenuBarHorizontal li li{
background-image: url(../images/menu_background1.jpg);
ul.MenuBarHorizontal li li a{
color:#000;
ul.MenuBarHorizontal li li li{
background-image: url(file:///E|/MAIN_website/images/index_06.jpg);
ul.MenuBarHorizontal li li li a{
color:#FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
color:#33CCFF;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 160px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
text-decoration: underline;
/* [disabled]background-image: url(file:///E|/MAIN_website/images/menu_background.jpg); */
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;Because I can't see your site and code in context, I will make a guess that this style is throwing off your alignment:
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
Remove the text-align:center; from the above style.
Instead of centering your list element (li), center the link text (a) itself:
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-align: center;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
If you don't want the submenu text to be centered, do this immediately after the previous style:
ul.MenuBarHorizontal ul a {text-align: left;}
The sub-submenus are also set up by default to be jogged a bit to the right. You can adjust this style:
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
that causes sub-submenus to fly out to the right of the submenus to which they attach.
Submenus themselves (not the sub-submenus) should fall directly under the top menu item by default, once you remove the text-align: center; on the li item (above).
Beth -
DIV Background image not displaying in FF
Hi!
I'm building a floated 3 column DIV layout with a wrapper to center the DIVs. I put a background image in the wrapper to give the appearance of the columns stretching to the bottom of the layout. It displays in IE, but not in FF.
If I give the wrapper a height, the background image shows, but I want the layout to expand as I enter content. My code is below.
I must be missing something. Any tips?
CSS:
#left {
float: left;
width: 200px;
#middle{
float: left;
width: 200px;
#right {
float: left;
width: 200px;
#footer {
background-color: #316262;
float: left;
width: 600px;
clear: both;
#wrapper {
width: 600px;
margin-right: auto;
margin-left: auto;
background-image: url(images/bkg_css_layout.gif);
BODY CODE:
<div id="wrapper">
<div id="left">Content for "left" Goes Here</div>
<div id="middle"> Content for"middle" Goes Here </div>
<div id="right">Content for"right" Goes Here </div>
<div id="footer">Content for "footer" Goes Here</div>
</div>Turns out that I couldn't have a float on my footer with clear:both!
FIXED! YEA! -
Background Image Not Visible in Browser
I have searched the forum but I'm not finding a solution that
works.
I'm trying to put a background .png image in a header. It
shows up in Dreamweaver but not in preview mode. I have an external
style sheet that contains this:
.twoColFixRtHdr #header {
background-repeat: no-repeat;
height: 126px;
width: 770px;
padding: 0;
background-position: left top;
margin: 0px;
background-image: url(assets/pictures/banner_3.png);
My page contains the following:
<div id="header">
<h1 class="banner_title_top">Text</h1>
<h1><span class="banner_title_bottom">Text
</span>
<!-- end #header -->
</h1>
The ".twoColFixRtHdr" is coming from the fact that I'm using
a pre-made Dw CSS layout.
Any help is very appreciated.
JasonShould have made no difference.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"j-hill" <[email protected]> wrote in
message
news:fb4cnk$fku$[email protected]..
> Out of desperation I tried to convert my image to a .jpg
and it seems to
> be working fine.
>
> Thanks,
> Jason -
CSS- Background img not showing up in container
Hello, I am new to css but not to webpages. I used to design
pages using tables and now I want to learn and design using css.
But I'm having trouble and I figure its a quick fix. Note this
website is not on line I am doing my test use IE 7 and Firefox ver
2 PC Ver.
Q: I'm trying to design a website for a client and I am have
trouble try to get my background img to show up in my #container.
Here is sample of my basic layout. Hope some could help me.
@charset "utf-8";
body {
background-color: #271a0b;
background-image: url(../images/bgStrip.gif);
background-repeat: repeat-x;
#container {
width: 100%;
height: 900px;
overflow: hidden;
background-image: url(/images/backGround.jpg);
background-repeat: no-repeat;
background-position: 0;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<link href="asset/screen.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="container">Content for id
"container" Goes Here</div>
</body>
</html>
body background is working. Note: Got the codes samples from
CSS Cookbook, good book learning allot but can't seem to get it to
work. Hope some could help me.If the page in question is one level below the root of the
site, and if the
images folder is at the same level as the root of the site,
then both links
would be correct.
Also, since background-position defaults to "0", there's no
reason to
restate it.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Virginia Carter" <[email protected]>
wrote in message
news:[email protected]...
> Without seeing the page on the web, it's somewhat
difficult to see exactly
> where the problem is, but this is curious:
>
> body {
> background-color: #271a0b;
> background-image: url(../images/bgStrip.gif);
> background-repeat: repeat-x;
> }
>
> #container {
> width: 100%;
> height: 900px;
> overflow: hidden;
> background-image: url(/images/backGround.jpg);
background-repeat:
> no-repeat;
> background-position: 0;
> }
>
> It's looking in two different places for those images:
>
> ../images and /images
>
> Check that and then see if you still have troubles.
>
> --
>
> Virginia Carter
> Carolina Web Creations
> ======================
> www.carolinawebcreations.biz
>
> borgru12 wrote:
>> Hello, I am new to css but not to webpages. I used
to design pages using
>> tables and now I want to learn and design using css.
But I'm having
>> trouble and I figure its a quick fix. Note this
website is not on line I
>> am doing my test use IE 7 and Firefox ver 2 PC Ver.
>>
>> Q: I'm trying to design a website for a client and I
am have trouble try
>> to get my background img to show up in my
#container. Here is sample of
>> my basic layout. Hope some could help me.
>> @charset "utf-8";
>>
>> body {
>> background-color: #271a0b;
>> background-image: url(../images/bgStrip.gif);
>> background-repeat: repeat-x;
>> }
>>
>> #container {
>> width: 100%;
>> height: 900px;
>> overflow: hidden;
>> background-image: url(/images/backGround.jpg);
background-repeat:
>> no-repeat;
>> background-position: 0;
>> }
>>
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
>> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>> <html xmlns="
http://www.w3.org/1999/xhtml">
>> <head>
>> <meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
>> <title>Untitled Document</title>
>>
>> <link href="asset/screen.css" rel="stylesheet"
type="text/css" />
>> </head>
>>
>> <body> <div id="container">Content for
id 'container' Goes Here</div>
>>
>> </body>
>> </html>
>>
>>
>> body background is working. Note: Got the codes
samples from CSS
>> Cookbook, good book learning allot but can't seem to
get it to work. Hope
>> some could help me.
>> -
Background does not appear after applying template
CS4
template defined and saved in template folder.
when applying template to new html page, all transfers but background image does not appear, url is in code but does not find file. any ideas???
body {
background-image: url(file:///F|/projects/BBMD Projects/bbmd site v2/images/bridgelv2.jpg);
background-repeat: no-repeat;
background-color: #D2D2D2;
background-attachment: fixed;
background-position: 75px top;
height: 400px;
width: 600px;
position: inherit;
overflow: scroll;
top: auto;
left: auto;
right: inherit;
font-family: "Lucida Console", Monaco, monospace;
font-size: small;
font-style: normal;
color: #000;
border-top-style: none;
text-align: left;
vertical-align: top;
bottom: auto;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;template defined and saved in template folder.
when applying template to new html page, all transfers but background image does not appear, url is in code but does not find file. any ideas???
If this is a new site and a newly created template, you DON'T need to 'apply' the template.
The best way to create new child pages is to :
FILE>New>Page from Template
There will be a list of any templates you've created, select the correct one and press create. Child page created :-)
Save as newpagename.html (not inside the Template folder though !)
PS; as others have pointed out, the link to the background image is incorrect it's pointing to your harddrive. Is the file within the defined site working folder?
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap
Maybe you are looking for
-
Function keys issue on a Satellite A100-049
Hello, I am new to this forum so please bear with me if I am in error. I have just bought a Satellite A100-049 and inadvertently pressed the F10 key. The LED below the key illuminated and I discovered to my horror that I could not type certain letter
-
Mail crashes when I try to open it
On Saturday Mail crashed, and unless I hold down the SHIFT key, it always crashes when I try to open it. When I hold the SHIFT key down, it opens, but crashes as soon as I click a folder Here is a copy of the error log: Date/Time: 2006-10-02 18:44:16
-
Ipod Classic no longer plays certain songs.
My Ipod 160gb Classic has been working correctly as of lately (or rather, how it usually acts instead of correctly); however, yesterday I plugged my Ipod into my Windows XP computer, Itunes Version 10.1.1.4. After resyncing/connecting/etc. that the I
-
Does "Oracle Net configuration Assistant" and "Net manager" do the same thing or there is any difference. I am not into network administration and was just having a look at the option and was curious about it. Thanks in advance.
-
i use measurement studio for vc6.0 to draw a 3DGraph. now i use Plot3DSurfaceof CNi3DGraph to draw a 3D graph the x data is time,the y data is from 0 to 2048,and the z data is the voltage which is from my usbdevice. so the plot is real time. and i se