HTML - <head> Problem
I have the following code in my <head>
Code: <script src="scriptaculous/lib/prototype.js" type="text/javascript"></script> <script src="scriptaculous/src/effects.js" type="text/javascript"></script> <script type="text/javascript" src="fabtabulous.js"></script> <script type="text/javascript" src="validation.js"></script> <title>AUDY</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="audy3.css"/> However only the java is loading, not the css. If I change the css link to an absolute link (http://.../audy3.css) then the css works but not the java. If I change the java links to absolute links it still doesn't work. What's going on? Similar TutorialsHey guys, im new here so I want to introduce myself. I run an ubuntu server from home and serve Thetuxhouse.com from it. I was just adding a favicon to it and ran into an obstacle. I've been using javascript for repeated stuff like the menu, and banner. The favicon links would also be repeated. I tried to use javascript in the same fashion for the favicons in http://thetuxhouse.com/js/head.js and it did not work. I need to make an external file for the links to the favicons that are currently making my header very bulky. Thanks alot. -Hartless yo ppl i can get a head an everythin <head><title>thisisexamle</title></head but how do i get a samell img in ther like this site? the little light bulb thing thnx for ur time marcus I really hate to do this, but I am in need of some help. A few days ago I had a family reunion with one hundred or so attending, and somehow word got out that I was a Computer Engineering major. Now this is where it gets tricky, I was approached by a number of my distant relatives wanting me to build a website for our family reunion. They want something very simple so anyone of any age can use it, and they want to have some kind of registration where you can view everyone else who registered and post images of the family. However they don't want a forum because it is " Not elderly friendly". My knowledge of HTML is probably slightly higher than a beginner level, and this entire this has me flustered and stressed out. Does anyone have any tips on where to start for this? Ok I am not sure what I need to use to create my site. I want to have a box in the middle of the page, when it is clicked I would like other boxes to expand from it. Am I going to need flash for this? In a template I'm using I find the following head code. <style type="text/css"> /* <!-- */ Is the /*<--*/ necessary? Does it do anything? Can I remove it along with the ending tag /* --> */ , or is it required? I presume I need the <style type="text/css">, because I does use some style tags in the body. Thanks I am extremely new to Web design. I have found that it is very tricky to design sites that will look good regardless of which browser is being used and regardless of what browser settings have been tweaked. Following is my first attempt at a personal template. http://eversnug.com/holmeschiropract...es/frames.html There is a border segment just dangling to the bottom of the lower left corner that I don't know how to get rid of. Any help would be much appreciated. Basic question, but can anybody tell me how to load a new HTML page upon immediate load of a page. I am looking to have index.html immediately load a different home page. I'm trying to use onLoad, but can't seem to get it working. Thanks I am having issues with a myspace layout, I usually do my own, but my friends band had another guy do it. In the process he made a custom mast header and the music player is not showing up. Here is the coding, can someone help fix this please. HTML Code: <div class="masthead"><img src="http://i33.tinypic.com/2087lep.jpg"><br> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"><img src="http://i34.tinypic.com/2yzesk3.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/qy8e14.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/2j0l9o5.jpg" border=0></a><br> </a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i38.tinypic.com/2dqiplh.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMzkyMTgzNw=="><img src="http://i37.tinypic.com/awt752.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExMzkyMTgzNw=="><img src="http://i34.tinypic.com/2r7vvck.jpg" border=0></a><br> <img src="http://i33.tinypic.com/11ry97c.jpg"><br> <img src="http://i37.tinypic.com/oj14hu.jpg"><a href="http://myspace.com/jaygambit"><img src="http://i36.tinypic.com/i5otb9.jpg" border=0></a></div> <style> NOTE {This is the custom masthead} .masthead {width: 800px; height: 1000px; position: absolute; margin-left: -400px; left: 50%; top:0px; bottom: 0px; background-image: url("http://i38.tinypic.com/205rupd.jpg"); background-position:top center; background-repeat:no-repeat;} .copyright-jaygambit {Created by Jay Gambit} .copyright-jaygambit {Background Properties} table, tr, td {background-color:transparent; border:; border-width:0;} body {background-color:000000; background-image:url("http://i35.tinypic.com/2u9phjk.jpg"); background-attachment: fixed; background-position:top center; background-repeat:repeat; scrollbar-face-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:ffffff; scrollbar-track-color:000000; margin-top: 1000px;} .copyright-jaygambit {Table Properties} table table {border: 1px} table table table table{border:1px} table table table {border-style:solid; border-width:0px; border-color:000000; background-color:000000;} .copyright-jaygambit {Text Properties} table, tr, td, li, p, div {font-family:Times; color:ffffff; font-size:12px;} .btext {font-family:Times; color:ffffff; font-size:12px;} .blacktext10 {font-family:Times; color:ffffff; font-size:12px;} .blacktext12 {font-family:Times; color:ffffff; font-size:12px;} .lightbluetext8 {display: none;} table table table table td {width:0px;} .contactTable td, table table td.text table td, table table table table table td {width:auto;} .redtext {font-family:Times; color:ffffff; font-size:12px;} .redbtext {font-family:Times; color:ffffff; font-size:12px;} .text {font-family:Times; color:cd853f; font-size:12px;} a:active, a:visited, a:link {font-family:Times; color:cd853f; font-size:12px;} a:hover {font-family:Times; color:ffffff; font-size:12px;} a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Times; color:ffffff; font-size:11px;} a.navbar:hover {font-family:Times; color:ffffff; font-size:12px;} a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Times; color:ffffff; font-size:11px;} a.redlink:hover {font-family:Times; color:ffffff; font-size:12px;} .nametext {font-family:Times; color:ffffff; font-size:20px;} .orangetext15 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left; font-family: Times; font-weight: bold; line-height: 13px; text-transform: uppercase; border0px solid; border-color:00ff00; width:100%; display:block;} .whitetext12 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left; font-family: Times; font-weight: bold; line-height: 13px; text-transform: uppercase; border1px solid; border-color:00ff00; width:100%; display:block;} object {position:absolute; left:50%; top:640px; margin-left:-225px; z-index: 3;} table table table object {position:static; margin-left:298px;} </style> <style type="text/css"> .contactTable {display:none;} </style> <style type="text/css"> div table table a img {display:none;} </style> <style> td.text object {visibility:hidden;} td.text td td object {visibility:visible;} </style> <center/> <br> </style> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL21heWhlbXByaW50aW5n"_blank"><img src="http://i63.photobucket.com/albums/h144/comarosteve/IDWTDIT/l_b397090fc61fe8af71ec106eb13ac25b.jpg" border="0" alt="IDWTDIT Shirt"></a> <br /> IDWTDIT Shirts available in black, red and blue. Please specify color and size. <br /> <br /> <br /> <img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif" /><br /><br /> <textarea><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2lkb250d2FudHRvZGllaW50ZXhhcw=="><img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif"/></a> </textarea> <br /> <br /> <br /> <br> <br /> <br /> <style> .r { fixes positioning of the new music player } table table td.text div div {position:relative; left:-200px; } *html table table td.text div div {position:absolute; top:640px; left:30.5%; margin-left:-200px; } </style> <div style="text-align:center;width:425px;"> <div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="350" width="450" data="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="all" /> <param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837" /> </object> <br /> <style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img67.imageshack.us/img67/192/idwtditbgqz8.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;} .contactTable .text, .contactTable a, .contactTable img {filter:none!important;} </style> Hey All I'm having some trouble with the most basic of things. I currently own some web space which supports upto 6 domain names. I'm already using one, we'll call it FIRST.com which works fine. During this week i purchased a new domain name lets say called SECOND.com. Using CPanel I was able to create an addon domain which automatically sets the root directory of the new domain to a folder called SECOND.com The problem I am having is that although if I type into my browser SECOND.com (and having set my .htaccess file) I get my index.html page with text, no images or CSS styles have been applied. Links to other pages work however, even if they are in sub directories. For some reason I just cannot link images or CSS files, yet if I type their path into the browser they are displayed, does anyone know what I'm doing wrong? Thanks in advance Rev I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it. When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page. Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D So I have this code: Code: <link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/24741033/css3menu1.css" /> <DIV align="center"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").click(function() { //When trigger is clicked... //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up }); //Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" }); }); </script> <div align="center"> <div class="container"> <div id="header"> <ul class="topnav"> <li><a href="http://www.desporto-em-directo.forumeiros.net">Homepage</a></li> <li> <a href="#">Live</a> <ul class="subnav"> <li><a href="/h50-live-1" target=player>Live 1</a></li> <li><a href="/h51-live-2" target=player>Live 2</a></li> <li><a href="/h52-live-3" target=player>Live 3</a></li> <li><a href="/h53-live-4" target=player>Live 4</a></li> <li><a href="/h54-live-5" target=player>Live 5</a></li> </ul> </li> <li> <a href="#">Notícias</a> <ul class="subnav"> <li><a href="/h34-sic-noticias" target=player>Sic Notícias</a></li> <li><a href="/h31-rtpn" target=player>Rtp N</a></li> </ul> </li> <li> <a href="#">Musica</a> <ul class="subnav"> <li><a href="/h44-nrj-pop" target=player>NRJ Pop</a></li> <li><a href="/h42-nrj-dance" target=player>NRJ Dance</a></li> <li><a href="/h43-nrj-pure" target=player>NRJ Pure</a></li> <li><a href="/h45-nrj-urban" target=player>NRJ Urban</a></li> </ul> </li> </li> <li> <a href="#">Desporto</a> <ul class="subnav"> <li><a href="/h39-sportv-brasil" target=player>Sportv1 BR</a></li> <li><a href="/h46-sportv2-brasil" target=player>Sportv2 BR</a></li> <li><a href="/h48-nba-tv" target=player>NBA TV</a></li> <li><a href="/h47-super-tennis" target=player>Super Tennis</a></li> </ul> </li> </li> <li><a href="/h1-guia-tv" target=blank>Programação</a></li> <li><a href="/h49-radios" target=player>Rádios</a></li> <li><a href="http://www.google.com/chrome" target=blank>Browser Recomendado</a></li> <li><a href="http://www.games-and-stuffs.blogspot.com" target=blank>Download de Jogos</a></li> </ul> </div> </div> </div> but if I put on my webhoster (which is free) it doesn't support css or jquery in html code, so whats the html to host the css part in dropbox and instead of css code it understands the code wrote in css file on dropbox... Same thing to jquery EDIT: I worked out the css, but still need with the jquery I"m haveing a problem with my page, there is a gap where I don't want one to be, here is my code, I don't know if it is the css or html. the gap is between the leftBar and the content. I"ve used *html with the height:1px before, for the sideMenu, but I don't know if the same trick would apply for width. index.php: HTML Code: <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>WootWoot</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body><center> <div id="wrapper"> <div id="header"> </div> <div id="mainnav"> <ul id="mainMenu"> <div id="spacer"> </div> <li><a href="index.php">Home</a></li> <li> <?php if(isset($_SESSION['validUser'])){ echo '<a href="logout.php">Log Out</a></li>'; } else if(!isset($_SESSION['validUser'])){ echo '<a href="login.php">Log In</a></li>'; } ?> <li><a href="profile.php">Profile</a></li> <li><a href="daily.php">Daily</a></li> <li><a href="search.php">Search</a></li> </ul> </div> <div id="leftbar"> <ul id="sideMenu"> <li><a href="shorts.php">Submit a short story</a></li> <li><a href="popular.php?select=today">View popular works from today</a></li> <li><a href="popular.php?select=week">View popular works from last week</a></li> <li><a href="popular.php?select=tmonth">View popular works from this month</a></li> <li><a href="popular.php?select=lmonth">View popular works from last month</a></li> </ul> </div> <div id="content"> Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. </div> </div> </center></body> </html> style.css: Code: /* Page Layout */ body { text-align:center; background-color:Silver; } #wrapper { width:901px; background-image:url(Images/sidebar_1.jpg); background-repeat:repeat-y; } #header { height:120px; width:900px; background-color:Black; float:none; color:Black; } #mainnav { height:20px; background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; } #spacer { float:left; width:160px; } #leftbar { float:left; width:160px; color:Black; background-image:none; } #content { margin-left:160px; color:Black; padding:5px; background-color:Gray; min-height:30em; } /* Navigation */ ul#mainMenu { list-style-type:none; padding:0px 35px 0px 10px; margin:160px; display:inline; } ul#mainMenu li { text-align:left; float:left; } ul#mainMenu a:link, ul#mainMenu a:visited { background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; padding:0px 35px 0px 10px; border-right:solid 1px gray; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; font-weight:bold; display:inline; } ul#mainMenu a:hover { background:url(Images/bg_3.jpg) repeat-x top left; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; display:inline; } ul#sideMenu { margin:0; padding:0; list-style:none; width:160px; } ul#sideMenu li { display:inline; } *html #sideMenu a { height:1px; } ul#sideMenu a:link, ul#sideMenu a:visited { background:url(Images/sidebar_1.jpg); background-repeat:repeat-y; border-bottom:1px solid gray; padding:15px 10px 15px 10px; text-decoration:none; font-family:Times Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } ul#sideMenu a:hover { background:url(Images/sidebar_2.jpg) repeat-y; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } Hi Guys I got a problem I'm trying to embed a html page in my joomla page but it will not fit in right and the colors don't mach this is the page I'm trying to fit in http://www.quebec-ufo-research.com/R...ndex%20QC.html and this is the link where the page should go. http://www.quebec-ufo-research.com/i...id=52&Itemid=2 As you can see the colors are of and the page goes to fare to the right. NowI tried to change the tab to a lower number <TABLE CELLSPACING=1 width="707"> to 200 to check if it would work but it doesn't.Can anyone please help me with this. Thanks I have a problem. I am very sorry if this is a noob question. It is hard to explain but I will use screenshtos. go to http://larspedia.webs.com/just.htm I want the banners on the same line! (this is just an example. The real site shall have Text in the center and banners at right and left) heres a screenshot of how i want it: http://larspedia.webs.com/just2.htm Can you please TRY to help me????????+? My website is urlremoved.com and i am having a problem from keeping the ads on the right hand side from changing whenever the window size gets smaller. Here is a link to my CSS for the website http://www.uploading.com/files/WSAC1...hteet.css.html But any help would be great. Thanks a bunch -thomas Hi guyz! I would need help with my website updating if you can call it so. I have a sidebar in every .htm file and when i add new content I'd have to update ALL of my pages. That would be very complicated. So, what i would want (IF possible) my sidebar to load from another .htm or .txt file. And, I know this COULD be done with FRAMES but the frames would block a few things. And I'm a person searching for challenges. Check out my webpage to see what i mean. Here If I talk bad english, SORRY FOR THAT let me know so I could learn better Hello every1! I have a noob question (I guess). Just starting to build my first site Code: <table> <tr> <td></td> <td></td> </tr> <table> The thing is, both elements height <td></td> is depending on the content, which may vary, I cannot specify height in the code. how to make the second element <td> display at the same height as the first one. If the content of the first has 100px and the second only 50px i want them to be both 100. Hope U understand sorry 4 my english. Hi guys Espescially to those that are Pro or Experienced user in imageready slices, image mapping, and HTML. I really need a serious help on this. Hope you'll help me with this. Well... I created my site using Microsoft Frontpage at home and its almost finished (only the contents that I will put, the flash banner and this problem) I made an image sliced (dunno if thats the term you are using) navigation bar using Photoshop with imageready. Its hover effect is changing the image button when you place your mouse on top of it . I made it and it works! I've put it in my webpage by uploading it in MS Frontpage. I saved it and test it and it works. Seems like I don't have any problems right? but too bad because my real problem is this: 1. The navigation bar works but it is Client sided 2. I tried changing the directory of the images folder. changed the code, for example images/home_over.gif to the directory of the file C:\Documents and settings\user\desktop\mysite\images\home_over.gif and guess what? It didn't worked!!! I havent uploaded my site on the net cause I know it will still have the same problem. 3. I tried erasing the java script code and do what I've done above and it also didn't work 4. I've placed both the html file and the image folder in the same folder and it works thats why I came to a conclusion that they both need to be in the same folder. BUT!!! how if I upload it in the site manager of a free web hosting? I think it wont work... Those are the things I tried. I will try to upload the webpage and the image folder in the freehosting site both on the same directory or folder and see if it works (I dont think it will work because what I've done in #2 and is similar to this) I would also ask how to upload a flash movie in a webpage... I have uploaded the webpage on the net and the image files for you guys to see it and test it: try downloading those and save in the same folder in your computer and i think it will work. the webpage is: http://rapidshare.de/files/36048595/index.html index2 (it has some CSS cause I changed the save type to this one inimageready): http://rapidshare.de/files/36048641/index2.html the image folder is: http://rapidshare.de/files/36048429/images.rar.html the buttonimage folder is (for index2): http://rapidshare.de/files/36048531/buttonimage.rar.html I haven't change anything in the code. If you managed to solve my problem, please change the color of the codes that i need to change. Thanks for reading this and I hope you will help me... index (html the deafault save type in imageready) index2 (it has some CSS, I changed the save type for this) i have a problem with my img tag i made a menubar (which is probably to big) and one of my images isn't showing i don't know where i messesed up you can veiw my site http://www.pokebomb.co.cc and try to find the problem or download it as an attachment it would help alot if you can figure out what is wrong and the site isn't 100% done (obviously) |