logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 04-19-2014, 08:52 PM   #1
Thelawman
 
Join Date: Apr 2014
Posts: 5
Default Images in browser preview

This may have been asked already but I searched and could not find anything.
When I choose browser preview, all my HTML and CSS styles show up, but none of my images used in css "background-images" show up. I have gone through the preferences and made sure my browser is using temp files.
Thelawman is offline   Reply With Quote
Old 04-20-2014, 02:52 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

Quote:
made sure my browser is using temp files.
not sure what you mean.
i would say the paths are wrong to the images try absolute or /images/.... or ../images even . all guesses as you didnt post your code
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 04-20-2014, 02:30 PM   #3
Thelawman
 
Join Date: Apr 2014
Posts: 5
Default My code

Sorry, I should have posted my code:
Here is the link to my css:
<link rel="stylesheet" class="text/css" href="Stylesheets/main.css" />
Here is part of my css:
div#page1.section {
width:100%;
Height:100%;
min-width:400px;
min-height:400px;
background-image:url(../Images/P1.jpg);
background-repeat:no-repeat;
background-size:100%;
background-color:#000;
margin:-8px 0px 0px -8px;
position:absolute;
z-index:1;
}
so every part of this works except the image doesn't show up...which if I copy and paste this in notepad ++ it works just fine.
Thelawman is offline   Reply With Quote
Old 04-20-2014, 05:47 PM   #4
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

Remove the background colour line.
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Old 04-20-2014, 06:13 PM   #5
Thelawman
 
Join Date: Apr 2014
Posts: 5
Default Still nothing

Deleted the background-color line....still nothing...none of my images show in browser preview..I can see them all in design view. I can see all my HTML elements (minus images) and see all of my CSS styles (minus background images)
Thelawman is offline   Reply With Quote
Old 04-20-2014, 08:27 PM   #6
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

Try increasing the z index to 1000.

If this doesn't work link your HTML and I have a proper look just on my iPad at the min.
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Old 04-21-2014, 01:18 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

just to state the obvious, the remote file has folders Stylesheets and Images not stylesheets and images
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 04-21-2014, 02:06 PM   #8
Thelawman
 
Join Date: Apr 2014
Posts: 5
Default Oh well

I do have a separate "stylesheets" folder where I keep my .css files
, as well as, an images folder. Why did you say "to state the obvious"? Is there an issue with keeping .css and images in separate folders?

I tried the z-index thing. I'm starting to wonder if it's just dreamweaver, as the z-index did not work. After changing it back, some not all, of my html objects are now missing in browser preview (all i I did was change the z-index to 1000 and back). Everything looks great in design view, but it is quite challenging without knowing what it looks like in a browser. I created another folder and just copy and pasted my dreamweaver code into notepad++ opened the html file in chrome and it looks great.
Thelawman is offline   Reply With Quote
Old 04-21-2014, 02:11 PM   #9
Thelawman
 
Join Date: Apr 2014
Posts: 5
Default Code

<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>Title</title>

<!-- Stylesheets -->
<link rel="stylesheet" class="text/css" href="Stylesheets/main.css" />


</head>

<body>
<div id="container">
<div id="page1" class="section">
<div id="header">
<div id="icon">
<a>
<span class="icon">
<img src="Images/menu_ico.png" />
</span>
<span>MENU</span>
</a>
</div>
<div id="location">
<h2>Welcome to Courtwright</h2>
</div>
<div class="logo">
<a href=""><img src="Images/LogoV.2.png" alt=""></a>
</div>
</div>
</div>
</div>
</body>
</html>
Thelawman is offline   Reply With Quote
Old 04-21-2014, 10:21 PM   #10
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

Dreamweaver won't have any affect if you are previewing in the browser.

If you open the site files in chrome and the images are viewing there's not a problem. Have you tried emptying your cache and then using the preview in browser feature?

CSS and images are best kept in separate folders.

By the way your selector is way too specific you don't need and shouldn't select things by id tag and class, just use .section

If you still suspect that there's a problem zip the folder and email it to me and I'll check it in the morning too late now.

richard@qwerty-design.co.uk

Cheers
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:17 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com