bough
Registered User
1,718 posts
Hey guys, I was wondering if I placed my image coding in the wrong area, I got the code off of dynamic drive, visit www.craigjuddpinstriping.net and you can see my .imageborder and my div id class however it's located in my index, so I was wondering how do I get an image wrap? Thanks guys
bough
Registered User
1,718 posts
Also, I tried starting my own div, heres the code..
It's for me to change around from img1, 2, 3, 4 ,5 so that I can put up pictures around the site, but the markup isn't working.. I don't know what's wrong with it, but its a div id right, or should I make it a class?
#img1
{
background: url() top right no-repeat;
position: absolute;
top: 0px;
left: 30px;
width: 400px;
height: 150px;
border: none;
padding-bottom: 0px;
}
{
background: url() top right no-repeat;
position: absolute;
top: 0px;
left: 30px;
width: 400px;
height: 150px;
border: none;
padding-bottom: 0px;
}
It's for me to change around from img1, 2, 3, 4 ,5 so that I can put up pictures around the site, but the markup isn't working.. I don't know what's wrong with it, but its a div id right, or should I make it a class?
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
This will get you close.
div{border:20px solid transparent;
width:1000px;
padding:10px 20px;
}
.imageborder {
-moz-border-image:url(bg_1.png) 30 30 30 30; /* Old Firefox */
-webkit-border-image:url(bg_1.png) 30 30 30 30; /* Safari */
-o-border-image:url(bg_1.png) 30 30 30 30; /* Opera */
border-image:url(bg_1.png) 30 30 30 30;
}
width:1000px;
padding:10px 20px;
}
.imageborder {
-moz-border-image:url(bg_1.png) 30 30 30 30; /* Old Firefox */
-webkit-border-image:url(bg_1.png) 30 30 30 30; /* Safari */
-o-border-image:url(bg_1.png) 30 30 30 30; /* Opera */
border-image:url(bg_1.png) 30 30 30 30;
}
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
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
bough
Registered User
1,718 posts
thank you once again Eric 
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
Your welcome, You'll have to mess with it a little. There was a large gap between the border image and the logo image at the top that needs attention but I figured you could mess with that. If you break it come back here and grab the code again. You may need to change the div css to some class for your page so it doesn't effect other div's.
You may need to change the div css to some class for your page so it doesn't effect other div's.
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
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
bough
Registered User
1,718 posts
Got it how I want.. I can read and alter code, for some reason my brain doesn't work right when it comes to writing my own.. can you take a look at this code, and tell me what I can do to create multiple images positioned differently on the site? Almost like framework, this is my code, but it doesn't work..
I was going to make it a div id but now i'm thinking I should create a class instead, what do you think?
#img1
{
background: url() top right no-repeat;
position: absolute;
top: 0px;
left: 30px;
width: 400px;
height: 150px;
border: none;
padding-bottom: 0px;
}
{
background: url() top right no-repeat;
position: absolute;
top: 0px;
left: 30px;
width: 400px;
height: 150px;
border: none;
padding-bottom: 0px;
}
I was going to make it a div id but now i'm thinking I should create a class instead, what do you think?
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
Can you provide a link where you have this on a page. Your using absolute positioning so I wouldn't use a class. You would write this for each image and assign them both their own div id.
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
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
bough
Registered User
1,718 posts
sure hey Eric, I downloaded a theme from CoffeeCup and am using it, however the header_bg code isn't showing up anywhere, I did a control+f to find the listing but it wasn't in the css, or the html.. isn't that odd?
Eric Rohloff
Senior Advisor
20,267 posts
Online Now
I would try downloading it again and unzipping it again. Post back.
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
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
bough
Registered User
1,718 posts
Nope, the header_bg is not showing up.. I don't know what's wrong.. , on another note, my img1 code hasn't worked either 
, visit craigjuddpinstriping.net and check it out, I thought I did everything right but it's not showing up..
, visit craigjuddpinstriping.net and check it out, I thought I did everything right but it's not showing up..
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.
