|
HTML - How To Prevent Frame Navigation.
Hi everyone, I am a noob.
I am creating a website with frames. Using PHP or javascript how can I prevent a user from navigating directly to the subpages on the website? I want them to navigate to index.htm first. thanks Similar Tutorialshow to make a navigation frame?... Hey, I'm just wanting to put together a simple page with frames, which has a navigation frame on the left, then the main section on the right. I want to navigation links to open up in the main section on the right, but currently they are opening on the left, within the nav section. Does anyone know how i can do this? Currently i have as my nav links, which opens a new browser window for that page: <a href="functions.html" target="main.html">Functions</a> I'm just wanting to put together wireframes information, like this http://i2.sitepoint.com/graphics/wireframes2.png Thanks for any help! Hi, I am making a web site and stuck in a place and need help in resolving the issue. Let me explain the issue. I have 3 frames... top, left, right(the main page). The top frame non navigable and has banner. In the left frame I have created tree menus to navigate between different links. The first link is to show the main page in the right frame. I have make a link in the right frame which will take you to the google web site. When I click on the link to take me to the google web page I get the google web page on the right frame. But when I click on the home link which is in the left frame tree menu I AM UNABLE TO GO TO THE MAIN PAGE on the right frame. That mean that the google page that was showing on the right frame should go off and the main page should show in the right frame when I click on the home link ( on the left hand frame tree menu). But it does not happen in that way. I do not understand the reason...... Please help me to resolve this issue........ If I try using the IMG tags in the frame that contains my navigation bar, it moves the picture down and it looks very ugly. In the other hand, I need to create an image map for it but I can't seem to find a way to do that. Halp. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Navigation Bar</TITLE> <LINK REL="shortcut icon" HREF="favicon.ico" TYPE="image/x-icon"> <LINK REL="icon" HREF="favicon.ico" TYPE="image/x-icon"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> <META NAME="author" CONTENT="CENSOREDCENSOREDCENSORED"> <META NAME="version" CONTENT="0.7"> <META NAME="description" CONTENT="CENSOREDCENSOREDCENSORED."> <META NAME="keywords" CONTENT="CENSOREDCENSOREDCENSORED"> </HEAD> <BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" HEIGHT="145"> <TR ALIGN="left" VALIGN="top"> <TD HEIGHT="145" WIDTH="780" BACKGROUND="navbar.jpg" NORESIZE BORDER="0" ALT="Navigation Bar"></TD> <MAP NAME="navbar"> <AREA SHAPE="rect" COORDS="341,99,434,124" HREF="main.html" ALT="Home"> </MAP> </TR> </TABLE> </BODY> </HTML> Obviously incomplete, I was trying to get the map to work. I removed the USEMAP="#navbar" because using it with the IMG tags made it look like crap. navbar.jpg is similar to this. I'm bulding a basic website navlist at the top of the screen. My problem is with the active link and how each is highlighted. I have not done this in many years so i'm sure i'm missing something simple as I just don't remember a lot of things. I believe the problem is with how my list is set up. HTML: <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="home.html" target="main" id="current">HOME</a></li> <li><a href="about.html" target="main">ABOUT</a></li> <li><a href="services.html" target="main">SERVICES</a></li> <li><a href="design.html" target="main">DESIGN</a></li> <li><a href="contact.html" target="main">CONTACT</a></li> </ul> </div> CSS: #navcontainer { margin: 100px; padding: 0; height: 30px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #CBC9C9; width: 108px; height: 28px; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; padding: 0; margin: 0 0 10px 0; color: #494949; text-decoration: none; display: block; text-align: center; font: normal 20px/28px "Lucida Grande", "Lucida Sans Unicode", Arial; } #navcontainer ul li a:hover { color: #CBC9C9; background: #989797; } #navcontainer a:active { background: #7A7A7A; color: #CBC9C9; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; } #navcontainer li#active a { background: #7A7A7A; border: 1px solid #CBC9C9; color: #9B9B9C; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; } I guess I don't know how to properly identify the active link. If you'll go to www.njcomplete.com, enter, you will see what I am talking about. The initial load looks right. However when I click on another link the page changes but the active link highlight isn't right. Any idea what I'm doing wrong? Hi, Facing a strange issue. My html page contains a div element with fixed height and width and its overflow property set as hidden. as shown below: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div style="height: 200px;width: 400px; border: 3px coral solid; overflow: hidden;">
<input type="text" value="AAAAAAA" />
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
I am rahul working to counter special feature of safari Web tool kit
111
111
232
23
23
232
32
3
<input type="text" value="1111111" />
<input type="text" value="1111111" />
<input type="text" value="1111111" />
<input type="text" value="1111111" />
<input type="text" value="1111111" />
</div>
</body>
</html>
Now if you open this html page in safari or chrome. As the content of the div is overflowing and div's overflow property is set as hidden so no scrollbar is displayed(as desired). Set focus on input type text, keep mouse pressed and drag the mouse. You will observe that div's content starts scrolling(which was not desired). Now open this page in ff/Ie and perform same operation content does not scrolls(desireable). How can I make sure that div's content does not scrolls in safari too. Code spinet will help. You can test this by copy pasting the html content in a test page and open in safari or chrome? Thanks, Regards Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul Hi to all, I am creating an event planner which means that I have a calendar like in html generated by server side script, with users created events stored in a database that are displayed with floating divs that can span across many days. Events can be added/edited at any time by many users, and I can not modify the way they add or modify it. Therefore I can have many events on any day and an event can last an indefinite number of days. The problem is that some of the event will overlap, is there any way in html /css to prevent the <div> with absolute position to overlap without any javascript ? Thanks a Million, Alex Hi, How do I prevent framed html pages from coming up in a Google search? Can anyone tell me if the following is possible, and if so, how do I do it? I want a list of bullet points, but if one of the bullet points has no text then I don't want the actual bullet graphic to be shown. Not the best explanation so I'll elaborate. I'm pulling the bullet data from a program using a keyword/macro so my code looks like this. HTML Code:
<ul>
<li>{{BulletPoint1}}</li>
<li>{{BulletPoint2}}</li>
<li>{{BulletPoint3}}</li>
<li>{{BulletPoint4}}</li>
<li>{{BulletPoint5}}</li>
</ul>
Works perfectly when all five bullet points are populated, but if for example, there are only 3 bullet points with text, I get the bottom two bullet graphics just hanging there with no text next to them so and the final code looks like this HTML Code: <ul> <li>This is bullet point 1</li> <li>Here's another bullet point</li> <li>Only 3 bullet points for this particular product</li> <li></li> <li></li> </ul> Can anyone help? Does anyone even know what I'm talking about? Hello Everyone, I am putting together a web site that will allow folks to listen to some audio files (.mp3). I do not want them to have the ability to down load them. Do do this, I create an href to the file: <a href="birdcall001.mp3"> This seems to work fine in Microsoft's IE. Microsoft IE brings up the audio player and plays the file. However if I use the Firefox browser, a dialog box comes up and gives the user the choice to listen to the file or to download it. Is there a way to prevent Firefox from giving the user the option to download the file? New to this, but having a lot of fun! Thanks for any help! Steve Told you I was new at this. Additional testing shows: They can also download the file in IE by simply right clicking on the reference. So I guess the real question is "is there a way to allow users to listen to a .mp3 file, but prevent them from downloading the file" Thanks for any insight! I'm swapping out an image through javascript, and when the user click the image it becomes outlined. Is there some way to prevent this from happening? Thanks for any help. Hi, im in the middle of creating my website and need some help with stopping people from going to a page in my website manually. Basically, i've set up a contact form and once it's filled in, it sends you to a thankyou page. I want to stop people going to that page manually by typing in the url for it. I want them to only be able to access it by filling out the form and hitting 'send'. Firstly, is this possible, and if so, HOW?! Thanks in advance!! i'm using 6 iframes in a page my page has scrolling whlie i click a link on top most iframe the page has been slide down the scroll bar comes to middle plz help me here my url http://www.myspace.com/come_get_cole and heres the code HTML Code:
<style>.profileInfo {display:none;}</style>
<style>.friendSpace {display:none;}</style>
<style>.latestBlogEntry {display:none;}</style>
<style>.extendedNetwork {display:none;}</style>
<style>a.text, table div font a, table div div {visibility:hidden;}</style>
<style>.contactTable { display: none }</style>
<style>
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:transparent;}
</style>
<p>
<center>
<style>.a embed, object {filter:alpha(opacity=0.1); opacity:0.01;} td td td td embed, td td td object,td.text embed, td.text object {filter:none; opacity:none;} .interestsAndDetails {margin-top:-120px;}</style>
<center>
<center>
</center>
<style>body{background-color:FFFFFF; background-image:url(http://i41.tinypic.com/uvmt2.jpg);} div, li, p, .redtext, .redbtext, td, tr, table, .text{color: 000000; font-size: 11px; font-family: arial; font-weight: none; border: 0px; text-transform: none;} .blurbs{background-color:transparent; border:0px;} .btext, .lightbluetext8, .orangetext15, .whitetext12{color: 000000; font-size: 10px; font-family: arial; font-weight: none; border: 0px; text-transform: uppercase; } textarea {color: 000000; font-size: 7px; font-family: small fonts; font-weight: none; text-transform: uppercase; width: 175px; height: 30px;} table tr td div font{font-family: small fonts; font-size: 8px; color: 666666; padding:0px;text-transform:uppercase}</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.profileInfo * {background-color:transparent;}
table.profileInfo table, table.profileInfo {width:0px;}
table.profileInfo td td.text br {line-height:0px;}
span.nametext {font-family:Tahoma!important;
font-size:20px!important;}
table.profileInfo td td img {display:none;}
table.profileInfo td.text img {display:inline;}
table.profileInfo td td b {display:none;}
table.profileInfo td td span.searchMonkey-mood {display:none;}
table.profileInfo td td.text img.ImgOnlineNow {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
.userProfileURL {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.interestsAndDetails td.text {display:none;}
table.interestsAndDetails span.lightbluetext8 {display:none;}
.interestsAndDetails td {width:0px;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.interestsAndDetails table {background-image:url(null);}
table.interestsAndDetails table {background-color:transparent;}
table.interestsAndDetails td td {background-color:transparent;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileDetail {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileSchool {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileCompany {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileNetworking {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.blurbs td.text {display:none;}
table.blurbs td td span.orangetext15 {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
.bodyContent tr {background-color:transparent;}
.bodyContent table div br {line-height:0px;}
</style>
<style>.clearfix {margin-top: -100px;}</style>
<p>
<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="flashvars" value="userID=28942839&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="#000000" flashvars="userID=28942839&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>
How do I prevent framed html pages from coming up in a Google search? I made a site with Dreamweaver that has frames and within those frames I have different html pages that load into them. I came across an extension once which I believe prevented those pages from coming up in Google searches but cannot relocate it. These pages are just bare text and should not be accessed by themselves hmm I asked for help in getting a big frame over the site content and I got here help .(by the way thanks)(I dont mean frames... What I meant was to put the content in some kind of a big frame likse div...) Code: <html>
<head>
<style type="text/css">
html, body {
background: blue;
}
* {
margin: 0;
padding: 0;
border: 1;
}
#container {
width: 885px;
margin: 0px auto; /*centers #container*/ padding: 5px;
background: black;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
it helped but then I found another problem : I used this code for puting a frame the i can scroll over something but now it doesn't work Code: <b style="overflow:auto; height: 640px; width=292px;" class="sotableup" align="left"> </b style> And now it doesn't work. Any ideas? |
|||||||