noob needs more help

octapulse

New Member
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:
 

horrorshow75

New Member
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:

octapulse

New Member
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.
 

octapulse

New Member
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?
 

horrorshow75

New Member
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:

octapulse

New Member
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!
 

octapulse

New Member
<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>
 

horrorshow75

New Member
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:

octapulse

New Member
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.

My external CSS code is this:

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

horrorshow75

New Member
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:

Constant-Amber

New Member
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.
 

octapulse

New Member
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.

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!
 

octapulse

New Member
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?
 

Constant-Amber

New Member
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.

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.
 

octapulse

New Member
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.
 
Top