Jump to content

Search the Community

Showing results for tags 'external'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 7 results

  1. I have students creating sites that have multiple pages that link together through a nav bar and also have images with an external file source. When students send them to me obviously the images don't work because I don't have them saved in folders with their sites and also the links don't work to the other .htm pages for the same reason. My first thought was to have students send me all files so that they would all be in my downloads folder and in theory work. They work to an extent but images are distorted. My second solution was to use a zip file but that doesn't seem to work either. Any help with this is much appreciated.
  2. Hi,I am developing my first website template. When I used this script in the internal script, it ran well. But when I added this script inside a file,the jsLint showed that there was almost 20 errors. Here I am sending the screen of the errors. Can you please help me to understand why these errors occurred and how can I resolve these? Here is the script: function openModalSearch() { 'use strict'; var modalSearch = document.getElementById("modal-search-container"); modalSearch.style.height = "100%"; } function closeModalSearch() { 'use strict'; document.getElementById("modal-search-container").style.height = "0%"; } function hideSearch() { 'use strict'; document.getElementById("search-container").style.visibility = "hidden"; } function showSearch(){ 'use strict' document.getElementById("search-container").style.visibility = "visible"; } Thank you in advance......
  3. I used some CSS code which worked internally on my website. When I went to convert the code to an external .css file but ran into some issues. I can use the internal version, but the external is more efficient and less restrictive. Here is the code for the internal HTML code with CSS: <!DOCTYPE html><html> <head> <style type="text/css"> html { background: url("resources/images/docTech25Banner.png") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .dropdown-menu { padding: 0; margin: 0; width: 130px; font-family: Arial; display: block; border: solid 1px #CCCCCC; border-bottom-style: none; background-color: #F4F4F4; } .dropdown-menu .menu-item-link { display: block; border-bottom: solid 1px #CCCCCC; text-decoration: none; line-height: 30px; /* Vertically center the text */ color: rgba(89,87,87,0.9); height: 30px; padding: 5px; cursor: pointer; } .dropdown-menu .menu-item { display: none; } .dropdown-menu .menu-item.active { display: block; } .dropdown-menu:hover .menu-item { display: block; } .dropdown-menu .menu-item-link:hover { background-color: #DDDDDD; } .dropdown-menu .menu-item.active .menu-item-link:after { width: 0; height: 0; content: ""; position: absolute; top: 18px; right: 8px; border-top: 4px solid rgba(0, 0, 0, 1); border-left: 4px solid transparent; border-right: 4px solid transparent; } </style> <title>DocTech25 Universe</title> </head> <body> <ul class="dropdown-menu"> <li class = "menu-item active"> <a class="menu-item-link" href = "">Navigation</a> </li> <li class= "menu-item"> <a class="menu-item-link" href = "#">Home</a> </li> <li class="menu-item"> <a class = "menu-item-link" href = "#"> Entertainment</a </li> <li class="menu-item"> <a class = "menu-item-link" href = "#">University</a></li> <li class="menu-item"> <a class = "menu-item-link" href = "#">Labs</a> </li> </ul> </body></html> This works just fine, however I would like the CSS as external code. Here is my attempt at doing so (Please note that I am only tackling the image at this time and not the navigation, if you would like to help with that, it would be greatly appreciated, but for right now the main focus is the image.): HTML <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> .dropdown-menu { padding: 0; margin: 0; width: 130px; font-family: Arial; display: block; border: solid 1px #CCCCCC; border-bottom-style: none; background-color: #F4F4F4; } .dropdown-menu .menu-item-link { display: block; border-bottom: solid 1px #CCCCCC; text-decoration: none; line-height: 30px; /* Vertically center the text */ color: rgba(89,87,87,0.9); height: 30px; padding: 5px; cursor: pointer; } .dropdown-menu .menu-item { display: none; } .dropdown-menu .menu-item.active { display: block; } .dropdown-menu:hover .menu-item { display: block; } .dropdown-menu .menu-item-link:hover { background-color: #DDDDDD; } .dropdown-menu .menu-item.active .menu-item-link:after { width: 0; height: 0; content: ""; position: absolute; top: 18px; right: 8px; border-top: 4px solid rgba(0, 0, 0, 1); border-left: 4px solid transparent; border-right: 4px solid transparent; } </style> <title>DocTech25 Universe</title> <link rel="stylesheet" type="text/css" href="resources/css/docTech25Banner.css" /> </head> <body> <ul class="dropdown-menu"> <li class = "menu-item active"> <a class="menu-item-link" href = "">Navigation</a> </li> <li class= "menu-item"> <a class="menu-item-link" href = "#">Home</a> </li> <li class="menu-item"> <a class = "menu-item-link" href = "#">Entertainment</a> </li> <li class="menu-item"> <a class = "menu-item-link" href = "#">University</a> </li> <li class="menu-item"> <a class = "menu-item-link" href = "#">Labs</a> </li> </ul> </body></html> CSS (resources/css/docTech25Banner.css) html {/* Uses "docTech25Banner.png" from resource directory background */background: url("resources/images/docTech25Banner.png") /* Does not repeat and is fixed at center width and height */no-repeat center center fixed; /* Provides compatibility in Internet Explorer, Chrome, Firefox, * Safari, and Opera browsers for web browser rendering engine */-webkit-background-size: cover; /* Safari & Chrome */-moz-background-size: cover; /* Firefox */-o-background-size: cover; /* Opera */background-size: cover; /* Internet Explorer? *//* The above from centered background to browser compatibility is * contributed to this site: * https://css-tricks.com/perfect-full-page-background-image/ */} ul{/* Specifies the appearance of a list item element */ list-style-type: none;/* Sets margins */margin: 0;/* Sets padding */padding: 0;/* specifies whether to clip content, render scroll bars or * just display content when it overflows its block level container */overflow: hidden;}
  4. Hello internet - here is what I would like to do: I want to load an html file into a <div> element in my current html file.I have several buttons on my webpage where I would like to be able to click the button so that the <div> element that I placed in the middle of the page (which is sort of large 500px by 500px) will display a dynamic file where I would have more buttons and <a href> links and anything that html page would have coded in it. Where should I start? You help as always is appreciated!!!
  5. Including JavaScript in PHP file

    People always say that if you have JavaScript code which is used by multiple pages then it should be in an external page but if it is only used by a single page in should be internal. People also say that external JavaScript code can make the browsing slower since additional PHP requests are made but that when it is internal less bandwidth is used. Is it a good idea to put JavaScript code into PHP files and then include them like any other PHP files? I've been thinking about this because then I can minimise the HTTP requests and at the same time use the same JavaScript files in many PHP files.
  6. Hi, I am having problems with a script I am recycling from my client's old site. The issue was there before but wondering if there is a way to fix it. The page is here: http://www.tech-one-biomedical-services--inc.mybigcommerce.com/contact/ The email links don't work now that there is a class assigned to the table, enabling the backgrounds to be highlighted when the parts of the map are clicked on. They didn't work before either but I didn't realize it until the client pointed it out. I see when I hover in Firefox it looks like it should work, see the mailto: ref coming up, but when you click...nothing. Is there any way to either get the same effect with the clicking (or even hovering would be fine) so that the email links inside work? I tried embedding a table in this but it didn't work either. The original scrip is at: http://www.techonebiomedical.com/contact.html I am java illiterate so have no idea on the insides. Thanks!Gina
  7. Hello. Like I said in one of my other posts, the one about giving a table a margin on a style sheet; I am new to CSS really and I am making a little website for a school project. Last night I spent making some graphics for it and all, but my style sheet, as far as I know, is really unorganized, and I am really confused on how it's supposed to be organized. Most of the things I just put in it, and kept moving them around till it worked, but I am getting tired with that process, and it's really messy. Ill post my style sheet beneath, and if anybody could help me organized, that would be wonderful. <html><head><style type="text/css">table{background-color:grey;} body {background-image:url('background.png');} table{width:1000px; height:700px; background-color:black;} table, th, td{border-collapse:collapse; color:grey;} h1{color:#800000 ;} h2{color:#A00000;} h3{color:#E00000;} p{font-family: courier new; color:#585858;}#table1{width:925px; height:484px;} #title{height:200px;} #nav1{width:50px;}</style></head> What's really confusing is that Table and Body thing up there..And I am looking to add some more Id's and some things for links, but I am not even sure where to put them on the sheet. Please help. I should probably add that I have been looking all over the tutorial and reference, and I still am having trouble finding out how to organize this dang thing :/ Also, I just tried putting in something for link, and wherever I put it, it doesn't do anything. D: Well, I just figured out why. I read the tutorial a couple more 100 times, and finally clued in that it's not supposed to have ANY HTML tags. I took out the html, head and style tags and there .
×