Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > Need Help: Frames/iFrames: One more problem!

Pages: [1] 2

« previous next »

Author

Topic: Need Help: Frames/iFrames: One more problem! (Read 1239 times)

Kaimei

Angeling

Posts: 23

Need Help: Frames/iFrames: One more problem!

« on: February 15, 2008, 09:57:08 PM »

Hello.
I think I need is the content frame.
When I add it, the whole layout breaks.
Could anyone help?

Here are things I'd like not to be changed, but added, it's fine:
My CSS:

Code:

A:link,A:visited
{
text-decoration: none;
font-weight: none;
color: #000000;
border-top: none;
border-bottom: none;
border-top: none;
border-bottom: none;
}

A:hover
{
text-decoration: none;
font-variant: none;
background: none;
font-weight: none;
color: #FFFFFF;
cursor: crosshair;
}

body,td
{
text-align: justify;
margin: 0px;
background-repeat: repeat;
background-position: center;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF;
direction: ltr;
font-size: 8pt;
color: #000000;
font-family: Tahoma, Verdana;
line-height: 13px;
cursor: crosshair;
}

.head
{
background-color: #000000;
height: 18px;
padding-top: 0px;
font-weight: none;
color: #FFFFFF;
letter-spacing: 0px;
font-variant: small-caps;
font-size: 8pt;
text-align: center;
font-family: Tahoma, Verdana;
border-top: dotted #FFFFFF 1px;
border-bottom: dotted #FFFFFF 1px;
}

If you need to add anything, please do.
Otherwise, please don't change the colors or the fonts.
Another thing I must explain is that this site is a applying site.
I will use this site to apply for a REAL website.
I'm sorry if I didn't make this clear in the beginning.
The link "Hostess" is my link back to my hostess which is usually a girl.
But if not, I will change it to 'Host'.
This is a FreeWebs account so I'd appreciate it if you could adjust to FreeWebs.
I don't want any scripts installed into it.
I'd like to do that myself!
^_^
Thank for trying to help though.
I thought I needed to make those things clear.
I'm sorry for the inconvenience!
^_^

EDIT:
Thank you, EternalSnow for helping me with all my problems!
But now, I have one more problem.
When I type things for my divider, it does not work.
For example, if I type Terms of Use it will break into 2 lines, ruining the whole layout.
But when I put Avatars, it's aligned perfectly and the way I want it to be.
Can anyone help?


« Last Edit: February 27, 2008, 05:08:00 PM by Kaimei »	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #1 on: February 16, 2008, 10:36:40 AM »

The CSS page isn't very useful when it can't be compared to the html (or PHP) page. Can you give the code for that page, also?


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #2 on: February 16, 2008, 02:35:37 PM »

The code for the page is:

Code:

<div id='#wrapper'>
<html>
<head>
<title>E T E R N A L Kiss Designs:: V E R S I O N 1:: The Story of the G O L D E N Angel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body style="overflow-y:hidden;overflow-x:hidden;background: #000; margin: 0; padding:0;">
<div align='center' style='padding-top: 100px;'>


<table id="Table_01" width="751" height="407" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5">
<img src="images/Golden-Angel_01.gif" width="253" height="369" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/Golden-Angel_02.gif" width="111" height="85" alt=""></td>
<td colspan="4">
<img src="images/Golden-Angel_03.gif" width="386" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Golden-Angel_04.gif" width="19" height="314" alt=""></td>
<td rowspan="3">
<div class="main">
<iframe scrolling="yes" name="main" src="main.html" height="297px" width="327px">
</iframe>
</div>
</td>
<td colspan="2" rowspan="3">
<img src="images/Golden-Angel_06.gif" width="40" height="297" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Golden-Angel_07.gif" width="111" height="237" border="0" alt="" usemap="#Golden_Angel_07_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="237" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Golden-Angel_08.gif" width="1" height="47" alt=""></td>
<td rowspan="2">
<img src="images/Golden-Angel_09.gif" width="110" height="47" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Golden-Angel_10.gif" width="334" height="17" alt=""></td>
<td>
<img src="images/Golden-Angel_11.gif" width="33" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Golden-Angel_12.gif" width="750" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="253" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="110" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="327" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td></td>
</tr>
</table>
<map name="Golden_Angel_07_Map">
<area shape="rect" alt="Siblings" coords="0,218,110,236" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Affiliates" coords="0,190,110,208" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Rotations" coords="0,163,110,181" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Tagboard" coords="0,136,110,154" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Graphics and Resources for you" coords="0,109,110,128" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Fanlistings" coords="0,81,110,99" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Link Me, Links Out, and Resouces" coords="0,54,110,72" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Home" coords="0,27,110,45" href="http://eternalkiss.webs.com" target="_parent" border="0">
<area shape="rect" alt="Freewebs" coords="0,0,110,18" href="http://freewebs.com" target="_self" border="0">
</map>


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

Here's the frame HTML:

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" href="style.css">
<body style="background:url("images/Golden-Angel_05.gif") no-repeat fixed">
</head>



<br>
<p class="head">welcome to Eternal Kiss Designs!</p>
<p>Welcome to Eternal Kiss Designs! Here you will find graphics of many resources! For an introduction, my name is Yuki. I was formerly known as 'Kaimei' upon Twilight Wings although I quit that site due to my partner, Reiketsu. Please feel free to look around!<br>
<br>
<b>Version 1:: The Story of the Golden Angel</b><br>
<br>This layout was made by me and for credit for the image, brushes, and techniques, please look at my 'Linkage' page of resources and more. This layout features Saber of Fate/Stay Night. It is also a Frames layout. Thank you very much for visiting!<br>
<br>
<p align="center">Best viewed in <b>Firefox</b> with the resolution of <b>1024 by 768</b>
</p>

<p class="head">Updates</a>
<p>CuteNews code here</p>


</html>


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #3 on: February 16, 2008, 07:18:31 PM »

Looking at your code, I'm not really sure where the problem is or what you mean by everything breaking. I placed the code up myself and the layout looked perfect, minus the images. The only inconsistency I can see is your links are targeted for "_parent" rather than for the name you gave the frame, which is "main."


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #4 on: February 16, 2008, 10:20:29 PM »

Hm..
Okay!
^_^
If I fix that, will the images not have a "Broken" effect?
My main goal is to get rid of that!
^_^


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #5 on: February 16, 2008, 11:21:09 PM »

Do you have a picture or working view of the layout so we can see the broken images?


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #6 on: February 17, 2008, 07:21:39 AM »

I think so.
Just a picture with all the slices together in place?
Here you go then:

http://img107.imageshack.us/img107/1802/goldenangelps2.jpg


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #7 on: February 17, 2008, 10:29:52 AM »

My fault, I wasn't very clear. Can you show us a screenshot of the layout with the problems or give an actual link to the working layout which shows the problems with the images?

(Very nice layout, by the way)


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #8 on: February 17, 2008, 11:19:28 AM »

^_^
Here's the broken image link!

http://eternalkiss.webs.com/

Oh and thank you very much!!!!
^_^


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #9 on: February 17, 2008, 12:05:53 PM »

From what I can see (no expert on iframes, so I could be entirely wrong) is that the iframe appears to be larger than the td it is in, which expands the Thus moves everything else according to its own size. Try shrinking the size of the iframe to see if it will fit inside its respective td.

Also, when using tables and tds in never hurts to have this code in you CSS page:

Code:

td { vertical-align: top; }

I also recommend an auto scrolling rather than the word yes, which will cause the annoying lower scrolling bar to disappear and give the information more room.

Code:

scrolling="auto"


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #10 on: February 17, 2008, 02:00:29 PM »

^_^
Thank you!
I tried to minimize the iFrame, but it still didn't work..
I minimized it to 325 by 295.
Would that be enough or more?
Thank you very much again for the scrollbar trick!


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #11 on: February 17, 2008, 02:08:08 PM »

I'm not sure if minimizing the frame made any difference, so I was curious if you noticed any difference. Also, the div tag the iframe is nested in may be causing the frame to expand, since divs are known to have margins. If the div isn't being used, I recommend you delete it and any others which aren't necessary.


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #12 on: February 17, 2008, 05:47:30 PM »

I tried to take the DIV tags off as well.
It made the images even MORE apart.
I'm sorry if this is irritating you!!!
Thank you VERY much for taking your time to help me!


	Logged

EternalSorrow

Retribution

Posts: 157

Got milk duds?

Re: Need Help: Frames/iFrames

« Reply #13 on: February 17, 2008, 06:18:29 PM »

I found your problem. Within the CSS page in the div class main there is this code:

Code:

padding:10px

Delete it and your layout should look perfect.


	Logged

Kaimei

Angeling

Posts: 23

Re: Need Help: Frames/iFrames

« Reply #14 on: February 17, 2008, 08:12:03 PM »

Oh my gosh!!
Holy Fiddlesticks!!
Thank you so much!
^_^
I really do need to repay you!
I will mention you in my credits if that's okay!
Thank you very much!!


	Logged

Pages: [1] 2

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic