Css Problems / Iframe
Moderator: General Moderators
Css Problems / Iframe
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
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
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>
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>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.
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.
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.
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:
and an include page can be normal html:
Hope this helps. Please let me know if something's not clear.
What table are you talking about? A database table? If you could explain, I might be able to help.I really just want to link to a certain cell in a table, without using Iframe
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');
?>Code: Select all
<h3>Menu</h3>
<ul>
<li><a href="">Item</a></li>
<li><a href="" >Item 2</a></li>
</ul>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.
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.
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
Now it still dosen't work with IE. any help would pwn.
http://www.shaneckel.com -- F the index2
- shiznatix
- DevNet Master
- Posts: 2745
- Joined: Tue Dec 28, 2004 5:57 pm
- Location: Tallinn, Estonia
- Contact:
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>just showin his code
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.
Loading the gun as we type.
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]-->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
http://www.shaneckel.com
thank you!javascript:emoticon('8)')
Cool
Now to make it html compliant..Shaneckel wrote:www.shaneckel.com
I'm sorry, are you being funny? Or is this a serious problem?Roja wrote:Now to make it html compliant..Shaneckel wrote:www.shaneckel.com
- feyd
- Neighborhood Spidermoddy
- Posts: 31559
- Joined: Mon Mar 29, 2004 3:24 pm
- Location: Bothell, Washington, USA
Have a look for yourself:Shaneckel wrote:I'm sorry, are you being funny? Or is this a serious problem?
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)