Back To Website Design Forum

How do I edit this CSS?

  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 4:20 pm

Well, that's expected - that's on ImageShack's end, not yours.
[edit]Bogey beat me to it. *wink*[/edit]

So, that means the problem is somewhere in your image path, or related to viewing your site offline. Just to verify, when you put "images/kiplingbaptistchurch2.jpg" in the src="" area, it does not show up?

If that's the case, you may be best off to wait until you can upload the website to your host, and once it's up, put the image in place - i.e. it would read:
Code: [ Select ]
<div id="logo">
<img src="http://www.yoursite.com/images/kiplingbaptistchurch2.jpg" alt="Church Picture" />
</div>
  1. <div id="logo">
  2. <img src="http://www.yoursite.com/images/kiplingbaptistchurch2.jpg" alt="Church Picture" />
  3. </div>
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 25th, 2009, 4:20 pm

  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:22 pm

Hmm, I lost my nav bar when I put Bogey's code in.

Best so far was the imageshack list one.
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:24 pm

The problem is everything is set up for the folders they are in. I cannot upload to my host in the folders. They all become one big folder so a lot of things stop working.

Like the path for the style sheet gets messed.
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 4:27 pm

Can you create folders from your hosts site, and them upload the files correspondingly?

For example, from your hosts file manager, create a folder called "images," and them upload everything from the "images" folder on your computer into the one on your host?
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:30 pm

Heh, the link is messed for some reason. Background does not come in. I'll post a screenie of what it should look like.
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 4:36 pm

Ok, you're going to have to do a lot of editing with the CSS to get your images to work right, but fortunately, it's very simple: you need to remove the "../" in the image paths. So:
Code: [ Select ]
background-image:url(../bg.gif);
becomes
Code: [ Select ]
background-image:url(bg.gif);
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:36 pm

Image
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 4:38 pm

Again, just remove the "../" from the image paths in the CSS, and your site will look as it does in the screenshot.
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:41 pm

I think I got it now. But now all the editing I do will have to be over the net...

I still cannot get my church pic in there.
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 4:43 pm

Try this: upload your church pic to your website - just go ahead and put it in the main directory with the bg.gif image and all the others. Then, in your HTML, replace the words "CHURCH IMG HERE" with the following line of code:
Code: [ Select ]
<img src="kiplingbaptistchurch2.jpg" alt="Church Picture" />
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:54 pm

Ohhh, very nice. Now how do I umm, size it?
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 4:58 pm

Nevermind, got it...

Take a look and tell me what you think.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post February 25th, 2009, 5:06 pm

looks good
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 97
  • Loc: Canada
  • Status: Offline

Post February 25th, 2009, 5:11 pm

Thanks for all your help guys.
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 21, 2004
  • Posts: 351
  • Loc: Indiana, USA
  • Status: Offline

Post February 25th, 2009, 5:23 pm

No problem!
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 25th, 2009, 5:23 pm

1, 2

Post Information

  • Total Posts in this topic: 30 posts
  • Users browsing this forum: No registered users and 153 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.