Moved...More problems [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Moved...More problems

LittleHobbit

04-19-2004, 11:52 PM

Honestly Im like new to CSS....Ok, well Rosey helped me clean up my css & now Im having more problems....I looked on the 188 threads here, TRIED following Lissas help on Iframes etc...Ok what I dont get is this...I want my link part in Iframes...so once clicked ok the link, it takes you to another page.
Right now its set in tables....do I removes the 'table attributes' & replace that with the IFrame code?

Heres what I have so far..
http://www.geocities.com/naughty_habits/testpage.html?1082414966415

<html>
<head>
<title>testpage</title>

<style type=text/css>A:link {
COLOR: #339999; FONT-FAMILY: comic sans MS; TEXT-DECORATION: none
}
A:visited {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:active {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:hover {
COLOR: white; TEXT-DECORATION: none
}

td {
font-family: trebuchet ms;
color:#FF0099;
font-weight:bold;
font-size:12px;
}

body { background-color: #000000;}
.border1 {border: 1px solid #9933FF;}

.header { background-color: #ffffff;

</STYLE>

<STYLE type="text/css">

</STYLE>

</head>

<body>

<Center>

<table width="768px" border="0" cellpadding="0" cellspacing="0">

<tr><td align=middle border="0">

<img src="nhdraft.gif">

</td></tr>

<tr><td>

<IFRAME name="inlineframe" src="http://www.geocities.com/Naughty_Habits/naughtyhabits.html" width=200 height=200</IFRAME>

<tr>
<td class="header">Main</td></tr>

<tr>
<td class="border1"> -<a
href="">Friends</a><br>-<a
href="">My Diary</a><br>-<a
href="">My Girlfriend</a><br>-<a
href="">Pictures</a><br>-<a
href="">Quotes</a><br></td></tr>

<tr>
<td class="header">Favorites</td></tr>
<tr>
<td class="border1">
-<a href="">Collections</a><br>
-<a href="">Movies</a><br>
-<a href="">Music</a><br>
-<a href="">Sites</a><br>
-<a href="">Stores</a><br>

</td></tr>

<tr>
<td class="header">Tutorials</td></tr>
<tr>
<td class="border1"> -<a
href="">Blinkies</a><br>-<a
href="">Dolls</a><br>-<a
href="">Goodies</a><br>-<a
href="">Guestbooks</a><br>-<a
href="">HTML Help</a><br></td></tr>

<tr>
<td class="header">Contact Me</td></tr>
<tr><td class="border1"> -<a
href="">E-mail</a><br>-<a
href="">Guestbook</a><br>-<a
href="">Message board</a><br>

</td></tr>
</table>

</td>

<td valign="top" cellpadding="5">

content here

</td>

</tr>
</table>
</td></tr></table>
<br><Br><br><br>

</center>
</body>
</html>

**somehow the links arent in the Iframe**
And I still dont get the linking from one page to another stuff..

Myke

04-19-2004, 11:58 PM

If you want your links in the IFrame you'll have to put them in your http://www.geocities.com/Naughty_Habits/naughtyhabits.html

It's basically linking that page (the one that you will put your links on) and displaying it in your 200 by 200 frame.

This code should still work:

<IFRAME name="inlineframe" src="http://www.geocities.com/Naughty_Habits/naughtyhabits.html" width=200 height=200</IFRAME>

LittleHobbit

04-20-2004, 12:04 AM

Ok now where do I put that tag? I placed it in the <style> part, but its like a squared area & its a blank page now?

LittleHobbit

04-20-2004, 12:11 AM

Haha ok I messed w/the CSS on my test page...well it looks the same other than I have my whole page in my Iframe (which is only a corner space) :rant:

kittycat

04-20-2004, 12:49 AM

.header { background-color: #ffffff;
In this line of your CSS you're missing a closing }
.header { background-color: #ffffff; }

Your iframe is also missing a closing >
<IFRAME name="inlineframe" src="http://www.geocities.com/Naughty_Habits/naughtyhabits.html" width=200 height=200></IFRAME>

For your links, do you want them to show inside your iframe? To do that you have to target them in there by using:
target="inlineframe"
You would add that code to the <a href...> of every link, so it would end up looking like:
<a href="" target="inlineframe">your link</a>

LittleHobbit

04-20-2004, 12:54 AM

ok, I think I got it...should I remove all the <td> & <tr> stuff?

LittleHobbit

04-20-2004, 01:29 AM

Ok, Rosey? I thought Id respond here....Its still messed up...look:

http://www.geocities.com/naughty_habits/Friends.html

And heres the code...Im seriously thinking whyd I even think I could do this...:(

<html>
<head>
<title>testpage</title>

<style type=text/css>A:link {
COLOR: #339999; FONT-FAMILY: comic sans MS; TEXT-DECORATION: none
}
A:visited {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:active {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:hover {
COLOR: white; TEXT-DECORATION: none
}

td {
font-family: trebuchet ms;
color:#0000FF;
font-weight:bold;
font-size:12px;
}

body { background-color: #000000;}
.border1 {border: 1px solid #9933FF;}

.header { background-color: #ffffff;

</STYLE>

</head>

<body>

<Center>

<table width="768px" border="0" cellpadding="0" cellspacing="0">

<tr><td align=middle border="0">

<img src="nhdraft.gif">

</td></tr>

<tr><td>

<table style="width:768px; border: 1px solid #9933FF;;">
<tr><td valign="top" width="150px">

<table width="150">
<tr>
<td class="header">Main</td></tr>

<td class="border1"> -<a
href="">Friends</a><br>-<a
href="">My Diary</a><br>-<a
href="">My Girlfriend</a><br>-<a
href="">Pictures</a><br>-<a
href="">Quotes</a><br></td></tr>

<tr>
<td class="header">Favorites</td></tr>
<tr>
<td class="border1">
-<a href="">Collections</a><br>
-<a href="">Movies</a><br>
-<a href="">Music</a><br>
-<a href="">Sites</a><br>
-<a href="">Stores</a><br>

</td></tr>

<tr>
<td class="header">Tutorials</td></tr>
<tr>
<td class="border1"> -<a
href="">Blinkies</a><br>-<a
href="">Dolls</a><br>-<a
href="">Goodies</a><br>-<a
href="">Guestbooks</a><br>-<a
href="">HTML Help</a><br></td></tr>

<tr>
<td class="header">Contact Me</td></tr>
<tr><td class="border1"> -<a
href="">E-mail</a><br>-<a
href="">Guestbook</a><br>-<a
href="">Message board</a><br>

</td></tr>
</table>

</td>

<td valign="top" cellpadding="5">
<IFRAME name="friends" src="Friends.html" width=200 height=200 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME>
<a href="" target="friends">Friends</a>

content here

</td>

</tr>
</table>
</td></tr></table>
<br><Br><br><br>

</center>
</body>
</html>

Rosey

04-20-2004, 02:03 AM

Create a document called main.html

<html>
<head>
<title>main content</title>

</head>
<body>

Welcome to my site and all that jazz...

</body>
</html>

Also create a friends.html

<html>
<head>
<title>Friends</title>

</head>
<body>

These are my friends

</body>
</html>

Upload those and then change your main coding on your index to this, notice the parts in red.

<html>
<head>
<title>testpage</title>

<style type="text/css">
A:link {
COLOR: #339999; FONT-FAMILY: comic sans MS; TEXT-DECORATION: none
}
A:visited {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:active {
COLOR: #339999; FONT-FAMILY:comic sans MS; TEXT-DECORATION: none
}
A:hover {
COLOR: white; TEXT-DECORATION: none
}

td {
font-family: trebuchet ms;
color:#0000FF;
font-weight:bold;
font-size:12px;
}

body { background-color: #000000;}

.border1 {border: 1px solid #9933FF;}

.header { background-color: #ffffff;

</STYLE>

</head>

<body>

<Center>

<table width="768px" border="0" cellpadding="0" cellspacing="0">

<tr><td align=middle border="0">

<img src="nhdraft.gif">

</td></tr>

<tr><td>

<table style="width:768px; border: 1px solid #9933FF;;">
<tr><td valign="top" width="150px">

<table width="150">
<tr>
<td class="header">Main</td></tr>

<td class="border1"> -<a
href="friends.html" target="main">Friends</a><br>-<a
href="">My Diary</a><br>-<a
href="">My Girlfriend</a><br>-<a
href="">Pictures</a><br>-<a
href="">Quotes</a><br></td></tr>

<tr>
<td class="header">Favorites</td></tr>
<tr>
<td class="border1">
-<a href="">Collections</a><br>
-<a href="">Movies</a><br>
-<a href="">Music</a><br>
-<a href="">Sites</a><br>
-<a href="">Stores</a><br>

</td></tr>

<tr>
<td class="header">Tutorials</td></tr>
<tr>
<td class="border1"> -<a
href="">Blinkies</a><br>-<a
href="">Dolls</a><br>-<a
href="">Goodies</a><br>-<a
href="">Guestbooks</a><br>-<a
href="">HTML Help</a><br></td></tr>

<tr>
<td class="header">Contact Me</td></tr>
<tr><td class="border1"> -<a
href="">E-mail</a><br>-<a
href="">Guestbook</a><br>-<a
href="">Message board</a><br>

</td></tr>
</table>

</td>

<td valign="top" cellpadding="5">
<IFRAME name="main" src="main.html" width=400 height=600 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME>

</td>

</tr>
</table>
</td></tr></table>
<br><Br><br><br>

</center>
</body>
</html>

You're going to want to add css to all your pages. An easy way to do that is to use an external style sheet instead of adding the css to the head of each page.
You can do that by replacing the css in your head tag by :

<link REL=stylesheet TYPE="text/css" HREF="style.css">

then in you style.css, you'd have all your css, JUST the css, no <Style> tags, no html, no nothing. Hope that makes sense.

LittleHobbit

04-20-2004, 02:22 AM

Haha, Ok Im sorry Rosey....for all your help, but I give up.

http://www.geocities.com/naughty_habits/main.html

I did EXACTLY what you said & thats what I got. I dont know why I thought I could actually do this :( BAHHH

Rosey

04-20-2004, 02:41 AM

You can, the LONG code, that's your index.html not main.html.

In your main, just put the basics, not your whole table code nothing, just what I said, just this:

<html>
<head>
<title>main content</title>

</head>
<body>

Welcome to my site and all that jazz...

</body>
</html>

That's your main.html.

Do the same thing for the friends.html, save ONLY what i put on there as friends.html and the LONG LONG code with the table, save that as your index.html.

The way the browser looks at frames is this:

It loads up index.html and notices that there is an iframe on there. The iframe calls for a document called main.html and that's what the browser will display in your little box (iframe).

LittleHobbit

04-20-2004, 06:46 AM

Ok, I did that...for some odd reason I think I got it *suprised look* On the 'index' part...I leave it as IS, EXCEPT for adding the **href="friends.html" target="main">Friends</a><br>-<a ** codes correct?

THEN on each individual eg: 'Friends, Pics etc' I can add additional HTML?
I think thats what comfused me b/c the 'friends' background is white & looks messed up...thats what I dont/didnt get...like I can add background, .gifs etc?

Rosey

04-20-2004, 06:52 AM

Yes that's right on the code, you'll have to add the target on each link.

Yes you can put a background on your documents that will show up in your iframe, but you'll have to do that on the friends.html page or if you want it black, like the rest of your page, just make an external style sheet.

LittleHobbit

04-20-2004, 06:59 AM

HAHA, ok see...that confused me at first. Thats what I was thinking. The 'index' is like my MAIN page....with everything setup already...all the other pages such as 'friends' show up in the frame, but with my links still there...And on each sheet I have to add, the color codes etc....

One question though. How do I change the names of the pages? such as 'index' I dont want index the name of my site?

Rosey

04-20-2004, 07:01 AM

you can't do it any other way, the index file will be the first file it looks for, when you go to geocities.com/yourusername it will go to geocities.com/yourusername/index.html

Adding an external style sheet to all your pages will facilitate you adding color to your page if you want those backgrounds to be black.

LittleHobbit

04-20-2004, 07:06 AM

Ok, nvm, I got it. Ok...this External sheet thing...You kind of lost me there..whats the purpose of it? And is it something/another page Ill have to link in? *confused* Ive read a few things from ppl here, but honestly dont know anything about them. Im sorry

Rosey

04-20-2004, 07:13 AM

I posted something earlier:

You're going to want to add css to all your pages. An easy way to do that is to use an external style sheet instead of adding the css to the head of each page.
You can do that by replacing the css in your head tag by :

<link REL=stylesheet TYPE="text/css" HREF="style.css">

then in you style.css, you'd have all your css, JUST the css, no <Style> tags, no html, no nothing. Hope that makes sense.

That way when you want to change one thing, you just have to change one file.

LittleHobbit

04-20-2004, 07:17 AM

Ok..I re read that, sorry. And I looked it up on Lissas HTML help...seems pretty simple, and just to clarify b4 I attempt this again...that attribute would be placed above the <html><head> tag?

Rosey

04-20-2004, 07:21 AM

nope, right between the <head> and </head> tags.

I'm going to bed but i'll be on tomorrow sometime.

LittleHobbit

04-20-2004, 07:28 AM

okay, nite nite :)

Ill play around tomorrow with everything. right now my heads scrambled, lol
Ill letcha know though.

LittleHobbit

04-21-2004, 01:18 AM

HA!! Yay I messed with everything today & I got it! woo...Now I get to play around with each page :-P

I do have a question though. I had a friend make me a flash intro page, I redone it with Lissas 'flash help'. BUT it has a 'enter' on it...How can I link that to my index page, so when a person visits my site, the intro is whats seen first?

Rosey

04-21-2004, 05:42 AM

You'd have to name your flash page index and then rename your real index something else like index2 or something.

LittleHobbit

04-21-2004, 07:05 AM

And that will automatically link the 2? The reason I asked is b/c right now the intro is linked to the 'old' main page...

LittleHobbit

04-21-2004, 07:08 AM

And I forgot to add..how do I center the text on each page? I tried centering them, nothing...looked through the numerous threads here, tried that, still not centered..

Rosey

04-21-2004, 07:11 AM

you're going to have to create a link, like if you have an image that says enter, link it:

<a href="secondindex.htm"><img src="image.jpg" border="0"></a>

if you mean in the tables, put style="text-align:center;" in the td tags or if you mean your iframe pages, put it in the body tag.

LittleHobbit

04-21-2004, 07:35 AM

I figured the intro out...I switched that page to index, & renamed my original index, 'naughtyhabits' & it worked...

As for tables, you mean on the linked pages? Ill try it, maybe my problem was I placed the tags in the wrong place...

Rosey

04-21-2004, 07:31 PM

Which pages do you want centered exactly?

LittleHobbit

04-21-2004, 10:15 PM

the pages I want centered are the 'categories' themselves...I think I got it figured out tho, look @ the other thread, 'tables' it lies there....thank you tho