Page 1 of 1
Css Problems / Iframe
Posted: Sat Jan 07, 2006 3:40 am
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
Posted: Sat Jan 07, 2006 9:05 am
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>
Posted: Sat Jan 07, 2006 3:28 pm
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.
Posted: Sat Jan 07, 2006 5:25 pm
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.
Posted: Sat Jan 07, 2006 6:02 pm
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.
Posted: Sat Jan 07, 2006 8:28 pm
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
Posted: Sat Jan 07, 2006 8:35 pm
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

Posted: Sun Jan 08, 2006 6:07 am
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.
Posted: Sun Jan 08, 2006 7:38 am
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
Posted: Sun Jan 08, 2006 8:16 am
by Roja
Now to make it html compliant..
Posted: Sun Jan 15, 2006 12:15 am
by Shaneckel
Roja wrote:
Now to make it html compliant..
I'm sorry, are you being funny? Or is this a serious problem?
Posted: Sun Jan 15, 2006 12:24 am
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/
Posted: Mon Jan 16, 2006 6:45 pm
by Shaneckel
well, thats <span style='color:blue' title='I'm naughty, are you naughty?'>smurf</span> up...
Thank you.