Basic Gray Theme - Home ( Photo...

User 2924428 Photo


Registered User
1,718 posts

I think we're onto something right here, I have my images in my image folder and I used the code and its showing a photo of nothing but at least it's showing a photo! I just got one more question, when I add a picture to image: url ( ../DSCN1104.JPG') ; how do I add it, by insert photo or is there a code for it? Thanks again !- Matt.
User 187934 Photo


Senior Advisor
20,271 posts

For the CSS you have to code the url in.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Ok cool, so if I upload an image to my site I just use http://www.-.com/"picture".jpg? or is there a simpler solution for this. If you e-mail me at wowroller@sbcglobal.net I will send you a test site that I have launched and so you can see what I am trying to do :D Thanks for your help I appriciate it so much!
User 2924428 Photo


Registered User
1,718 posts

If I upload the picture to my ftp what url do I use, something like http://www.roundsandbars.biz/DC15403.JPG? or how do I code in the picture please?
User 187934 Photo


Senior Advisor
20,271 posts

This assumes that your css style sheet is one level down from your images folder. Also make sure that your image actually has .JPG on the end and not .jpg. The HTML editor won't see the difference but a browser will.:)


#photo div h3 {
background-image:url('../images/DSCN1104.JPG') no-repeat;
}


Read this article about absolute-vs-relative-paths/links.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Hello again Eric, I seem to have messed up the css on my site. I am trying to make the photo fit however I used the coding above and it doesn't fit the picture it just makes my backround one big backround. http://test.roundsandbars.biz take a look please I can't get it to change the backround now through CSS. I deleted the link and the picture still shows above it. I attached my default.css so that you can take a look please! . Thanks for the help! - Matt.
Attachments:
User 2924428 Photo


Registered User
1,718 posts

Also I left out the coding which is supposed to be on line 256, I deleted the picture from my FTP and the website came out ok, however my preview in coffeecup just shows a blank and X where the picture should have gone, how do I recode please? :) Thanks!
User 187934 Photo


Senior Advisor
20,271 posts

better take a look at the css for
#photo div h3 {
background-image:url('../images/DSCN1104.JPG') no-repeat;
}

I see your working on it and deleted the image. I'll wait until your done fixing the css above.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Oh I dont want it to be the full backround just fit in the "photo" section of the page ;) I realize its saying photo div but the CSS isn't working in the just photo part of the page. I dunno i'm missing something.
User 187934 Photo


Senior Advisor
20,271 posts

Re-size your photo to 235 high by 380 wide with any photo editor or something close to that as long as none of the dimensions is outside the ones I just posted. Your image is way to big. 4000x3000
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.