noob needs more help

Discussion in 'Web Design' started by octapulse, Jan 30, 2009.

to remove all ads.
  1. octapulse

    octapulse New Member

    Messages:
    28
    on my practice web page (non-server, just on desktop) I have created a horizontal table at the bottom with each collumn containing a link. I have been trying to change the color of the link texts to "yellowgreen", but whenever I manage to change their color, the text no longer becomes a link. What am I doing wrong here? Here is an example of the current scripting without trying to insert the color format:

    <h3> Resources </h3>
    <table border="9">
    <tr>
    <td> <a href="http://www.w3schools.com/html/default.asp"target="_blank">Tutorial</a></td>
    <td> <a href="http://www.web-source.net/html_codes_chart.htm"target="_blank">code
    chart</a></td>
    <td> <a
    href="http://www.webdesignforum.com/6484-total-noob-needs-help.html"target="_blank">forum</a>
    </td>
    <td> <a href="http://www.2advanced.com"target="_blank">The Pro's</a></td>
    <td> <a href="http://www.hackthissite.org"target="_blank">hacking</a></td>
    </tr>
    </table>

    I have tried the following:

    <table border="9";style="color:yellowgreen">

    <tr style="color:yellowgreen">

    <td style="color:yellowgreen">

    <td> <a href="http://www.w3schools.com/html/default.asp"target="_blank"><a style="color:yellowgreen">Tutorial</a></td>

    Does anyone know what I can do here? Thanks. :confused:
     
  2. horrorshow75

    horrorshow75 New Member

    Messages:
    160
    Is this what you're trying to do?

    html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="main.css" type="text/css" rel="stylesheet" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <h3> Resources </h3>
    <table>
    <tr>
    <td><a href="http://www.w3schools.com/html/default.asp"target="_blank">Tutorial</a></td>
    <td><a href="http://www.web-source.net/html_codes_chart.htm"target="_blank">code chart</a></td>
    <td><a href="http://www.webdesignforum.com/6484-total-noob-needs-help.html"target="_blank">forum</a></td>
    <td><a href="http://www.2advanced.com"target="_blank">The Pro's</a></td>
    <td><a href="http://www.hackthissite.org"target="_blank">hacking</a></td>
    </tr>
    </table>
    </body>
    </html>
    
    css
    Code:
    table {
    	border: yellowgreen 9px ridge;
    }
    
    td a{
    	color: yellowgreen;
    }
    
    http://www.statestdesign.com/test_bed/
     
    Last edited: Jan 31, 2009
  3. flipboy

    flipboy New Member

    Messages:
    45
    just use a:link in css and you should be fine
     
  4. octapulse

    octapulse New Member

    Messages:
    28
    I have yet to learn CSS (next on my list of things to do) and that is probably why I couldnt figure out how to pull it off (Im still thinking html). I will give that a try and see how it works. Thanks.
     
  5. octapulse

    octapulse New Member

    Messages:
    28
    ok, so I started learning CSS and I am having serious trouble. I am trying to place a background image and I created an external style sheet to pull this off (octapulse.css). And I created a link in my html file between the header tags as follows:

    <head>
    <link rel="stylesheet" type="text/css"
    href="octapulse.css" /link> <title>octapulse.com</title>
    </head>

    The external style sheet is scripted like this:

    body {background-image: url("matrix.jpeg")}

    The image file is located in the same file as the txt and css files. So why wont this image appear in the background?
     
  6. horrorshow75

    horrorshow75 New Member

    Messages:
    160
    the link to your css is incorrect. It should look like this

    Code:
    <link href="octpulse.css" type="text/css" rel="stylesheet" />
    you were close the ending "/link>" is not needed

    your css should look like this
    Code:
    body {background-image: url(matrix.jpeg);
    }
    
    No quotes and you missed the ending semi-colon, all css selectors must end with a semi-colon

    Also is the file extension actually jpeg or jpg?
     
    Last edited: Jan 31, 2009
  7. CT-Matt

    CT-Matt New Member

    Messages:
    16
    Give it a try without the quotes, like this:

    body {background-image: url(matrix.jpeg)}
     
  8. octapulse

    octapulse New Member

    Messages:
    28
    horrorshow, I copied and pasted your codes to make sure I had them correct and they still didnt work. The file is a jpeg, not a jpg. CT-Matt, I tried your version as well with no luck. This is very frustrating!
     
  9. horrorshow75

    horrorshow75 New Member

    Messages:
    160
    Can you post your code? I don't see any reason why that wouldn't work.
     
  10. octapulse

    octapulse New Member

    Messages:
    28
    <html>
    <head> <link href="octapulse.css" type="text/css" rel="stylesheet" /><title> Octapulse.com </title> </head>
    <body>
    <body style="color:yellowgreen">
    <h1> <center><b>Welcome to Octapulse.com!</B> </center> </h1>




    <p style="text-align:center">In this adventure to learn web design, I want to practice use of the hyper text markup language or "html". </p>

    <center> <a href="http://www.infowars.com"target="_blank"> <img src= "ballin.jpeg" width="211" height="243" > </a> </center>
    <center> Octapulse </center>

    <h1> What ive learned so far: </h1>

    <p> opening a html tag </p>
    <hr style="color:yellow" />
    <p> creating a header </P>
    <hr style="color:yellow" />
    <p> creating a body </p>
    <hr style="color:yellow" />
    <p> creating a paragraph </p>
    <hr style="color:yellow" />
    <p> creating a link </p>
    <hr style="color:yellow" />
    <p> centering text </p>
    <hr style="color:yellow" />
    <p> inserting an image </p>
    <hr style="color:yellow" />
    <p> injecting a hidden comment </p>
    <hr style="color:yellow" />
    <p> creating rule lines </p>
    <hr style="color:yellow" />
    <p> creating line breaks </p>
    <hr style="color:yellow" />
    <p> changing font color </p>
    <hr style="color:yellow" />
    <p> changing font style </p>
    <hr style="color:yellow" />
    <p> creating tables </p>
    <hr style="color:yellow" />
    <p> inserting links into pictures </p>
    <hr style="color:yellow" />
    <p> inserting links into tables </p>
    <hr style="color:yellow" />




    <h2> Resources </h2>
    <table border="9">
    <tr>
    <td> <a href="http://www.w3schools.com/html/default.asp"target="_blank">Tutorial</a></td>
    <td> <a href="http://www.web-source.net/html_codes_chart.htm"target="_blank">code chart</a></td>
    <td> <a href="http://www.webdesignforum.com/6484-total-noob-needs-help.html"target="_blank">forum</a></td>
    <td> <a href="http://www.2advanced.com"target="_blank">The Pro's</a></td>
    <td> <a href="http://www.hackthissite.org"target="_blank">hacking</a></td>
    </tr>
    </table>



    </body>
    </html>
     
  11. horrorshow75

    horrorshow75 New Member

    Messages:
    160
    What about the code in your external stylesheet? octapulse.css

    The first thing i notice about what you posted so far is that you decalre the body tag twice.

    Code:
    <body>
    <body style="color:yellowgreen">
    
    the style would just go right into the initial body tag.
     
    Last edited: Feb 1, 2009
  12. octapulse

    octapulse New Member

    Messages:
    28
    My external CSS code is this:

    body {background-image: url(matrix.jpeg)}
     
  13. horrorshow75

    horrorshow75 New Member

    Messages:
    160
    Start by removing the second body tag. In your html lets just go with <body> for now.

    Then in your css try:
    Code:
    body {
    background-image: url(matrix.jpeg);
    color: yellowgreen;
    }
    
    Make sure you end each selector attribute with a semi-colon.
     
    Last edited: Feb 3, 2009
  14. Constant-Amber

    Constant-Amber New Member

    Messages:
    14
    Hey Octapulse
    If you want to go straight html you can use
    <html>
    <head><title>Octapulse</title>
    </head>
    <body>
    <body style="color:yellowgreen">
    <body vlink="red">
    <body link="yellowgreen">
    This to change the link color

    and this for the image
    <center> <img src="http://jumk.de/astronomie/img/wolf-rayet.jpg"> </center>
    <center> Octapulse </center>
    but put the url to the img you want there

    Good luck with it.
     
  15. octapulse

    octapulse New Member

    Messages:
    28
    Thank you Constant for the link color code, it worked perfect! But the image code you gave me is just a code for placing an image on the page, not placing it in the background. Ive tried both html and css to try and pull this off and ive had no luck. Im going to tinker with it some more and see what I can accomplish. Thanks!
     
  16. octapulse

    octapulse New Member

    Messages:
    28
    I went back and posted the html code again: <body background="matrix . . .
    But this time I think I realized the problem. I was trying to use a jpeg file and I just read that only gif and jpg files are supported for background files. So I went back, changed the file to jpg and re-entered the code and it worked. I just dont know why I cant get the css to work. Maybe the same reason?
     
  17. Constant-Amber

    Constant-Amber New Member

    Messages:
    14
    hey octapulse
    your welcome. did you try changing the css and it work?
     
  18. octapulse

    octapulse New Member

    Messages:
    28
    I havent tried it in css yet with the jpg. I need to though, so I can continue learning css instead of being stuck at this point.
     
  19. Constant-Amber

    Constant-Amber New Member

    Messages:
    14
    yeah css isnt as bad as it looks just a little confusing at some points. you'll get the hang of it just stick with it and dont give up.
     
  20. octapulse

    octapulse New Member

    Messages:
    28
    I tried it with the css and it worked fine. it was just the file tag I was using that was giving me crap. Im getting the hang of css pretty well now. I have been studying html, xhtml, xml, css, javascript and php. And I am starting to notice how much they inter-relate to each other with the use of variables and values and different formulas and tags. It all seems to be the same after awhile and it gets easier to stick to the guidelines of code use.
     

Share This Page