Css Problems / Iframe

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Css Problems / Iframe

Post by Shaneckel »

http://www.shaneckel.com/index2.htm - for starters

If you check that in IE, the drop down menus do not work.

In all my past web-sites I've linked to a main part of my table using iframe. Its the only way I know how. Strangly enough, if you use css overtop of an Iframe, it disapears. Quite frustrating.

Three Questions:

1. Is there a better way in life besides Iframe to achieve my goal?

2. Is there a way for me to fix this Iframe glitch? (kinda blends with the first question, but not enough for me to make this 2 and half questions.

3. What is the proper place to attatch <!--[if IE]>, because wherever I put it, or however I put it, It does nothing.

I'm sorry, I'm not a code based man, but shiz demands me to learn something other than art, and this is where I ended up. And now I sleep.

Greatly Appreciated

~Quang
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

The dropdowns also do not work in Mozilla (1.7.12).

As for your questions:
1. Maybe normal frames will do what you want. But personally I would go without any frames. Normal pages and some coding with server-side includes /php includes will do the job. But I don't know what your goal is exactly, so that's only speculation on my side. An advantage of not using frames will be that the different pages will have their own URLs (better for users and search engines).
2. Sorry, can't help you here, i've never used iframes.
3. Should go between the <head> and </head>

Code: Select all

<head>
<title>Some title</title>
<style type="text/css" media="screen,projection">
@import "/css/main.css";
</style>
<link rel="stylesheet" type="text/css" media="print" href="/css/print.css">
<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="/css/ie.css">
<![endif]-->
</head>
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

I definatly don't want to use frames.

I really just want to link to a certain cell in a table, without using Iframe.

php is a foreign language to me. I've heard about includes but have no idea how to work them, or use them.

About the IE, do I need to have a .css file in order for it to work?


@import "/css/main.css";
<link rel="stylesheet" type="text/css" href="/css/ie.css">


because both of these files do not exist.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

Shaneckel, could you explain why you wanted the IE conditional comments in the first place? I was assuming you needed them to give IE its own stylesheet, because that's where its used for often. But reading your reply, maybe you want something else.
I really just want to link to a certain cell in a table, without using Iframe
What table are you talking about? A database table? If you could explain, I might be able to help.

About the includes:
It's quite simple. You have a php page, say index.php. From that page you include some other pages. In those pages you have some common pieces you want to reuse in your website. Say the top part or bottom part of the site. Or a navigation menu. You can include those common pieces from as many pages as you want. The result is that you don't have to duplicate those common pieces across all the pages. And that makes your live a bit easier when it's time to change something. A page looks like this:

Code: Select all

<?php
include_once ($_SERVER['DOCUMENT_ROOT'].'/inc/header.php');
?>

<h1>My main page</h1>
<p>My menu:</p>

<?php
include_once ($_SERVER['DOCUMENT_ROOT'].'/inc/menu.php');
?>

<p>more content.... </p>

<?php
include_once ($_SERVER['DOCUMENT_ROOT'].'/inc/footer.php');
?>
and an include page can be normal html:

Code: Select all

<h3>Menu</h3>
<ul>
<li><a href="">Item</a></li>
<li><a href="" >Item 2</a></li>
</ul>
Hope this helps. Please let me know if something's not clear.
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

It does help, Gracious. Still i'm too slow to figure this out.

If you check the site, you'd see a drop down menu that would link to the empty cell. I did this using target=iframe. Problem is, you can't have a drop down menu over an iframe which ruins my plans. Hence why I'm attempting to learn 'include' so I can link from my drop down menu to the empty cell.

The <!--[If IE]> was suppose to be added to fix the css drop down menu in IE, because at the current moment, it doesn't work.

Appreciate the help, I'm not a very smart coder.
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

Shiznatix the wonder boy helped me with includes: gracious you fat bastard.


Now it still dosen't work with IE. any help would pwn.


http://www.shaneckel.com -- F the index2
User avatar
shiznatix
DevNet Master
Posts: 2745
Joined: Tue Dec 28, 2004 5:57 pm
Location: Tallinn, Estonia
Contact:

Post by shiznatix »

Code: Select all

<style type="text/css" media="screen"> @import "tanfa.css"; /***** General formatting only ****/
/**************** menu coding *****************/
#menu {
width: 100%;
background: #000;
float: left;
height: 23px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 119px;
height: 23px;
float: left;
}

#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #000;
text-transform: uppercase;
position: center;
}

#menu a {
color: #72819c;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #8C9FC1;
background: #000;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
that is the code that he has for the css dropdown menus. now i am not css master (actually i know almost nothing about css) but i know it does not work in IE but does work perfect in the latest version of firefox. how can this be fixed?

just showin his code :lol:
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

I added a .htc file and linked to it, yet no help. have another look, its 7 in the morning and I'm trying finish this by tonight... Which I deam impossible. It Still dosen't even dropdown in IE.

Code: Select all

<style type="text/css" media="screen">
#menu {
width: 100%;
background: #000;
float: left;
height: 25px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 119px;
height: 25px;
float: left;
}

#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #000;
text-transform: uppercase;
position: center;
height: 26px;
}

#menu a {
color: #72819c;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #8C9FC1;
background: #000;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: center; width: 100%;}
#menu ul li a {height: 100%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->
Loading the gun as we type.
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

it's ok, jesus Christ himself took my hands and fixed it himself. check for yourselves in every browser you got.

http://www.shaneckel.com

thank you!javascript:emoticon('8)')
Cool
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

Shaneckel wrote:www.shaneckel.com
Now to make it html compliant..
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

Roja wrote:
Shaneckel wrote:www.shaneckel.com
Now to make it html compliant..
I'm sorry, are you being funny? Or is this a serious problem?
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

Shaneckel wrote:I'm sorry, are you being funny? Or is this a serious problem?
Have a look for yourself:

Code: Select all

Result:  	 Failed validation, 39 errors
Address: 	
Modified:	(undefined)
Server:	Apache
Size:	(undefined)
Content-Type:	text/html
Encoding: 	utf-8	
Doctype: 	(no Doctype found)
http://validator.w3.org/check?verbose=1 ... eckel.com/
Shaneckel
Forum Commoner
Posts: 48
Joined: Fri Sep 23, 2005 3:46 am
Location: Pittsburgh, PA

Post by Shaneckel »

well, thats <span style='color:blue' title='I&#39;m naughty, are you naughty?'>smurf</span> up...


Thank you.
Post Reply