What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Sorry for being noob but..

Sorry for being noob but..
Author: Message:
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. Sorry for being noob but..
What is wrong in here!?


code:
<style type="text/css">
#a.about {
    background-image: url(images/about.jpg);
    width: 59px;                   
    height: 41px;                   
    border:none;
    display: block;
    }
#a.about:hover {
background-image: url(images/abouthover.jpg);
}
</style>

<div id="about">
<a class="about" href="http://www.google.pt" ></a>
</div>


It isnt working .. :/

This post was edited on 07-11-2006 at 10:05 PM by paperless.
07-11-2006 10:04 PM
Profile E-Mail PM Find Quote Report
Nathan
Veteran Member
*****

Avatar
Yeah, "large dimensions" ;)

Posts: 2984
Reputation: 76
– / Male / Flag
Joined: Apr 2005
RE: Sorry for being noob but..
code:
<style type="text/css">
#a.about {
background-image: url(images/about.jpg);
width: 59px;                   
height: 41px;                 
border:none;
display: block;
}
#a.about:hover {
background-image: url(images/abouthover.jpg);
}
</style>

<div id="about">
<a class="about" href="http://www.google.pt" ></a>
</div>

in the ( ) tags you have forogtten: ' or "

So this should work:

code:
<style type="text/css">
#a.about {
background-image: url('images/about.jpg');
width: 59px;                   
height: 41px;                 
border:none;
display: block;
}
#a.about:hover {
background-image: url('images/abouthover.jpg');
}
</style>

<div id="about">
<a class="about" href="http://www.google.pt" ></a>
</div>
Touch Innovation - touch friendly programs/applications for the windows mobile!


07-11-2006 10:07 PM
Profile E-Mail PM Web Find Quote Report
ShawnZ
Veteran Member
*****

Avatar

Posts: 3145
Reputation: 43
32 / Male / Flag
Joined: Jan 2003
RE: Sorry for being noob but..
you're not supposed to put an # before tag names in css..
Spoiler:
07-11-2006 10:08 PM
Profile PM Web Find Quote Report
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. RE: Sorry for being noob but..
quote:
Originally posted by ShawnZ
you're not supposed to put an # before tag names in css..

lol thanks a lot that was exactly the problem :D
07-11-2006 10:10 PM
Profile E-Mail PM Find Quote Report
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. RE: Sorry for being noob but..
Sorry again people but how can i put this in the horizontal?

[Image: capt28112005221833110620062221.jpg]


Heres the full code:

code:
<style type="text/css">

a.about {
background-image: url('images/about.jpg');
width: 59px;                   
height: 41px;                 
border:none;
display: block;
cue-after:none;
}
a.about:hover {
background-image: url('images/abouthover.jpg');
}
</style>

<div id="about">
<a class="about" href="http://www.google.pt" ></a> <a class="about" href="http://www.google.pt" ></a></div>
07-11-2006 10:56 PM
Profile E-Mail PM Find Quote Report
ShawnZ
Veteran Member
*****

Avatar

Posts: 3145
Reputation: 43
32 / Male / Flag
Joined: Jan 2003
RE: Sorry for being noob but..
float: left;
width: 59px;
height: 100%;
Spoiler:
07-11-2006 11:09 PM
Profile PM Web Find Quote Report
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. RE: Sorry for being noob but..
Thanks shawnz, i dunno why but instaed of 100% i had to use 41px (which is equivalent to 100%).
07-11-2006 11:17 PM
Profile E-Mail PM Find Quote Report
Val
Senior Member
****

Avatar

Posts: 698
Reputation: 45
31 / Other / Flag
Joined: Jun 2004
RE: Sorry for being noob but..
Hmm I can see that you are using a bit too much code there...
here is a more optimized version:
code:
<style type="text/css">

#about a{
background-image: url('images/about.jpg');
float: left;
width: 59px;                   
height: 100%;                 
border:none;
display: block;
cue-after:none;
}
#about a:hover {
background-image: url('images/abouthover.jpg');
}
</style>

<div id="about">
<a href="http://www.google.pt" ></a> <a href="http://www.google.pt" ></a></div>

As you can see now that "#about a" and "#about a:hover" is defined you don't need to put " class="about" " in the link element. I have bolded what I changed ;)
Hopefully you may find this helpfull :P

This post was edited on 07-11-2006 at 11:48 PM by Val.
Menthix:
Anonymous doesn\'t have a leader.
Anonymous is the leader of ShawnZ.

Max:
True. But deep down, we all know.
ShawnZ is incharge.
he is /b/ in human form.
07-11-2006 11:48 PM
Profile PM Web Find Quote Report
RaceProUK
Elite Member
*****

Avatar

Posts: 6073
Reputation: 57
39 / Male / Flag
Joined: Oct 2003
RE: Sorry for being noob but..
quote:
Originally posted by ShawnZ
float: left;
width: 59px;
height: 100%;
Wouldn't it be simpler to use 'display: inline;'? Since inline is what he wants.

Edit: And to force it to be a navbar:
#about {
    display: block;
}

This post was edited on 07-13-2006 at 10:44 AM by RaceProUK.
[Image: spartaafk.png]
07-13-2006 10:43 AM
Profile PM Web Find Quote Report
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On