FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Help wanted with CSS and iframes It works

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


woundedhealer
I've got two problems which I'm hoping someone can help me with.

The first one is with my iframe. I've used CSS for positioning it, but instead of being centred it's on the left hand side of my page. You can see it positioned here: www.earthspirit.frih.net/template This is the iframewww.earthspirit.frih.net/links/iframe

My other problem is with CSS. The font colors aren't working. The text has been changed to uppercase, so something is working here. You can see the code here www.earthspirit.frih.net/css.htm I've been puzzling over this for two days, so I hope someone can save my sanity Exclamation

Edit>I can see the colors now. I'll even own up to what the problem was. I was doing some printing off the internet a couple of weeks ago, and because the font was very small and used loads of different colors I went into internet options and enlarged the font and had the text in black - and yes, you guessed it, I didn't take it off black font. Call it a blond moment. Embarassed

Last edited by woundedhealer on Tue Aug 22, 2006 9:18 pm; edited 1 time in total
badai
you did not use css to center your iframe.

Code:
<iframe name="iframe" src="http://www.earthspirit.frih.net/links/iframe.htm"
frameborder="no" scrolling="no"></iframe>


where is the css? no style or class tag.

if u want to centre it, just enclose your iframe in <div align='center'>.


the font colour work just fine on my monitor.
woundedhealer
Quote:
the font colour work just fine on my monitor.

That's weird. The font is still black in my monitor, also there is no background color.
Quote:
if u want to centre it, just enclose your iframe in <div align='center'>.

That was alreay done.
Quote:
you did not use css to center your iframe....where is the css? no style or class tag

I put the css on the iframe page, with the help of dreamweaver. Was this wrong? Should it have been where I wanted the iframe to appear? I don't like using dreamweaver for it, but I was desperate.

I've tried so many different things tonight in the hope of sorting it, but still nothing. I better leave it for now I think.

I haven't done any scripting for 2 years and I've forgotten a lot, + I'm dyslectic which makes reading tutorials hard going.
woundedhealer
mathiaus
If you place CSS on the source of the frame it will affect the page in the frame, NOT the page that the frame is on.

The frame isn't big enough - EDIT: see youve solved that problem Smile
woundedhealer
<edit>I've got the iframe position right now. It was the css which made it go weird.

I still haven't managed to sort out the css. It must have something to do with my coding as the text-transform works ok. I'm still hoping someone can spot my mistakes.
</edit>

So the css should be on the page that fits into the frame? That's the way I've got it at the moment.

There's still a problem. Although the images have moved towards the centre, it' still not properly centered, nor is it all showing. I just don't know where I'm going wrong.

I still haven't managed to resolve my css problems. The transform: uppercase; code is working, but not the background color or th font colors. So there must be something wrong with the coding, but I don't know what. I'm just hoping that someone else can spot it. Here is the css code:

<style type="text/css">
<!--
body
{
background: #E3DBD2
}
h2 {
font-family: Arial, Helvetica, sans-serif; color: #006666; text-transform: uppercase;
}
h3 {
font-family: Arial, Helvetica, sans-serif; color: #336666; text-transform: uppercase;
}
h4 {
font-family: Arial, Helvetica, sans-serif; color: #990033; text-transform: uppercase;

}
a:link {
color: #660066; text-decoration: none;
}

a:visited {
color: #996699; text-decoration: none;
}
a:hover {
color: #996666; text-decoration: none;
}
a:active {
color: #996699; text-decoration: none;
}
-->
</style>
eruct
You are missing a semi-colon after the background color and if you are only using a color the code should be this:
Code:
body
{
background-color: #E3DBD2;
}


Also, what font colors are you not seeing? All of the headings seem to be working (h2, h3, h4). If you trying to change the colors of the links though, that is impossible with your current design because they are images. If you want Home, Distant Healing, Contact, About Me to change colors you will have to make new images with the color changes you want and turn them into rollovers.
woundedhealer
Thank you so much for pointing out the missed semi-colon. I've put it in, but there's still no background color, at least I can't see it. but if you say you say the H2, H3 and H4 headings are in color, I'm going to have to trust that the background color is showing as well. It's all very strange.

I've got other links besides my image ones, and they are the ones I wanted to change the color of. Again, I think I'm just going to have to trust the colors are there.

The test-decoration=none is working, as is text-transformation=upperclass, so there is no reason for the colors not to be there if my coding is right.

Thanks everyone for all your advise. Now this stage is over, I can start working on the next - and find more questions I need to ask. Smile
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.