...

View Full Version : IMG link and backgroundimage



Energia
10-25-2011, 06:37 PM
1. I donīt know why the link of "partners of Koanuka webTV" is not working?
2. Why the a:hover is working on the meny bar but not on the "globe buttons"?
3. Does the backgroundImage (of film roll) show up in diffrent sizes of screens? If not can I controll this somehow?

Here is my projekt: www.koanuka.com/webtv

Excavator
10-25-2011, 07:18 PM
Hello Energia,

1. I donīt know why the link of "partners of Koanuka webTV" is not working?
When I click on Partners, it takes me to http://www.koanuka.com/webtv/partners.html
Is that not what it's supposed to do?




2. Why the a:hover is working on the meny bar but not on the "globe buttons"?


Looks like a spelling error. See the s I've added, highlighted in red:

/* programval */
#programs ul {width: 130px; padding: 0px; margin-bottom: 10px;}
#programs li {list-style-type: none; float: left;}
#programs li a {float: left;}

#programs a:hover img{visibility: hidden;}





3. Does the backgroundImage (of film roll) show up in diffrent sizes of screens? If not can I controll this somehow?


I see the film roll background bahia_brasil.jpg

teedoff
10-25-2011, 07:37 PM
1) I dont see any link ON "Partners of Koanuka WebTV"

Can you post the code for the link you say you have?

Your filmroll image disappears on the right side in screen sizes less than the page width you've specified...1100px I believe.



When I click on Partners, it takes me to http://www.koanuka.com/webtv/partners.html
Is that not what it's supposed to do?


I thought he was referring to the image lower right that says "Partners of Koanuka webTV".

Excavator
10-25-2011, 07:59 PM
1)
I thought he was referring to the image lower right that says "Partners or Koanuka webTV".

You must be right, I hardly looked for it.

See how the link on the TV icon is covered by another div. Apply this background color to show what's happening -
.twtr-widget{
position:relative;
font-size:12px!important;
font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;
background: #f00;
}

And there is no link on "Partners of Koanuka webTV"

Energia
10-25-2011, 10:38 PM
Thank you Exavator and teedoff for your eyes!
Great to have somebody looking at the code when you get totaly blind, I spend hours trying to fins why the a:hover did not work, thanks Exavator, good eye!

I did not explain the link problem good. At the first page there is an link under a picture with the text "Partners of Koanuka" And then it is a link to TV pelourinho that donīt really work to click on.

About the film roll maybe there is nothing you can do to resize the page? The only way would be to put the page maybe in procent instead of pixlar or? Any opinion?


I did not understood this part..? But maybe it was because I explain the link problem bad?

"See how the link on the TV icon is covered by another div. Apply this background color to show what's happening -"
.twtr-widget{
position:relative;
font-size:12px!important;
font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;
background: #f00;
}

Excavator
10-25-2011, 11:20 PM
I did not understood this part..? But maybe it was because I explain the link problem bad?

"See how the link on the TV icon is covered by another div. Apply this background color to show what's happening -"
.twtr-widget{
position:relative;
font-size:12px!important;
font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;
background: #f00;
}

Did you make the background red and see how it covers everything? By making .twtr-widget position: relative; but giving it no width, it takes the width given to it by it's containing #twitter. That's what covers your linked tv image.

Try this instead:

.twtr-widget{
font-size:12px!important;
font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;

Energia
10-26-2011, 02:24 AM
Now I understood. I did not think about the twitter. I made it red so I saw how it was covering it. Intresting. How ever I feel amberessd to admit that I cant find .twtr-widget..? I added it to my css to see the red background. But I dont know were to take away relative (or give it width?). Because the twitter code I get from Twitter it self, is it a link to the css? I could not find it in the javascript code neither.

Thank you for making the problem clear! Now I just need to find .twtr-widget...?

Excavator
10-26-2011, 04:00 AM
Thank you for making the problem clear! Now I just need to find .twtr-widget...?

I see it in widget.css which appears to be loaded by your .js from https://twitter-widgets.s3.amazonaws.com/j/2/widget.css



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum