|
HTML - How To Make An Invisible Html Frameset
/sorry for all the mistakes, I'm not a native English speaker/
I know it may sound sill or wierd for some of you but I'm completly new in html and all those things but I have to do a project in information technology - a website about me. I have to split it into two frames. I did sth like this: <frameset> <frame name="A" src="menu.html"> <frame name="B" src="homepage.html"> </frameset> The thing is - it looks really awful. Look: http://tinypic.pl/i/00001/xmbmjwgb6amg.png Can i delete somehow this horrible line between the frames? I would like to put an image as a backgraund and it won't look good if there's a wide grey line splitting it. Help! Similar TutorialsHi, I have developed a menu with a dropdown list with html and css. But I have a banner that change sometimes the advertisement. Sometimes the dropdown list is correct and sometimes the advertisement hide the list. I have tried with z-index but nothing as well with <li onmouseover="this.className='sfHover';document.getElementById('advertHead').style.visibility='hidden ';" onmouseout="this.className='';document.getElementById('advertHead').style.visibility='visible'" ><a>More</a> but nothing this is the banner I want to hide <div runat="server" id="advertHead" class="banner" style="left:340px;top:25px;z-index:-1"> <!--JavaScript Tag // Tag for network 729: Media Corporation Plc // Website: Sport.co.uk // Page: ROS // Placement: ROS-default-468 x 60 (1522448) // created at: 27-Feb-08 PM 02:03 --> <script language="javascript" type="text/javascript"> <!-- if (window.adgroupid == undefined) { window.adgroupid = Math.round(Math.random() * 1000); } document.write('<scr'+'ipt language="javascript1.1" src="http://adserver.adtech.de/addyn|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=100;target=_blank;key=key1+key2+key3+key4;grp='+win dow.adgroupid+';misc='+new Date().getTime()+'"></scri'+'pt>'); //--> </script><noscript><a href="http://adserver.adtech.de/adlink|3.0|729|1522448|0|1|ADTECH;loc=300;key=key1+key2+key3+key4" target="_blank"><img class="banner" src="http://adserver.adtech.de/adserv|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=300;key=key1+key2+key3+key4" style="width:468px; height:60px; margin: 10px 0 0 143px;" alt="banner 468x60" /></a></noscript> <!-- End of JavaScript Tag --> </div> PLEASE HELP ME how to customize a form button to make it act like a link for example now for example i have a form button that wud open a page with a script in it an all but in a new blank page this is the code HTML Code: <FORM METHOD=POST ACTION="[>SCRIPT_NAME<]" target="_blank"> now i want the target to be an iFrame called "I1" which is hidden so the button shud SHOW the iframe and target the link to the iFrame not to a blank page i did this HTML Code: <FORM METHOD=POST ACTION="[>SCRIPT_NAME<]" target="I1" onClick="makevisible()"> after adding the Java Scripts for the show and hide and all that but still when i click the button it doesnt show the iFrame and it still opens the blank page any help in how to deal with them buttons ??? thanx BYE Basically im a bit of a noob. I have set up a blog using wordpress and got it looking 99% how i want it too, and there is a phpbb forum behind it aswell. Im trying to make the www.domain.com/forum link inaccessible unless you click a link on the main page or else put a text box on the main page where you type a "secret" word in and then displays a username and password box to then login and redirect to the forum. Is any of this possible and any advice of where to start looking? Please done reply with google haha Many Thanks Bob Can someone make me this frameset: I can edit it myself (<noframes>, <head> etc.). I just need the basic frameset. Thanks in advance, Budsie Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. i have created two html pages like parent and child. the code for parent.html is Code: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML Frameset Example</title> </head> <body> <frameset cols="100%"> <frame name="lefty" src="frame.html"> </frameset> </body> </html> the code for the frame.html is Code: <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </HEAD> <BODY> <form action='parent.html'> <input type="submit" value="SUBMIT" /> </form> </BODY> </html> in these two pages if we click the submit button then it will reload the parent.html only but after the submission of 8times its showing the blank page. I am facing this problem in mozilla only. in Internet explorer its working fine. can anyone pls help me thanks in advance Navatha Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. can any one help me to fix this issue. thanks in advance, Navatha. Is there a way to set the minimum width on html frames which are inside a frameset such that when resizing the frames do not disappear completely? For example how would you do it in the following? <html> <frameset cols="50%,50%"> <frame src="left.htm" /> <frame src="right.htm" /> </frameset> </html> I have search around for possible answer(s) but I have not found a solution that works. Preferably, I am looking for a solution that works for recent versions of IE, FireFox at least. Thanks. http://www.meerahmax.cz/pepa/vlkodlaci3.html Hi all, I am willing to solve a problem when my site renders in firefox correctly but in when viewed in ie it somehow does not show my iframe ...where is the problem , is ie showing that iframe behind the background , or ? Well it had made me lots of work googling and compiling my code together from pieces but dont know really what causes that strange behaviour in ie ...??? Any clues??? please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hi, I'm trying to create an invisible scrollbar for a text box with only the up & down arrow showing. How do I make the bar in the Iframe invisible but still be able to scroll up/down on the text. The following is the code that I have. What am I doing wrong? Thanks <body> <p> <iframe name="I1" src="1.htm" border="0" frameborder="0"> </iframe></p> </body> Thanks for you I am making a quick landing page and my text will not appear in a div. I can't see the text in my accessories tab that are to the right on http://tmftk.com/ It should be two columns of information but It just wont show up, could someone please help? Highlight the content within the accessories tab and you will see exactly what i mean sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks Hi all, I'm having a little trouble here, I'm a newbie at coding but I'm learning. how would I achieve something like this? http://www.createblog.com/layouts/code.php?id=28757 and or like this? http://www.createblog.com/layouts/code.php?id=28038 should I be using divs...as you can see in my code I went div crazy...I kinda perfer divs anyway! how can I do this? HTML Code:
<style type="text/css">
a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}
a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}
a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}
/*all links above*/
body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}
h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}
h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}
p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}
/*all divs here*/
div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;
}
div#header {
clear: both;
height: 50%;
width: 100%;
background-color: ;
padding: 1px;
}
div#master {
float: center;
width: 100%;
background-color:white;
}
div#left {
float: left;
width: 150px;
background-color: black;
}
div#right {
float: right;
width: 150px;
background-color:black;
}
div#middle {
padding: 0px 160px 5px 160px;
margin: 0px;
background-color:black;
}
div#footer {
clear: both;
background-color:grey;
}
</style>
<title>I like my nails</title>
</head>
<!--who ha -->
<body>
<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>
<br />
<br />
<div id="master">
<div id="left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id= "right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id="middle">
<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.
Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed
metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis
eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed
nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis
magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend
tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.
Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec
lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac,
luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac
habitasse platea dictumst.
Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus.
Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut,
consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis
posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam
blandit placerat velit. Aliquam vestibulum porta elit.
In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus,
posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel,
dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis
nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue
eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.
</div>
</div>
<div id="footer"><strong>Copy right 2008 Syd</strong> | Design by <strong>Syd</strong></div>
<!--end of the stuff-->
</body>
</html>
is there a better way than this (below) to style Script and Code, to look like script and code when written/typed in html? For instance how does the [ HTML ] [ /HTML ] in this forum work? HTML Code: <style type="text/css">
.csslook {
font-family: "Courier New", Courier, monospace;
font-size: 12px;}
.darkpink {color:#990099;}
.green {color:#006600;}
.pink {color:#FF00FF;}
.darkblue {color:#000099;}
.blue {color:#0000FF;}
</style>
<div class="csslook">
<span class="darkpink"><style type=<span class="green">"text/css"</span>></span><br>
<span class="pink">#mainContent {</span><br>
<span class="darkblue">padding</span><span class="pink">:<span class="blue">0px 1px 0px 1px</span>;</span><br>
<span class="darkblue">border-width</span><span class="pink">:<span class="blue">1px 2px 2px 1px</span>;</span><br>
<span class="darkblue">border-style</span><span class="pink">:<span class="blue">solid</span>;</span><br>
<span class="darkblue">background</span><span class="pink">:<span class="blue">#faf6f6</span>;</span><br>
<span class="darkblue">color</span><span class="pink">:<span class="blue">#000</span>;</span><br>
<span class="darkblue">border-color</span><span class="pink">:<span class="blue">#edd #baa #baa #eed</span>;</span><br>
<span class="darkblue">font-family</span><span class="pink">:<span class="blue">Arial, Helvetica, sans-serif</span>;</span><br>
<span class="darkblue">size</span><span class="pink">:<span class="blue">12px</span>;}</span></span><br>
<span class="darkblue"></div></span>
</div>
I need to have this text in html. I need only the text, no table. My problem was, that when i changed the fontsize, a new paragraph was created. But i want it on one line. Thanks for your help. Hi my html and css that i have coded is only valid in opera and does not run as it is meant to in firefox and safari. Can anyone help me fix it. The text input box is what is broken. here is the html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="Husain Abdullah Al - Zabir" /> <title>WebSnips</title> <link rel="stylesheet" type="text/css" href="styles/main.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/rounded_corner.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/bottom_menu.css" media="all" /> </head> <body> <center> <div class="box"> <b class="tc"> <b class="L1"></b> <b class="L2"></b> <b class="L3"></b> </b> <div class="content"> <div class="box" style="width:100%;"> <b class="tc"> <b class="L1"></b> <b class="L2" style="background-color:#333333;"></b> <b class="L3" style="background-color:#333333;"></b> </b> <div class="content" style="background-color:#333333;"> <div style="width:630px; padding-top:10px;"> <div style="float:left; background-image:url(images/http.jpg); background-position:center; background-repeat:no-repeat; width:95px; height:40px;"> </div> <div style="float:left;"> <input style="height:28px; border:none; font-family:verdana; font-size:21px; color:#7d7d7d; padding-top:6px; padding-bottom:6px;" type="text" size="35" /> </div> <div style="float:left;"> <input type="image" value="submit" src="images/submit-button.jpg" /> </div> </div> <div style="clear:both; height:30px;"> </div> </div> <b class="bc"> <b class="L3"></b> <b class="L2"></b> <b class="L1"></b> </b> </div> </center> </body> </html> here is the css: Code: #logo
{
width: 317px;
height: 40px;
/*background-image: url(../images/logo.gif);*/
background-image: url(../images/logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#logo-holder
{
padding: 20px;
}
#footer-logo
{
width: 609px;
height: 40px;
/*background-image: url(../images/footer-logo.gif);*/
background-image: url(../images/footer-logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#footer-logo-holder
{
padding: 5px;
}
#instruction
{
border-left:solid 4px #98CB00;
padding-left:5px;
font-family:verdana;
font-size:17px;
font-weight: normal;
color:white;
text-align:left;
width:623px;
}
#instruction-holder
{
padding-top: 20px;
padding-bottom: 20px;
}
.separator
{
width:10px;
background-image: url(../images/separator.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: left;
height:180px;
}
.urls
{
font-family: verdana;
font-size: 12px;
color: #7d7d7d;
height:180px;
font-weight: bold;
line-height: 20px;
width:203px;
clear:both;
padding-top: 20px;
}
.snips_name
{
font-family: verdana;
font-size: 21px;
color: #FFFFFF;
text-align: left;
}
#top_snips
{
width:31px;
height:38px;
background-image: url(../images/top_snips.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#latest_snips
{
width:38px;
height:38px;
background-image: url(../images/latest_snips.jpg);
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#partners
{
width:53px;
height:38px;
background-image: url(../images/partners.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
Can anyone help fix this? Thanks Does someone(s) know how to make a 'radio' button invisible but leave the associated text and VALUE? Thank you! I'm having problems with the borders of my frames. I've been trying to get rid of them, hide them, make them same color as my background, but no matter what I do, they're still being displayed in my browsers. Below is my frame file. I thought that setting frameborder to zero or to none would get rid of them. Previously I also tried making the bordercolor black (same as my background), but them borders are still displaying. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="EN">
</head>
<frameset cols="206,632,206" frameborder="0">
<frame name="navFrame" src="bc1.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<frame name="mapFrame" src="bc2.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<frame name="infFrame" src="bc3.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
I have a list of names in say a data base flat file, Do you know if there is a utility that will take and read per line and generate a html file? Hav'nt found anything as of yet but am wondering if someone could steer me in the right direction. thanks |
|||||||