Need help with external linking!!! [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Need help with external linking!!!

Mossy

07-18-2005, 12:12 PM

Ok i have not external linked until now. As you jmight of guessed I need some help!!!

I would like all this in my CSS. Is that possible. Because it is a real pain everytime i want to change the left side having to go through everypage. Here it is:

<title>Em's Zone</title>
<style type="text/css">

h1 {font-family: Comic Sans MS;
color: #050f73; size="14"}

h2 {font-family: Comic Sans MS;
color: #050f73; size="10"}

p {font-family: Comic sans MS;
color: #050f73; size="x-small" }

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 0px;
padding: 0px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;

}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;

}

</style>
</head>

<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" body bgcolor="#c0c5fa"link="#050f73" vlink="#050f73" alink="#050f73" size="2"font-family: Comic sans MS;>

<body>

<div id="header">

</div>

</div>

<div id="left">
 Welcome 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Welcome to Em's Zone a fansite dedicated to the actress Emma Watson. We post News, the latest photos, videos, and much more. Make sure you visit the Forum and sign the guestbook. Go and have a wander!!! 
Navigator 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Em 

<a href="http://emszone.50webs.com/index.html">News</a> 
<a href="http://s7.invisionfree.com/Em_Watson_Forums/index.php?">Forums</a> 
<a href="ew.htm">Emma</a> 
<a href="media.htm">Media</a> 
<a href="picalbum.htm">Galleries</a> 
<a href="videos.htm">Videos</a> 
<a href="www.htm">WWW</a> 
<a href="hp.htm">Harry Potter</a> 
<a href="interact.htm">Interact</a> 
 
Site 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Owner/Webmiss: Lucy 
Coworkers: Dakota 
Updaters: Dylan 
Host: Lucy 
Opened: 13th June, 2005 
Layout: Blue Dream 

Affiliates 
<hr size="5" width="40%" align="left" noshade color="#050f73">
<a href="http://dominion.magic-host.org/" target="_blank">
<img src="dotsbutton100X35a.gif" width="88" height="31" border="0" alt="DOTS"></a> 
<a href="http://www.unforgivable-curses.net" target="_blank">
<img src="007.gif" width="88" height="31" border="0" alt="U-C"></a> 
<a href="http://www.emmawatson.net" target="_blank">
<img src="ewnet2.gif" width="88" height="31" border="0" alt="EW.net"></a> 
<a href="http://www.emmawatsonsworld.com" target="_blank">
<img src="button.gif" width="88" height="31" border="0" alt="EWW"></a> 
<a href="http://www.danradcliffe.com" target="_blank">
<img src="dangreenanimbutton.gif" width="88" height="31" border="0" alt="d-r.com"></a> 
<a href="http://www.misswatson.org" target="_blank">
<img src="button029.gif" width="88" height="31" border="0" alt="mw"></a> 
<a href="http://www.miss-watson.org/tce/" target="_blank">
<img src="button88_3.jpg" width="88" height="31" border="0" alt="THE"></a> 

</div>

I know it is alot to ask. But i would be eternally gratful if someone could at least explain how to do it.

Mossy

pb&j

07-18-2005, 03:11 PM

for your css part, take this, fix it, and save it to a seperate page called "styles.css" ...

h1 {font-family:Comic Sans MS; color:#050f73; font-size:14px; }

h2 {font-family:Comic Sans MS; color:#050f73; font-size:10px; }

p {font-family:Comic sans MS; color:#050f73; font-size:x-small; }

body { margin: 0px; padding-left: 0px; padding-right: 0px; }

#header {
margin: 0px;
padding: 0px;
height: 100px;
}

#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}

#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}

your webpage coding now looks like this (also fixed up a bit)...

<html>
<head>
<title>Em's Zone</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" bgcolor="#c0c5fa" link="#050f73" vlink="#050f73" alink="#050f73" style="font-family: Comic sans MS;">

<div id="header">
</div>

<div id="left">
 Welcome 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Welcome to Em's Zone a fansite dedicated to the actress Emma Watson. We post News, the latest photos, videos, and much more. Make sure you visit the Forum and sign the guestbook. Go and have a wander!!! 
Navigator 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Em 

<a href="http://emszone.50webs.com/index.html">News</a> 
<a href="http://s7.invisionfree.com/Em_Watson_Forums/index.php?">Forums</a> 
<a href="ew.htm">Emma</a> 
<a href="media.htm">Media</a> 
<a href="picalbum.htm">Galleries</a> 
<a href="videos.htm">Videos</a> 
<a href="www.htm">WWW</a> 
<a href="hp.htm">Harry Potter</a> 
<a href="interact.htm">Interact</a> 
 
Site 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Owner/Webmiss: Lucy 
Coworkers: Dakota 
Updaters: Dylan 
Host: Lucy 
Opened: 13th June, 2005 
Layout: Blue Dream 

Affiliates 
<hr size="5" width="40%" align="left" noshade color="#050f73">
<a href="http://dominion.magic-host.org/" target="_blank">
<img src="dotsbutton100X35a.gif" width="88" height="31" border="0" alt="DOTS"></a> 
<a href="http://www.unforgivable-curses.net" target="_blank">
<img src="007.gif" width="88" height="31" border="0" alt="U-C"></a> 
<a href="http://www.emmawatson.net" target="_blank">
<img src="ewnet2.gif" width="88" height="31" border="0" alt="EW.net"></a> 
<a href="http://www.emmawatsonsworld.com" target="_blank">
<img src="button.gif" width="88" height="31" border="0" alt="EWW"></a> 
<a href="http://www.danradcliffe.com" target="_blank">
<img src="dangreenanimbutton.gif" width="88" height="31" border="0" alt="d-r.com"></a> 
<a href="http://www.misswatson.org" target="_blank">
<img src="button029.gif" width="88" height="31" border="0" alt="mw"></a> 
<a href="http://www.miss-watson.org/tce/" target="_blank">
<img src="button88_3.jpg" width="88" height="31" border="0" alt="THE"></a> 

</div>
</body>
</html>

if you want to do a seperate page for your navigation or whatever, that would be SSI or PHP includes, not css.

Mossy

07-18-2005, 06:29 PM

Thank you so much. But is there anyway i can put the background and text links on the style sheet. I know this is probly really easy but im kinda RUBBISH at this.

Mossy