Question about uploading website

Hosting
1

I have just purchased a web hosting at Inmotion. I have uploaded my website via FileZilla. I updated my website yesterday. It appeared exactly as I wanted it to appear on my computer. When I uploaded it, I was surprised to see that one pic is missing and the other one is overlaps the text . Both my index.html and my Css style sheet have been validated. I don’t understand why.

Note to the moderators:If I’m posting in the wrong forum, please feel free to move my thread.

This is my Css style sheet

a {
font-style: italic;
}
a:link {
color: gray;
}
a:visited {
color: green;
}

a:hover {
text-decoration: none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}

#menu
{
width:148px;
height:350px;

margin: 25px;
margin-top: 2px;
padding:25px;
padding-left:10px;
background-color: #ffffe0;
float: left;

}

h1
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
margin-left: 250px;

}
h2
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
text-align: center;
position: relative;
bottom: 10px;
padding-top: 25px;
padding-bottom: 0px;
}
blockquote
{
font-style: italic;

padding-top: 50px;

background-color: #eedd82;
padding: 25px;
}
#toppic
{
margin-top: 0px;

}

p
{

padding: 20px;

background-color: #fafad2;

}

.list
{
background-color: #fafad2;
padding:25px;
padding-left: 25px;
padding-top: 25px;

}

#corps

{

width: 1000px;
background-color: #ffffe0;

margin-bottom: 150px;
margin-left: 210px;

top:225px;
text-align: justify;

}

#footing

 {
 
 background-color: #daa520;
 border: 2px solid black;
 
 }
 #pic2
 {
 float:right;
 }

And this is my website URL

www.drenchinfrench.com

Any help will be appreciated.

2

Obviously the image isn’t uploaded, try it again.

3

You may contact your current web hosting provider and ask them to help you to manage the stuff.

4

I know the problem. The problem is that (as I have noticed) Filezilla does so crap to your FTP cache (I could not belive, but that is true).
Firstly I have uploaded wordpress installed everything correctly…WordPress is running…I have created the folder with a different computer and using Total Commander after uploaded the images to that created folder…Guess what when I came back to connect again with Filezilla to the host I could not see that folder…I came back to previous computer connected again and NO FOLDER WITH IMAGES FOUND!
Truly I am not sure what happened, but I guess maybe Filezilla has some stupid cache control?

Suggestions: Use another FTP Client and try to upload your image.

5

Try to use another alternative FTP client for upload or use file manager.

6

I solved the problem!!!

ServerPoint and Casius: I have very few options when it comes to Ftp clients. I have a Mac .

WebhostGiant andMY220: I called the support line. It appeared that one of my pics had a capital letter which is not supported by the server. She changed it to a small case letter and the pics appeared exactly where I wanted them. Now the question is : How come that the W3C didn’t pick up on the capital letter!!! What conclusion can we draw here?

Last but not least, thank you so much for all of you for taking the time to answer my question.

7

Capitals in file names are not against W3C rules.
However, sticking to lower case for filenames on the web makes life a lot easier (aspecially on *nix hosts, which distinguish between someimage.jpg and SomeImage.jpg, whereas windows systems don’t make this distinction).

8

You’re right Scallio! I tend to count on W3C to check my work, but that’s a good lesson for me. Now I know that there are things that I need to check myself.

9

Mac has top notch FTP applications and you have many options.

My favourite one is Transmit. If you prefer free apps, try Cyberduck.

You can also test some of the apps listed here: http://www.makeuseof.com/tag/8-free-ftp-clients-for-mac/

10

Hi Kohoutek,
Transmit is not free?
I would love to try other FTP clients. Now the server doesn’t accept the first-letter
class. It appears fine on the comp, but it doesn’t show on the Internet.

11

Hi lila23,

no, Transmit isn’t free. I’m using it together with Coda. Makes for a nice and comprehensive development package. :slight_smile:

As for :first-letter, it’s working for me. You’re most likely viewing it in a browser that doesn’t support this pseudo element?

And one tip; Your images are too large in size. They take ages to load. I’d reduce the file size and optimise them for the web.

12

I will. I noticed that they took time to upload. It’s amazing for the first letter. It appears on Safari on my Mac; however, my blockquote has now a rectangle on
it. I don’t even know how this happened. On FF on my Mac it doesn’t appear. On Windows, it appears both on FF and on IE! It’s just weird and this is with my w3C validated code!!!:frowning:

13

Hello,

I’m glad to see that you resolved the problem. The server probably does support capitals but your code was most likely in lowercase. The reason why it doesn’t make a difference to W3C is because many people use uppercase to name files and pages. It is dying off now because it is likely to cause problems and confusions but some people still do it.

Personally I don’t use uppercase at all for anything files, images, HTML or CSS.

Jack

14

Unfortunately valid code will only increase the chances that your site will be consistent on different browsers. It doesn’t guarantee that :frowning: Different browsers process some elements differently.

Jack

15

blockquote
{
font-style: italic;

padding-top: 50px;

background-color: #eedd82;
padding: 25px;
}

I just noticed that you are using padding twice. This is most likely causing you browser issues. I’m not sure how much padding you are looking to use but it’s advisable to only use padding once for each style. At the moment you are saying you want 25px padding all the way round but you’re also saying that you want 50px of padding on top. You can achieve that with the following line:

padding: 75px 25px 25px 25px;

Jack

16

Hi Jack,
Thank you so much for pointing out about the padding. Today I have been mortified when I checked my website on Windows! The title overlaps my greeting message. I checked it on IE8 and FF on windows and it’s messy on both. On Mac it’s perfect whether on FF or on Safari!!! I don’t understand! I didn’t know that even Operating systems can be different in terms of how the website appears! This can be discouraging at times!