|
HTML - Help Moving Textbox Using Html And Css
I'm having problems moving textbox up toward upper right corner in div id "login". I tried in css margin-bottom or margin-top or padding-top or bottom and it moves the whitespace. How do I just move the textbox?Also I have no idea why Registration is a link with picture in it? How do I remove that and make it just text?
Heres my site http://www.college-ebook.com Here's my css PHP Code: <style type="text /css"> * { margin: 0px auto; padding: 0px; } #login {margin-left:780px; padding-bottom:50px;} body { font: 76% Verdana, Arial, Helvetica, sans-serif; background: #000; padding-top:120px; } #wrapper { width: 850px; /* Page width */ background: #fff; padding: 10px; margin: 10px auto; } #header { font-size: 250%; margin: 10px; } #right_column { float: right; width: 590px; clear: right; text-align: left; } #left_column { width: 256px; } #left_column img { display: block; clear: right; font-size: 10px; } #footer { background: #ccc; height: 60px; margin-top: 10px; } .copyright { padding: 20px; } p { margin: 10px 0px; text-align: center; font-size: 15pt; } h1,h2,h4,h5,h6 { font-size: 155%; margin: 20px 0px; } .bold { font-weight: bold; } .txt_center { text-align: center; } #left_column { width: 256px; float: left; } </style> #wrapper #right_column p { text-align: left; } #wrapper #right_column p { text-align: center; } #wrapper #right_column p { text-align: left; text-indent:50px; } Heres my html HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>WEBSITE NAME</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19766501-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
<meta name="description" content="Your description about your website for search engines.">
<meta name="keywords" content="keywords, to, find, your, website, on, search, engines,">
<link href="data1.css" rel="stylesheet" type="text/css">
<body>
<div id="wrapper">
<p> </p>
<div id="header" class="bold txt_center">Registration</div>
<div id="login">
<p>
<input type="text" name="mail" size="25"> </p>
</div>
<div id="left_column">
</div>
<br clear="both" />
<div id="footer" class="txt_center">
<div class="copyright"><a href="contact.html">Contact Us</a></div>
</div>
</div>
</body>
</html>
Similar TutorialsI didn't realy know where to post this as it deals with many different tread topics, so here it is. I'm maintaining a website that is mostly hlml, but has some php pages for form validation and email x-fer. The site is currently running at 1&1 hosting service and I need to move it in-house. I have setup a new server with 2003 server R2 and IIS 6 with PHP 5.x installed. When I moved the site files to the local server the site no longer parses correctly. The problem is the imbeded PHP require(); statements in my html document no longer get parsed. In fact the only way I can get php code to get parsed is to give the files a .PHP extension, then the HTML tags don't get parsed. This site has been running for years at 1&1 with this method and I am really not at liberty to change the file extensions until an entirely new site is completed. Environment; 2003 server r2 IIS 6 PHP 5.x the code is like this; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="author" content=".."> <meta name="subject" content="..."> . . head stuff . </head> <body> <?php require ("toplabel.html"); ?> <!-- End ImageReady Slices --> <table border="0" cellpadding="10" cellspacing="0" width="770"> <tr> <td height="600" bgcolor="#c1c1c1" width="20%" valign="top"> <!-- Left Side Column --> <? require ("left_column.html") ?> <!-- End Left Side Column --> </td> <td width="60%" align="center" valign="top"> <!-- Main Content . . . --> ... etc. the toplabel.html are my image ready slices for our logo and top menu the left column.html is for the left side menu bar all the pages in the site make these calls. My htaccess file is like this; AddHandler application/x-httpd-php .php .html .htm AddType x-mapp-php4 .html .php .php3 .php4 .inc .htm AddType text/x-server-parsed-html .shtml .html .htm AddType application/x-httpd-php .html I need to get the server to parse the files like the server is is currently live on at 1&1 hosting. The server there with parse the php code embedded inside of HTLM docs. and will parse the HTLM code embedded inside the PHP files. What I have now does neither. Any ideas? Update; Found out that IIS does not use .htaccess file for directory managment, these changes where for not... I'm looking into the application mapping in IIS Manager, think the answer might lie in there somewhere... Hello im new here its good to be here I need your help! I am now learning HTML because i realised how important it is...and im stuck in this thing PHP Code: var alternateContent = 'Welcome to mywebsite' + 'Please download Flash Player to view content.' + '<a href="http://www.adobe.com/go/getflashplayer/">Download Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <img src="Html_logo.jpg" alt="" width="273" height="46" longdesc="http://Html_logo.jpg" /> </body> </html> this is part of the code ...didnt post it all since it was too much... What i need to do is to color the text yellow "Welcome to my website . Please download Flash Player to view content" I tried <FONT COLOR = "######"> but didnt work... Also how do i add the HTML_logo Above the text ..? Any ideas? Hi, I'm a beginner, so I realize that my question will be silly - sorry for that. I'm just doing a tutorial on html/css. I created a simple website, with stylesheet and image. Everthing was hunky dory as long as files were sitting on the desktop. When I moved them to appropriate folders (I created "html", "css" and "img" folders on desktop), changed the paths from /style.css to css/style.css and from imgname.jpg to img/imgname.jpg, the site completely ignores styles and image. Then once I move it back to the desktop it stats reading it correctly. It's weird for me and I can't find the reason. I checked all paths million times and there is no error there. Whole operation should be super obvious, yet I can't resolve it. I'd appreciate your help. Thank you in advance, JJ Hi all, how do i go about making my html form textbox borderless like the one in this picture? I want to make my form a bit better looking, so any links to customising them would be good. Hello, I am in need of help... I made a banner for my friends band. I'm trying to put the banner's html code inside of a textbox so that this code can be shared to others that wish to place the banner on their myspace profile. How do i accomplish such? Hi, whenever I use a website called 'spy Omegle', I want to have a javascript file that types in whatever question I tell it to type in. the source code for this page is below: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Omegle</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" type="image/png" href="/static/favicon.png">
<script type="text/javascript">
var splitDomain=document.domain.split(".");if(splitDomain.length>1){document.domain=splitDomain[splitDomain.length-2]+"."+splitDomain[splitDomain.length-1]}var flashingTimeout=null;function isFlashing(){return flashingTimeout!==null}function startFlashing(){if(isFlashing()){return}flashing=true;var b=[["___Omegle___","/static/favicon.png"],["\xAF\xAF\xAFOmegle\xAF\xAF\xAF","/static/altfavicon.png"]];function a(){var c=b.pop();document.title=c[0];setFavicon(c[1]);b.unshift(c);flashingTimeout=setTimeout(a,500)}a()}function stopFlashing(){if(!isFlashing()){return}clearTimeout(flashingTimeout);flashingTimeout=null;document.title="Omegle";setFavicon("/static/favicon.png")}function setFavicon(b){var a=document.getElementsByTagName("link");for(var c=0;c<a.length;c++){if(a[c].rel==="icon"){a[c].href=b;return}}var d=document.createElement("link");d.rel="icon";d.type="image/png";d.href=b;document.getElementsByTagName("head").appendChild(d)};
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1307731-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<!-- Yes, I'm using frames as a load balancing measure. Yes, I know
this is horrible, insane, absurd, ridiculous, stupid, and
broken. It's just a temporary stop-gap measure, though. -->
<frameset cols="100%">
<frame src="http://odo-bucket.omegle.com/">
</frameset>
</html>
this should not be hard if im not mistaken I would just change the text for it to type in the html file, the website does not need to be opned aswell when the html file is launched i would obvioustly learn HTML but i don have time at the present because of college work,etc for reference: the page is at www.omegle.com then click 'spy mode' and you will get a textbox on the page i want the file to return the question in a loop because it saves clicking the file all the time Is there a way to assign a visual basic array to a html textbox array. Can someone tell me why the following does not work? Thanks in advance for any assistance. Public Class textboxI Inherits System.Web.UI.WebControls.TextBox End Class Sub initialize() For Me.a = 1 To 4 tb(a) = New textboxI With tb(a) .Width = Unit.Percentage(4.5) .BackColor = Drawing.Color.Yellow .Font.Size = FontUnit.XSmall End With Next End Sub Hi, this is my first post and I'm pretty new at HTML. Ok, I have been making a script and it works fine, but there's a problem. Most websites I visit (including this one) when you make the window smaller, the stuff you covered up simply goes off screen, but in my script, when you cover it up most stuff shifts down a line and is still visible. This look very messy having things constantly shifting around! : I was wondering if there was some tag or something that causes everything to freeze in place no matter how small the window gets. -Thanks Hey so I guess there are going to be quite a few groans from some people, but I need help with the HTML Coding on my band's MySpace... I am rubbish at this whole code business so I bow down to anyone who can help me with a few things... Firstly, take a look at the page... www.myspace.com/sevendayslater OK, I've got it looking almost how I want it, but there are a few things that are annoying the hell out of me... 1) The band logo is kind of right-aligned... the code says it is "left" but it looks weird.. 2) I want the music player / gig listing / blog entry to be in line with where it says Biography... 3) The mailing list thingy, does anyone know how to make it the same size as everything else in it's column?? Also can the background be black and not transparent?? If anyone can help I would hugely appreciative!?! Hi guys, I'm new here but going to stick around as I could learn a lot Anyway, I have my search code which I have moved from the sidebar into the banner, but I need to move it down a little bit and to the right so it's more in the center. Here is what it looks like at the moment: Here is the code: Code: <form action="<?php echo get_option('home'); ?>" method="get" id="searchform">
<input type="text" value="" size="" id="s" name="s"/>
<input type="submit" onmouseover="style.cursor='pointer'" value="Search" style="cursor: pointer;"/>
</form>
It's in header.php in my Wordpress theme, but I have came across html values that can move stuff but not sure how to, any help would be appreciated!! How would i go about making the onchange property of a <select> drop down menu change the position of a scroll bar of a <div> below it? Hi, I have made a navigation bar that sits nicely to the left of my page. However, i cant seem to get it to stay in that position. I have to put other content above it or below it even if it wont actually clash with the bar. Any ideas on how to fix this? Thanks in advance, Sam. Update; I needed to float it. All done In html left to right <marquie behaviour but i want right to left the text comes from right to left and left standard positin whch command do i need to use? please provide thanks for helping How can I move this table to the right a lttle bit? Thanks. Code: <TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0> <TR valign=middle height=10> <TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera2> </TD> </TR> <TR> <TD class=headera3><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera4> </TD> </tr> <TR valign=top> <TD></TD> <TD valign=left width=795 height=1><IMG src="/images/topimg11.jpg"> <IMG src="/images/topimg2.jpg"></font></TD> </TR> <TR valign=top height=1> <TD colspan=2 class=black><IMG src="/images/clear.gif" height=1 width=100% border=0></TD> </TR> </TABLE> Hello all, I'm learning so much studying on a daily basis with html, that I have been making considerable progress, however, if you all could help me "lock" this div layer that I have off to the right of the page from moving that would be grand. You see all I really want on the site is to have content in the middle move as I update and add to it. However when I subtract content or add more content in the middle div box. the right side box will move up or down depending on whether I have added or subtracted content. If you visit http://www.trillionaireme.com that is how I want the site to show on all pages when a link is clicked, however when you click on the "How to Get Started" link http://www.trillionaireme.com/howtogetstarted.html, because I have less content in the middle the right div box moves up. I would like it locked and positioned just as it is displayed on the main page http://www.trillionaireme.com This is the main page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/"><span class="clickednav">Welcome</span></a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html">How To Get Started</a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">This site was last updated on: Tuesday, May 24, 2011 @ 12:47 PM</div> <div class="welcomemessage">"What are you doing right now? Besides reading this, are you doing something that's getting you closer to living the life? The real life. I'm not talking about a better job. A couple more days off. A nice raise. I'm talking about the life you see in your dreams. The one you wish for when no one is around. The one you cry yourself sometimes in hopes of a change. The one that makes you say please, and drops you to your knees to just change when you open your eyes. That's the life I'm asking you, are you living? Are you? Dishonesty will only rob you of your time. Time is so precious, and valuable. Always ticking. Always taking. We have no choice, but to make what we can of this racing clock we are living with. If you're not doing something, you're going back tomorrow to whatever it is you know deep down inside was not the way you wanted it to go. This is why this place exists. Finally a place that has the most important areas of our lives broken down, sectioned off, mapped out strictly and purposefully for our advantage. These are the most valuable and precious areas we mustn't forget to keep balanced, along with the people, places, and things in it. Life is not set it and forget it, life is ongoing, changing, and updating. We must lay down the foundation for all generations to come. Here is the foundation, the perfect life compilation. Now get to it, because the clock is ticking, or else, you're going back to the same place tomorrow."<p class="signature">Samuel Sweis (Creator & Founder)</p> <div class="rightbar"><br /></div> </div> </body> </html> This is the link that has less middle content so the box moves up: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/">Welcome</a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html"><span class="clickednav">How To Get Started</span></a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">How to Get Started Using this Site</div> <div class="welcomemessage">TrillionaireMe was designed with you in mind first and foremost. You will find 10 areas of life that play the most important role almost on a daily basis listed above just under the logo starting with "Nutrition" and ending with "Vision". <div class="rightbar"><br /></div> </div> </body> </html> I'm not sure whether this is a CSS problem or Html but I'm gonna post it here any way. My footer moves up on my photos pages. I put the footer php file in the exact place I put it on the home page. I don't get why it moves up on my photo page though. Here is the link http://www.wizardsbuzz.com/photos How to change this code so that the image moves up and down not side to side on mouse click. Code: <html>
<head>
<script type="text/javascript">
cc=0;
function changeimage()
{
if (cc==0)
{
cc=1;
document.getElementById('image').style.position="absolute";
document.getElementById('image').style.left="0";
}
else
{
cc=0;
document.getElementById('image').style.position="relative";
}
}
</script>
</head>
<body>
<img id="image" onclick="changeimage()" border="0" src="slide2.JPG"/>
</body>
</html>
I got a report that on this website http://www.livingwordchurch.org.uk/home.php on certain pages, the entire content shifts to the right. My friend uses FireFox 3 when it does it, although I do too and I don't see anything happening. Do any of you see it moving too? And if so, any ideas why? Hi there i'm new to html forum and have come here for a little bit of help on some code. my website is http://www.mp3encore.co.uk my problem is on the homepage, basically i want the radio search buttons above the search bar so visiters click radio button first then type in what they want. here is my code... <div class="wrapcontent clearfix"> <div id="content" class="fleft"> <div class="wrappost"> <style type="text/css"> #content #post { background: url('<?=WEB_PATH?>images/wes.png') no-repeat; } </style> <script type="text/javascript"> function change_song1() { document.search_form.search_input.value= "Search For Lyrics"; document.search_form.type.value= "lyrics"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "inline"; } function change_song0() { document.search_form.search_input.value= "Search For Videos"; document.search_form.type.value= "video"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "inline"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "none"; } function change_song2() { document.search_form.search_input.value= "Search For Songs"; document.search_form.type.value= "mp3"; document.getElementById('song').style.display = "inline"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "none"; } function change_song3() { document.search_form.search_input.value= "Search For Karaoke"; document.search_form.type.value= "karaoke"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "inline"; } </script> <div id="post" class="post"> <div class="entry" style="margin-top: 6px;"> <div class="clearfix wrapentry"> <div class="fleft"> </div> <div class="info fright clearfix" style="margin-right: 25px;"> </div> <div class="Contentbox" align="center"> <div id="song" style="display: none;">You are in Song search mode</div> <div id="video" style="display: none;">You are in Video search mode</div> <div id="lyrics" style="display: none;">You are in Lyrics search mode</div> <div id="kr" style="display: none;">You are in Karaoke search mode</div> <div id="ajaxcontentarea" class="contentstyle" style="margin:0" > <form name="search_form" id="search_form" method="post" action="<?=WEB_PATH?>"> <input tabindex="" value="Search For Songs" name="search" id="search_input" onfocus="if(this.value=='Search For Songs'||this.value=='Search For Videos'||this.value=='Search For Lyrics'||this.value=='Search For Karaoke') this.value='';" type="text" /> <input type="hidden" name="type" value="mp3"/> </form> </div> <ul id="maintab" class="shadetabs"> <li><a href="#" onclick="javascript:document.search_form.submit();return false;">Search</a></li> </ul> </div> <div style="color: #ffffff;font-weight: bold;margin-left: 45px;margin-top: -25px;"><input type="radio" class="radio" value="video" name="type" onclick="change_song0();"/> Videos</div> <div style="color: #ffffff;font-weight: bold;margin-left: 145px; margin-top: -18px;"> <input type="radio" class="radio" value="mp3" name="type" onclick="change_song2();"/> Songs </div> <div style="color: #ffffff;font-weight: bold;margin-left: 235px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song1();"/> Lyrics </div> <div style="color: #ffffff;font-weight: bold;margin-left: 315px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song3();"/> Karaoke </div> </div> </div> </div> </div> hope someone can help, thanks in advance. Can someone help me on figuring out how to move the table on my homepage here. I'd like to move the text content that is on the right side, spread across the page and move the form that is on the right side below the content text. Along with this I'd like to leave a column along the right side of the page that is about 1/3 the width of the page, maybe smaller? Would anyone be willing to help me accomplish this? |
|||||||