Area 51 Area 51 Forum Index FAQ Search Memberlist Usergroups Profile Register Log in to check your private messages Log in

Bookmark this site!
Yes I've tried Google Minty :P

 
Post new topic   Reply to topic    Area 51 Forum Index -> Help Me!!
View previous topic :: View next topic  
Author Message
Vagilik
Veteran Contributer


Joined: 07 Jul 2009
Posts: 494
Location: Las Vegas, NV United States

PostPosted: Sun Nov 08, 2009 7:00 pm    Post subject: Yes I've tried Google Minty :P Reply with quote

Which is why I think I fail at this; I might have a hard time explaining this, whih makes it hard to search. I am trying to link an image to my CSS, but its back a directory and up a directory. anyone know the command line to go back and then back up. (i know once im back to root i can just use "/" to go to my IMG directory)

Any help greatly appreciated.

I tried searching html directory structure, html directory tree, and html directory

Thanks all!
_________________
Keyboard not connected, press F1 to continue.
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
AVARiCE
Lowering the Tone Since 2005


Joined: 23 Sep 2005
Posts: 5780
Location: London, England

PostPosted: Sun Nov 08, 2009 9:39 pm    Post subject: Reply with quote

I'm guessing "back" refers to the parent folder and "up" means another folder in that folder.

As such, you'll want to go back and then type the new folder's name, followed by the file.

Eg: To go from <Root>/CSS/Main.CSS to <Root>/Images/Header.png

You need to use this operator:

../Images/Header.png

Ie <back>/<folder name>/<file name with extension>

There is no "up" operator, you just name the folder.

I think that's what you mean anyway Smile

~ AVARiCE
_________________
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
Vagilik
Veteran Contributer


Joined: 07 Jul 2009
Posts: 494
Location: Las Vegas, NV United States

PostPosted: Mon Nov 09, 2009 12:15 am    Post subject: Reply with quote

yeah i think thats about what im looking for. i tried .. already. maybe im doing something else wrong. thanks though!
_________________
Keyboard not connected, press F1 to continue.
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
Vagilik
Veteran Contributer


Joined: 07 Jul 2009
Posts: 494
Location: Las Vegas, NV United States

PostPosted: Mon Nov 09, 2009 4:48 pm    Post subject: Reply with quote

Ok heres what my style sheet looks like:

Code:
<head>
<style type="text/css">
body

{background-image:url('../img/hacker.gif')}
</style></head>


And here's what my page looks like:

Code:
<html>
<head><link rel="stylesheet" type="text/css"

href="/css/background.css"/>
<title>About Vagilik</title>
<body>

</body>
</html>


I'm still new at this, but I just can't figure out this simple thing and it's driving me nuts. Someone please point out my error
_________________
Keyboard not connected, press F1 to continue.
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
AVARiCE
Lowering the Tone Since 2005


Joined: 23 Sep 2005
Posts: 5780
Location: London, England

PostPosted: Tue Nov 10, 2009 5:33 pm    Post subject: Reply with quote

Is the css folder a step below the html folder? Or is it another folder in the parent folder?

If it's the latter then you need to go:

Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/background.css" />***
<title>About Vagilik</title>
</head>***
<body>

</body>
</html>


The asterixes are only there to show the altered lines, remove them (obviously Razz).

The first thing I did was change the reference to go up a directory, then into css etc. The second was to tidy up that line, there needs to be a space between the last quotes and the slash. I also put it onto one line (ie no line breaks) and separated it from the head opener - just for aesthetics and good practice Smile

I also added a close head tag, which I don't think you had before Smile

Tell me if it works. If not, put the css into the same folder and just reference it like that.

Talking of the CSS file, you've made some mistakes there:

Code:
body

{background-image:url("../img/hacker.gif")}


You don't need the html tags in the file, just the css itself. Also note that it's double quotes! Which would be the above. Personally, if I prefer a different way of formatting my CSS which you might find easier:

Code:

body{
  background-image:url("../img/hacker.gif")
}


It just makes it easier to insert new lines and isolate what you've written.


Just from the way you've done this it looks like you're learning from the w3schools website. It's a great website (especially once you get more advanced) but I always feel like they've not taken enough time to get best practices in at the early stage.

Try www.html.net, they have a really good css tutorial and tell me if it helps you get on a bit better.

~ AVARiCE
_________________
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
Vagilik
Veteran Contributer


Joined: 07 Jul 2009
Posts: 494
Location: Las Vegas, NV United States

PostPosted: Mon Nov 16, 2009 4:43 pm    Post subject: Reply with quote

And it worked and you rock! yea i just copied and pasted from w3 and didn quite understand the structure. ill give your link a try. thanks for the help! I have been checking the forum everyday and never saw this as a new post so i just came and viewed it today lol. Wonder why that wasnt working either. Oh well it's working now. Much appreciated!
_________________
Keyboard not connected, press F1 to continue.
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
AVARiCE
Lowering the Tone Since 2005


Joined: 23 Sep 2005
Posts: 5780
Location: London, England

PostPosted: Mon Nov 16, 2009 10:53 pm    Post subject: Reply with quote

Out of curiosity - what did you change? The HTML or the CSS? Or both maybe?

I'd say that copy pasting is bad, type everything out if only to understand it that tiny bit more - the amount of typo's you'll make which will then need debugging will be priceless. I find debugging anything is the best way of learning about it.

It's ok, the forum is quite buggy. I haven't touched CSS in about two years so it was a hell load of fun going back to it, I've got to admit Very Happy

Enjoy and feel free to post up more if you get stuck (it's kinda fun)!

~ AVARiCE
_________________
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
Vagilik
Veteran Contributer


Joined: 07 Jul 2009
Posts: 494
Location: Las Vegas, NV United States

PostPosted: Tue Nov 17, 2009 12:07 am    Post subject: Reply with quote

Lol you just opened a can of worms AV. maybe.....im sure ill have many coding issues to come. I did have to change both to exactly how you had them (minus the astericks of course) and I hate CSS! but ill be back for more im just glad i got that style sheet so i dont have to keep repeating the code for that background on every page.

My main problem right now is with PHPBB3....but thats a topic all on it's own lol.

Thanks again for the help
_________________
Keyboard not connected, press F1 to continue.
Back to top
View user's profile Send private message Send e-mail Yahoo Messenger MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    Area 51 Forum Index -> Help Me!! All times are GMT
Page 1 of 1

 
Jump to:  
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 vote in polls in this forum


Powered by phpBB © 2001, 2002 phpBB Group
Effex-Media Web Resources
Design by SkaidonDesigns | Distributed by Olate
 
Create your own free forum now!
Terms of Service Purchase Ad Removal Forum Archive Report Abuse