PDA

View Full Version : Sorry, several questions...

Question
04-09-2006, 09:55 PM
1. My menu links are blue and purple and underlined. How do I prevent this?

2. Does an url to a picture load quicker than a gif or jpeg hosted in my files?

3. I'm trying to understand px, em, cm, pt, etc.... is there a good tutorial for those?

4. How many pixels am I working with? Width and Height?

:confused:

Thank you! =)
Marta
04-09-2006, 10:35 PM
Hope this will help some for now :D

1. For this, you will want to put some codes in a style sheet.

<style type="text/css">

A:link { text-decoration: none; color:#000000; }
A:visited { text-decoration: none; color:#000000; }
A:hover { text-decoration: none; color:#000000; }

</style>

If you already have a style sheet, just add the middle 3 lines, or else put the whole thing in between your <head> and </head> tags.
A: link is for links you haven't clicked on it
A: visited is for links you have visited
A: hover is when you hold your mouse over the link
text-decoration: none means that the links aren't underlined
color: #..... put whatever color you want!


4. this depends on what your screen is set on. Mine is set on 600x800 while some have theirs set on about 1024x768
Question
04-09-2006, 10:44 PM
This is what my html and style sheet look like.
I can't figure out those links colors and for the menu you don't want them underlined right?

Also the paragraph in the center and table headers don't show.

Also one image has a highlight and the other doesn't.

What a mess!

html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Main Page</title>
<link rel="stylesheet" type="text/css" href="indexstylesheet.css">
</head>
<body>
<div class="container">
<div class="header">
<h1 class="header">Mia Hopper</h1></div>

<div class="left"><p>
<a href="http://www.geocities.com/baileyaya/gothicfaeries.html">Gallery 1</a><br>
<a href="http://www.geocities.com/baileyaya/celticfaeries.html">Gallery 2</a><br>
<a href="http://stores.ebay.com/GOTHIQUE-FAIRY-ART-GALLERY_W0QQsspagenameZMEQ3aFQ3aSTQQtZkm">EBAY</a><br>
<a href="http://miahopper.ebsqart.com/">EBSQ</a><br>
<a href="http://www.geocities.com/baileyaya/bio.html">Bio</a><br>
<a href="http://www.geocities.com/baileyaya/links.html">Links</a>
</p></div>

<div class="content">
<h2>Welcome!</h2>
<p>Welcome to the official web site of gothic fantasy artist Mia Hopper, also known as gothiquefairy!</p><br>
<table-border="1">
<tr>
<td>Gallery 1</td>
<td>Gallery 2</td>
</tr>
</table>
<table-border="1">
<tr>
<td>
<a href="http://www.geocities.com/baileyaya/galleryone.html"><img src="http://www.ebsqart.com/cmd/ImageThumb.asp?IMAGEID=230257&MAXW=165&DS=T&SL=130&SR=0"></a>
</td>
<td
<a href="http://www.geocities.com/baileyaya/gallerytwo.html"><img src="http://www.ebsqart.com/cmd/ImageThumb.asp?IMAGEID=279392&MAXW=165&DS=T&SL=130&SR=0"></a>
</td>
</tr>
</table>
</div>
<div class="footer">copyright 2006 Mia Hopper</div>
</body>
</html>

css
div.container {
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}

div.header,div.footer {
padding:0.5em;
color:#ff0000;
background-color:#000000;
font-family:arial, helvetica, sans-serif;
clear:left;
}
h1.header {
padding:0;
margin:0;
}
h2 {
color:#ff0000;
font-family:arial,verdana,helvetica,sans-serif;
font-style:none;
}
div.left {
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content {
margin-left:190px;
border-left:1px solid gray;
padding:1em
}

a {text-decoration:none;}
a:link {
color:#ff0000
font-family:arial,verdana,helvetica,sans-serif;
font-style:bold;
}
a:visited (
color:#ff0000
font-family:arial,verdana,helvetica,sans-serif:
font-style:bold;
}
a:hover {
text-decoration:underline;
color:#ff0000
}
a:active {
color:#ff0000
text-family:arial,verdana,helvetica,sans-serif;
text-style:bold;
}
ul {
color:#ff0000;
font-family:arial,verdana,helvetica,sans-serif;
font-style:none;
margin-left:20px;
}
td {
padding:2cm}
Question
04-09-2006, 10:51 PM
Marta, thank you I think that helped!
I refreshed several times but only just now did some of the changes catch up so I have a whole new set of problems I think.
Sorry, so thick headed, this is actually progress for me,
Thank you! :)
Marta
04-09-2006, 10:58 PM
If you want, you can post a url to your page so we can look at it :)
Question
04-09-2006, 11:13 PM
http://www.geocities.com/baileyaya/index.html

Yay, the menu looks right! Thank you Marta =)

There is a paragraph not showing up and I need to figure out cellpadding and all in my css but it's progress.
Marta
04-09-2006, 11:29 PM
I think the problem with your paragraph not showing up is that the text is the same color as the background.
Try adding this to your css.
p {font-color: #ff0000}
(or whatever color you want the text to be)
J to the izzosh
04-10-2006, 05:01 AM
...and as for em, px, and the like: Google saves the day (http://www.google.ca/search?q=css%20units).
Question
04-11-2006, 04:55 PM
Ok, got the p fixed just like you said Marta, thank you again and
pirsquared, wow, great info, thank you, off to investigate.
Thanks =)