Author |
Message |
|
skier
Newbie
Joined: 13 May 2006 Posts: 49
|
Posted: 31 Aug 2006 09:14:43 pm Post subject: |
|
|
I know this is a probably a very elementry piece of code, but how do you get a backround image to stretch to fit the screen or a table instead of repeating? |
|
Back to top |
|
|
sgm
Calc Guru
Joined: 04 Sep 2003 Posts: 1265
|
Posted: 31 Aug 2006 09:32:59 pm Post subject: |
|
|
I put in "HTML stretch background image" and hit "I'm Feeling Lucky" and got this:
http://www.htmlite.com/faq022.php
Last edited by Guest on 31 Aug 2006 09:35:11 pm; edited 1 time in total |
|
Back to top |
|
|
skier
Newbie
Joined: 13 May 2006 Posts: 49
|
Posted: 31 Aug 2006 09:53:03 pm Post subject: |
|
|
:blush: my bad, stupid question.... ill search harder next time.... just starting out in web page, ill probably have more questions to come hopefully not as bad as this one |
|
Back to top |
|
|
sgm
Calc Guru
Joined: 04 Sep 2003 Posts: 1265
|
Posted: 31 Aug 2006 09:54:29 pm Post subject: |
|
|
If it makes you feel any better, it's a fairly advanced solution. |
|
Back to top |
|
|
c_plus_plus My Face Hertz
Active Member
Joined: 30 Jan 2006 Posts: 575
|
Posted: 31 Aug 2006 09:54:43 pm Post subject: |
|
|
css is a more advanced subject in HTML. Your question was not stupid at all. |
|
Back to top |
|
|
skier
Newbie
Joined: 13 May 2006 Posts: 49
|
Posted: 30 Sep 2006 02:20:32 am Post subject: |
|
|
Ok so im getting into CSS now and im having trouble. I was doing fine until i tried to define multiple classes of links. Heres my code
Code: a.navigate:link
{
color: #000066;
font-size: 30px;
}
a.navigate:visited
{
color: #000066;
font-size: 30px;
}
a.navigate:hover
{
color: white;
}
For some reason it isnt being applied to my pages. Any help? |
|
Back to top |
|
|
Weregoose Authentic INTJ
Super Elite (Last Title)
Joined: 25 Nov 2004 Posts: 3976
|
Posted: 30 Sep 2006 02:44:27 am Post subject: |
|
|
It would really be helpful to see your page source. :|
...But I'm not having any difficulties here:
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Test Page</title>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<style type="text/css">
a.navigate:link
{
color: #000066;
font-size: 30px;
}
a.navigate:visited
{
color: #000066;
font-size: 30px;
}
a.navigate:hover
{
color: white;
}
</style>
</head>
<body>
<p>Visit <a href="http://www.unitedti.org/" class="navigate">United-TI</a>.</p>
</body>
</html>
Last edited by Guest on 30 Sep 2006 02:47:36 am; edited 1 time in total |
|
Back to top |
|
|
Weregoose Authentic INTJ
Super Elite (Last Title)
Joined: 25 Nov 2004 Posts: 3976
|
Posted: 30 Sep 2006 03:35:50 am Post subject: |
|
|
I can't believe I did that. Instead of quoting your post, I must have begun to edit it instead on accident. Sorry. :(
I did read your code and comments. As you requested, I will not criticize the source; however, if you're using a WYSIWYG editor and not wanting to write out most of it using HTML, then I really can't be of much help because I imagine there will be many problems of this sort. If you decide to learn the language, then here is a quick lesson in semantics:
Sports, Hobbies, etc... It's a list. Use a list element to define them.
[font="courier new;font-size:9pt;line-height:100%;color:darkblue"]<div id="navigation">
_<ul>
__<li><a href="#">List item</a></li>
__<li><a href="#">List item</a></li>
__<li><a href="#">List item</a></li>
_</ul>
</div>
Then, you can simply write this in the stylesheet:
[font="courier new;font-size:9pt;line-height:100%;color:darkblue"]div#navigation ul li a:link {
_color: #006;
_font-size: 30px;
}
…
In my opinion, that's quicker and easier than messing around in Dreamweaver.
Last edited by Guest on 30 Sep 2006 04:56:34 am; edited 1 time in total |
|
Back to top |
|
|
skier
Newbie
Joined: 13 May 2006 Posts: 49
|
Posted: 01 Oct 2006 01:43:24 am Post subject: |
|
|
Quote: I can't believe I did that. Instead of quoting your post, I must have begun to edit it instead on accident. Sorry. sad.gif
No problem
Quote: I did read your code and comments. As you requested, I will not criticize the source
I didnt say that, i was just warning you in advance that i used dreamweaver to set up the tables.
Quote: div#navigation ul li a:link {
_color: #006;
_font-size: 30px;
}
Could you please explain this piece of code to me, i understand that the # identifies an ID, but why do you put multiple elements after it, and one before? |
|
Back to top |
|
|
Weregoose Authentic INTJ
Super Elite (Last Title)
Joined: 25 Nov 2004 Posts: 3976
|
Posted: 01 Oct 2006 06:44:41 am Post subject: |
|
|
skier wrote: Quote: div#navigation ul li a:link {
_color: #006;
_font-size: 30px;
} Could you please explain this piece of code to me, i understand that the # identifies an ID, but why do you put multiple elements after it, and one before? Wow, you're missing out on a very important aspect of CSS! Look up selectors and understand how to use them if you want to achieve the greatest functionality. The technical reference written by those who have pretty much standardized the way the Internet behaves can be found here. Also, if you haven't yet, I recommend taking an earnest look at what W3Schools has to offer. It will answer many of the basic questions you may ever have in regard to web design, as it's written by people who really know what they are talking about.
Last edited by Guest on 01 Oct 2006 06:46:41 am; edited 1 time in total |
|
Back to top |
|
|
skier
Newbie
Joined: 13 May 2006 Posts: 49
|
Posted: 01 Oct 2006 09:39:13 pm Post subject: |
|
|
Ok so i now have a better understanding of selectors, but i cant get a piece of code to work.
Heres my stylesheet Code: H1{
color:green
}
div#navigate ul li a:link {
color: orange;
font-size: 50px;
}
div#navigate ul li a:visited {
color: yellow;
font-size: 30px;
text-align: center;
}
div#navigate ul li a:hover {
color: white;
font-size: 30px;
text-align: center;
}
and here is my html Code: <div id="navigate"><ul>
<td valign="top"><li><a href="sports.htm">Sports</a></li></td>
There is an end to the div and ul later on. The style sheet isnt affecting my link, however when i do this Code: <div id="navigate"><ul>
<li><a href="#">test</a></li> it does. I was under the impresion that if you set up descendant styles in your sheet, that it didnt matter if there were tags such as <td> imbetween elements.
Am I wrong about this? |
|
Back to top |
|
|
Weregoose Authentic INTJ
Super Elite (Last Title)
Joined: 25 Nov 2004 Posts: 3976
|
Posted: 02 Oct 2006 01:11:30 am Post subject: |
|
|
Yes, it does matter if there are descendants inbetween! Please, take the
one minute necessary to test for this before waiving your self-sufficiency.
But... why are you using a <td> in a list?
Please learn about the Visual Formatting Model here.
Pretty much, guessworking isn't working quite as well as you had hoped.
Just like all other languages, you have to learn it in order use it properly.
Visit W3Schools if web design is something you're really interested in!
Last edited by Guest on 02 Oct 2006 04:00:00 am; edited 1 time in total |
|
Back to top |
|
|
|