|
HTML - Noob... Ftp Upload- Url's/relative Dont Work?
Ok so im making a webpage for my CSC class for school. And i have been designing the webpage on my macbook under the desktop folder called "CSCWebpage". I uploaded the folder into my ftp and i opened up one of the pages in firefox and the relative links are not working. such as img, a, my image map image, and also my css file i cant connect to. I know this is a noob question, so im sorry for the ignorance! im new. lol.
Similar TutorialsNo matter what I do no kind of links work. In this code for an instance the picture link dont work: Code: <html><head><title>a website</title> </head> <body topmargin="0" bottommargin="0" style="background-color: rgb(0, 0, 0);"> <center> <table heigh="" cellpadding="0" cellspacing="0" width="800"> <tbody> <tr> <td colspan="2" background="images/lbar.png" height="500" width="38"></td> <td valign="top"> <table cellpadding="0" cellspacing="0" height="631"> <tbody> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0" height="450"> <tbody> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0"> <tbody> </tbody> </table> </td> <td valign="top"> <table cellpadding="0" cellspacing="0" height="460" width="535"> <tbody> <tr> </tr> <tr> <td valign="top"><font color="#ff9900" face="Verdana, Arial, Helvetica, sans-serif" size="-1"> <A HREF="whatever\whatever.html"><IMG SRC="whatever/whatever.gif" ></A> </font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="bottom"><img src="blabla/blabla1.png"></td> </tr> </tbody> </table> </td> <td colspan="2" background="blabla/blabla2.png" height="500" width="38"></td> </tr> </tbody> </table> </center> <div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;"> <br> </div> </body></html> Hi, pretty new to HTML, any help would be greatly appreciated. My links back to my home page etc e.g. my menu links that link to my root folder work fine in IE but when I try opening them in firefox or Flock none of my links work including my link to my CSS style Sheet. Heres an example of my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Anime</title> <link rel="stylesheet" type="text/css" href=" /anime2.css"/> </head> <body> <div class="header"> <div class="logo"> <a href="/Anime.html"> <img src="/anime.png" alt-"Anime Hub" style="border-style:none"/> </a> </div> </div> <div class="menu"> <ul> <li> <a href="/anime.html"> Home </a> </li> <li> <a href="/animenews.html"> News </a> </li> <li> <a href="/animes.html"> Animes </a> </li> <li> <a href="/animepreviews.html"> Previews </a> </li> <li> <a href="/animeblog.html"> Blog </a> </li> <li> <a href="/animeforums.html"> Forums </a> </li> </ul> </div> Im using a forward slash for the link to search in my root folder, if I use ../../ to go back two folders it seems to work, but this is tedious and I am sure there must be another way. Please Help Thanks in advance for my sciece project i was making a webpage, and all my links were relative, i was wondering, why it doesn't work on the stupid piece of **** known as a mac!!!!!!?!?!!?!?!!?! Never mind you guys were wrong as usual. Thanks. hi all, i have just written a book and am putting it online. i have some groovy buttons but want them to change when hovered over and also depress or change when clicked. can one of you experts give me the code for this pretty please. we could take it that: A.jpg = normal button B.jpg = when hovered (mouse over i think in your expert world) C.jpg = when clicked also i would like to know where and how the code looks to 'download XY.PDF' please help us on planet noobian, we are at a loss. I spent 2 hours trying to figure out why one of my pages is not centered! I am loosing hope. Please, can someone take a look? The culprit: http://www.denimdujour.com/evisu_guide.html Is it possible to create a page with a video on it that will come up for like 10 seconds, while the page that was clicked on loads and then redirect/go to the page that was loading? Thanks for the help if this can be done. Any comments would be greatly appreciated! As I said I don't know what it is called but I would like to make a Trivia site, where people can login and answer different questions in a certain amount of time, and if they answer in a certain amount of time they earn points, I would also like the points shown on the main page what would i need to learn to accomplish this So it goes like this. I'm making a site for entertainment and i had everything in my desktop. While doing the site i realised i needed php, so i download wamp server and put the site in the follder "wamp\www\sitehere". Before i put it in there all the images where loading fine. After the transition none of the images load.... and the path is the same... i try putting the whole path 'C:\wamp\www\sitefolder\blablabla\folder\img.jpg" and still they wont load ... what am i doing wrong i dont get it here is the part of the img code whole path Quote: <img class="image" src="C:\wamp\www\PAPPAP\memebase\demo\129060533184878245.jpg"/> normal Quote: <img class="image" src="memebase\demo\129032218674984307.jpg"/> and yes the page is in the folder "PAPPAP" Hello, this is my index.html: HTML Code: <html> <head> <title>Zenrer</title> <link rel="stylesheet" href="main.css" type="text/css"> </head> <body> <div id="page"> <div id="header"> Test in header </div> </div> </body> </html> main.css Code: body {
color: #3e3e3e;
background: #37383d;
}
#page {
background: #cccccc;
width: 900px;
margin: auto;
padding: 20px;
}
#header {
background: black;
width: 860px;
height: 150px;
}
View he http://www.zenrer.com/website The page is pushed outwards, padding is 20 either side, page is 900px, so the header must be 860 wide, but it isnt. site validates.... I've gotten rid of this space a few times, but it always tends to come back... Im out of ideas of what it could be, and figured another set of eyes could help me out. http://rse.pzproductions.com Any help is greatly appreciated :-) Also... the space only shows up on the homepage....but! the RSE Poll is only lined up correctly on the homepage as well, on every other page its dropped down into the content section. Obviously I am having some issues here, and any help would be so appreciated at this point favicon dont display in IE 8, where as i add code: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="short icon" href="favicon.ico" type="image/x-icon" /> anyone know? hi i dunno why it doesnt work so i am posting it here this "error" displays when i try to run it :/ does anyone know what could be the problem?thx Hi, Im trying to get a website up and running for a small business just starting up without the finances to pay for a designer, I know a little bit of html, and have used dreamweaver before but im going to try and stick to HTML on this one if its possible so i can quite easily change it as i need to. This is what im trying to create http://img17.imageshack.us/my.php?image=helpq.jpg I have the black logo, as a large rectangle only. I have added those long black dividers in paint to show you what im trying to do. Been playing about with it for hours today and got no where I know i could do it as one MASSIVE image but that wouldnt be very economical would it. Thanks for any advice. ok well like the title states... i have a basic framed website for my division 2 paintball team and i cannot get the frames to line up. The top frame (like for the banner and buttons) will not line up. Im using an html editing software and i have both of them centered and both are 750 pixels across but the bottom frame is too far to the left. tell me what information you need. I dont have it uploaded to the web yet because we have an existing website there until this one is done (for sponsorship reasons we dont want to take it down). just tell me what info you need and ill get it for you! thanks in advance! hello there... if any one can help thanks in advance i am making a site for my class as a final project its about me and when i tested with firefox everything is perfect loads up in no time and when i test them in ie they dont dont seem to come up the page just loads for ever... if it was for me i wouldnt care about ie but i think my teacher preffers ie for her own use so i have to get it to work in ie ... is there anything i can do to make it work... she told me to slice the images down and load them to a table by pieces it would work should i try that... none of the images are showing in my table. the are specified to the correct location. anyone have any ideas why this is? Code: <table border="1" cellspacing="5" cellpadding="5">
<tr>
<td width=100px, height=80px><img scr="images/apple schnapps.jpg" width="60px" height="80px"/> <br /> Apple Schnapps</td>
<td width=100px, height=80px><img scr="images/cachaca.jpg" width="60px" height="80px"/> <br /> Cachaca</td>
<td width=100px, height=80px><img scr="images/champagne.jpg" width="60px" height="80px"/> <br /> Champagne</td>
<td width=100px, height=80px><img scr="images/Coca Cola.jpg" width="60px" height="80px"/> <br /> Coca Cola</td>
<td width=100px, height=80px><img scr="images/cranberry juice.jpg" width="60px" height="80px"/> <br /> Cranberry Juice</td>
</tr
<tr>
<td width=100px, height=80px><img scr="images/espresso.jpg" width="60px" height="80px"/> <br /> Espresso</td>
<td width=100px, height=80px><img scr="images/grapefruit juice.jpg" width="60px" height="80px"/> <br /> Grapefruit Juice</td>
<td width=100px, height=80px><img scr="images/lime juice.jpg" width="60px" height="80px"/> <br /> Lime Juice</td>
<td width=100px, height=80px><img scr="images/passion fruit juice.jpg" width="60px" height="80px"/> <br /> Passion Fruit Juice</td>
<td width=100px, height=80px><img scr="images/peach juice.jpg" width="60px" height="80px"/> <br /> Peach Juice</td>
</tr>
<tr>
<td width=100px, height=80px><img scr="images/rum.jpg" width="60px" height="80px"/> <br /> Rum</td>
<td width=100px, height=80px><img scr="images/soda water.jpg" width="60px" height="80px"/> <br /> Soda Water</td>
<td width=100px, height=80px><img scr="images/sugar.jpg" width="60px" height="80px"/> <br /> Sugar</td>
<td width=100px, height=80px><img scr="images/Vodka.jpg" width="60px" height="80px"/> <br /> Vodka</td>
</tr>
</table>
Hello, I am very new to HTML. I am trying to develop a website with an image in the background. Suppose the image is simply ALL black. My text is also all black. I am trying to create one of those mini squares in between the background and the text of the website, and this 'mini square' will be white or some other color so the text will appear normally. Then, I can possibly have several different 'mini squares' in different colors and I will be able to add text to them, and it wont be hard to read the text even if the text and the background are the same color... So can anyone guide me and tell me what this is called and how I would add the most basic of these 'mini squares'? I apologize for my lack of terminology, I just started getting into HTML 3 days ago. Thanks in advance. |
|||||||