Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    99
    Thanks
    18
    Thanked 0 Times in 0 Posts

    IMG link and backgroundimage

    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

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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:
    Code:
    /* 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
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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".
    Last edited by teedoff; 10-25-2011 at 07:06 PM.
    Teed

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by teedoff View Post
    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 -
    Code:
    .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"
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Dec 2010
    Posts
    99
    Thanks
    18
    Thanked 0 Times in 0 Posts

    Thank you for your eyes!

    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 -"
    Code:
    .twtr-widget{
    position:relative;
    font-size:12px!important;
    font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;
    background: #f00;
    }

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by Energia View Post


    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 -"
    Code:
     .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:
    Code:
     .twtr-widget{
    font-size:12px!important;
    font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Energia (10-31-2011)

  • #7
    New Coder
    Join Date
    Dec 2010
    Posts
    99
    Thanks
    18
    Thanked 0 Times in 0 Posts

    .txtr-widget

    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...?

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by Energia View Post
    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
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •