Jump to content

Search the Community

Showing results for tags 'body'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 15 results

  1. Hi, I am learning javaScript and jQuery. In this code, I saw that if I keep the script in the head section it doesn't work.But if I keep the script in the body section it works. Can you please tell me why this happens? Thank you in advance. <!DOCTYPE html> <html> <body> <h3>Your Screen:</h3> <div id="demo"></div> <script> var txt = ""; txt += "<p>Total width/height: " + screen.width + "*" + screen.height + "</p>"; txt += "<p>Available width/height: " + screen.availWidth + "*" + screen.availHeight + "</p>"; txt += "<p>Color depth: " + screen.colorDepth + "</p>"; txt += "<p>Color resolution: " + screen.pixelDepth + "</p>"; document.getElementById("demo").innerHTML = txt; </script> </body> </html>
  2. In a js tutorial of w3schools it is mentioned that calling a js file is done either in the head or body; if in the body, it is preferable to be at the bottom to avoid slowing down page loading should the js loading is slow. Since the browser reads the page from top to bottom, it will hit the head first. Does that mean calling a js file at the bottom of the body is better than calling it in the head?
  3. I uninstalled my mysql server and reinstalled it. Unfortunately the files i kept in the webroot inside the local disk where no more. I did all i could to get them back, does it mean that they where deleted and if so, why? Am on window OS and am using web-developer controller(server)
  4. The thing just stop working and i can't log into my database through my browsers by clicking the http://localhost/phpmyadmin/,Infact i can no longer execute my php files on my browsers as well because it will just output unable to connect
  5. so, what i am trying to do is send an email from an HTML FORM. i want to keep it somewhat simple, meaning i don't want employ JS or PHP. HTML and CSS only. what i have so far: <form name="DriveOnRequest" method="POST" action="mailto:myemail@example.com?subject=Drive On Request" type="text/html" content-type="Multipart/formdata" accept-charset="UTF-8" enctype="Multipart/formdata" > <table> <td> <tr> <th><label>Requestor Name:<abbr title="Enter your name if you are the requestor or the name of the person who you are requesting the drive on for.">Help</abbr></label></th> <td><label>First</label><input type="text" name="first1" min="2" required></td> <td><label>Last</label><input type="text" name="last1" min="2" required></td> </tr> this is the more important part .. i think as i believe that the problem is somewhere in here. i am closing the form out and have a submit button. everything works fine up until then. when i submit it opens the default email program and is ready to send; however, the email inside looks something like this: Questions: 1. How can i remove the INPUT NAME Tags (first1=) or at least the "=" sign? 2. How can i remove the "&" sign obviously used as space. 3. Is there a way to style the whole thing at all? Because this is really where i need it. In the email, not the form. I am thinking that it has to do with the charset or the encoding but i am not sure. I find everything on the www about how to style the form but no more than bits and pieces about the resulting email.
  6. So I made a menu but I don't know how to strech it from left to the right side...tried everything I could think of. So my question is does anyone know how to do it? Problem pic: Code so far: #access { background: #000; display: block; float: left; margin: 0 auto; /* width: 940px; width: 700px;*/ font-family:"Dekar Regular", Helvetica, Arial, Verdana , sans-serif; font-size-adjust:0.49; font-weight:normal; font-style:normal; padding: 0;}#access .menu-header,div.menu { font-size: 13px; margin-left: 0px; /* width: 928px; */}#access .menu-header ul,div.menu ul { list-style: none; margin: 0;}#access .menu-header li,div.menu li { float: left; position: relative;}#access a{ /* all links */ color: #FFF; display: block; line-height: 36px; /* is 44 but becuase of the 4px border it has to 4 less / height of the link boxes was 38 */ padding: 4px 10px 0 10px; text-decoration: none; width: 222px; /* menu item width, dose not include include the 1st and last item */ border-bottom-width:4px; border-bottom-style:solid; border-bottom-color:#000; font-size:21px;}#access ul ul { /*display: none; ----------- NONE TOUCH DEVICES ONLY */ position: absolute; top: 44px; /* match height of #access a 38 */ left: 0; float: left; /* width: 180px; width: 238px;*/ z-index: 99999;}#access ul ul li { /* min-width: 180px; width:238px;*/}#access ul ul ul { left: 100%; top: 0;}#access ul ul a { /* child items in the menu */ background-color:#000; /* line-height: 1em; */ line-height: 40px; /* is 44 but becuase of the 4px border it has to 4 less / height of the link boxes was 1em */ padding:0 0 0 10px; /* padding: 10px; */ /* width: 160px; width: 238px;*/ height: auto; width:300px; /* wider so that big game names fit in the menu */}#access li:hover > a,#access ul ul :hover > a { color: #ED2739; /* background-color:#666; */}#access ul li:hover > ul { /*display: block; ----------- NONE TOUCH DEVICES ONLY */}#access ul li.current_page_item > a,#access ul li.current_page_ancestor > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a { color: #ED2739; /* background-color:#666; */}* html #access ul li.current_page_item a,* html #access ul li.current_page_ancestor a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover { color: #ED2739; /* background-color:#666; */}#access .menu>ul>li:last-child a{ /* last element of the menu is a different width */ width: 178px; /* 154 */}#access .menu>ul>li:first-child a{ /* last element of the menu is a different width */ padding-left:5px;}
  7. New to this alien language, atm. I was wondering that can I create 2 different bodys in a page, with this can I apply new back grounds to each? I know I could go for the div option if anyone is going to point that out, but for that I find it confusing to apply one stable background to it.
  8. i have a color error about the tables. i dont know when it comes to put the color using the CSS text "tbody {color:blue;}", im setting it at the same order as the page has gives.. except for tfoot and tbody.. i switched their orders, but what im trying to figure out.. is why the tbody element affects the color of the whole script.. when its set.. the whole text of the html page changes to the element's color, in this case.. blue. i want to know why it happens.. how to fix this bug or error scripting... this is the example tag that the page gives.http://www.w3schools...s/tag_thead.asp and ill put the file of my scripting... i have all the tables examples in a single html file with my comments.. the comments are in spanish.. tablas.html
  9. yoyo w3...a question is needed again.. i was the other day looking at a friends website, and i saw this in he's coding: EXAMBLE: <head><meta http-equiv='Content-Type' content='text/html'; charset='iso-8859-2' /><title>TITLE</title><link rel='shortcut icon' href='favicon.ico' /><link rel='stylesheet' href='CSS.css' type='text/css' /></head><body><main class='outer'><main class='main'>123</main></main></body></html> now to my question, the MAIN tags itself, is that a good or bad way of coding?... i mean, if it was me and i was designing, lets say a webshop, then i would use div's and tables... but the way he is coding, i did see it before some other time on a email system thing, but my question is if it would be better that way or the other?, or does it really matter?... -thanks
  10. Hello, I need help with something i think is quite easy to solve maybe for the real experianced ones. I am a webeditor, but still not professional, and experianced with all sort of css layouts etc. So it about this site: http://mbdbygg.zxq.net/ . I have never maked a background/layout like this before, and am considering some other way to achive how i want it, but i guess i wont need to do it all over. So look at the site: http://mbdbygg.zxq.net/. When you open it in a normal fullscreen window it looks ok, and that is how it is suppose to look. When one minimize the window you can see that the pictures i nthe middle all moves outside the layout to the right on a white surface outside the wrapper! So does the links aswell. And the the "righttext" div moves to the left one. So what do i need to do for it not beeing like this. The divs - header, content, and footer are supposed to be fixed. Meaning there should be repeating the content and the foot and header, and not be pressed to the left like that. What do i need to do? I attach the css file as well. Thanks for any help! style.css
  11. Suncross

    Body Positioning

    I seem to be having problems positioning my background image and colors. body{background-color:#8e97a4;background-image:url(wi/bliner1.png);background-repeat:repeat-x; } That is the current code. Right there in chrome and firefox, the image "blinder1.png" is normal. However, as we all know, this is just going to repeat across the top of the page from left to right. Whenever I add the following stipulation background-position:bottom; it seems to warp the image to a fraction of its' size, let alone not align to the "bottom" of the page. Using the left, it still warps the image but not as much. The latent function, the image warping, is really not a main issue for me right now. I am really wondering how to properly align my image across the bottom of the page. I have used the search function, and searched for about an hour or more today but I havent seen any documentation anywhere about this happening. Can anyone help?
  12. I am new in the foray into HTML and am attempting to create a page, but as far as the page goes I always have issues with my navigation barIs this a result of bad coding and markup? My HTML5 does validate, so does my CSS. When I set the li to float left to create a vertical bar the entire bar dissapears off the screen not to be found anywhere...HTML5 code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Homepage</title> <meta name="description" content="fromthericefields, blog, home" /> <meta name="author" content="Joseph Davies" /> <link rel="stylesheet" type="text/css" href="header.css" /> </head> <body> <header id="mainheader"> <hgroup> <h1>fromthericefields</h1> <h2>Death and life are in the power of the tounge, and those loving it eat it's fruit</h2> <h3>Proverbs 18:21;</h3> </hgroup> <nav> <ul> <li><a href="signin.html">Sign in</a></li> <li>|</li> <li><a href="register.html">Register</a></li> </ul> </nav> </header> <nav id="mainnav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="index.html">Blog</a></li> <li><a href="index.html">Gallery</a></li> <li><a href="index.html">About</a></li> <li><a href="index.html">Contact</a></li> </ul> </nav> <section> <article> <h4>Setting up fromthericefields:</h4> <h5>Posted on 10/5/12</h5> </article> </section> <aside> <blockquote> </blockquote> </aside> </body> </html> The CSS: body { } #mainheader { background: blue; margin-top: -25px; margin-left: auto; margin-right: auto; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; height: 200px; width: 1000px; } #mainheader hgroup { padding-top: 10px; width: 1000px; } #mainheader h1 { font-style: italic; color: #ffffff; text-shadow: 5px 5px 5px #000000; font-size: 40px; } #mainheader h2 { font-style: oblique; font-size: 20px; color: #FF0000; margin-left: 20px; margin-top: -20px; } #mainheader h3 { font-family: monospace; font-size: large; color: #AAAAAA; margin-left: 600px; margin-top: -10px; } #mainheader nav { margin-left: 810px; margin-top: -130px; } #mainheader ul { list-style-type: none; } #mainheader li { text-align: center; display: inline; color: white; } #mainheader a { text-decoration: none; color: white; } /*Main Navagation Bar*/ #mainnav { width: 900px; background: red; border-bottom-left-radius: 25px; border-bottom-right-radius:25px; margin-left: auto; margin-right: auto; } #mainnav ul { list-style-type: none; margin-left: -2.5em; } [b] #mainnav li { display: inline; border: solid; }[/b] #mainnav a { text-decoration: none; color: white; text-align: center; } The place where the issue occurs is in bold.setting the display to inline, when I go to adjust the width, nothing happens but they stay the same sizeset it to float: left the whole thing dissapears!Why?
  13. Does an experienced webmaster know which style sheet is best?Note that the image bg.bmp is just a white rectangle with a width of 1000 pixels. So in both cases a white text area of 1000 pixels wide on a gray or silver background will be created. So far, I always use the method with the image but i.m.o.the other way is more straight forward (and therefore less vulnerable?).CSS 1: html { background: #808080 url("images/bg.bmp") repeat-y top center;}body { margin:0 auto;} CSS 2: html { background: #808080;}body { margin:0 auto; background: #ffffff; width:1000px;}
  14. OK, so a question mainly about the use of the id class and if something would be proper use or a bad practice as far as coding goes. In an attempt to streamline stuff even further I have been recoding my site and I have been thinking about adding an id tag to the body of some pages. This would of course allow me to set custom css for those specific pages.Examples:<body id="creatures"><body id="core-classes">etc, etc.. Or would it be more proper to just create an extra <div> with the id tags--or a class tag-- inside of the main content div for that section and go that way.Examples: (article being the primary container for that section with all the positioning/etc data for the container)<div id="articles"> <div id="creatures"> --insert content entry here-- </div></div> OR <div id="articles"> <div class="creatures"> --insert content entry here-- </div></div> I've read a few things on it and some seem to be for it and some against it but the articles I've found are fairly old so need some fresh thoughts on it.
  15. Here's my css codes:How can I remove the margin-bottom? body {margin: 0 auto;padding: 0; margin-top: 0px;margin-bottom: 0px;text-align: center;width: 1024px;border: 1px solid #CC00FF;border-top: 0px;border-bottom: 0px;}div#wrapper {background-color: #FFC;width: 1024px;height: 768px;overflow: auto;margin: 0 auto;position: relative;text-align:left;}#flashSlideShow {position: absolute;left: 100px;top: 100px;}div#footer {margin: 0 auto;width: 1024px;height: 250px;}#flashContent { width:100%; height:100%; } <body><div id="header"></div><div id="wrapper"> <div id="flashSlideShow"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="720" height="480" id="" align="middle"> <param name="movie" value="" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="" width="720" height="480"> <param name="movie" value="" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div></div><div id="footer"><img src="" /></div></body>
  • Create New...