[Simon Matthews]

Hi,

Sorry for sending so many messages! Just to let you know I have now updated the home page on the website. It’s looking better now, I think. Not sure if this is the right way to do it, but I gave negative values to the margins to get rid of the gaps, and it worked. I guess this means there are errors in the formatting?

Simon.

[Simon Matthews]

I’ve sorted it out now so that the link will take you directly to my page. The reason for the problem was that I had changed the name of the html file from ‘index.html’ to something else. Changing it back sorted the problem, so this link will now take you directly to my page:

https://triangledesign.site40.net/

[Simon Matthews]

PS. There are some lines of code in the head that do not do anything yet. I have been following a series of html tutorials on YouTube that apparently will make use of those lines later on in the series.

Here’s a link to one episode of that series, just so you know what I’ve been following. He seems a great tutor.

https://www.youtube.com/watch?v=_-sWfLLBz-k

Some contents or functionalities here are not available due to your cookie preferences!

This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

[Simon Matthews]

Hi,

I’ve just registered with a free hosting service and I have uploaded the page to the server so that you can see the source code. For some reason the web address doesn’t take you directly to the page, but instead takes you to a page that displays links to the folders that contain my page. Clicking on the HTML link will then take you to my page. Not sure why it’s working like that, haven’t had time to look into it yet, but in the meantime you will be able to view my page.

There are a few errors in the page that need to be rectified, such as the margins that I spoke of earlier, at the top of the page and between the banner and lower page. Also there is a glitch in the navbar that looks ok in design mode but not in the browser.

The website address is:

https://triangledesign.site40.net

Thanks again for all your help and hope you can make sense of my source code!

[Simon Matthews]

Hi,

I’ve just started looking into free web and domain hosting, just so that I can get the page up and running in order for you to see it. I found this site and was wondering, just to be on the safe side, if you would let me know if the site is ok or not. Here’s a link to the free domain page of their site:

https://www.000webhost.com/free-domain-hosting

And here’s a link to their homepage:

https://www.000webhost.com/

If that site is legit then I’ll register and try to get the page up and running.

Thanks!

[Simon Matthews]

There are no br tags in my source code, that must be Cow’s. The code is more or less the same as what you sent me, but with the styles in a separate styles sheet. How can it look ok in the design mode but not ok in Chrome? I thought the design mode was meant to reflect the finished page?

Don’t know about hosting yet. That was something I was going to look into after I’d learned a bit more, probably after I have designed a full website. I want to find the cheapest way possible! 🙂

[Simon Matthews]

Hi,

Not sure what you mean about break tags. I didn’t add any tags to the code myself? I’m new to this so not quite sure what you mean here.

I don’t have a live website myself so don’t know how to post to a server?

[Simon Matthews]

Here’s the HTML again because I don’t think it pasted properly in the last message:

• MOTION GRAPHICS
• MATTE PAINTING
• VISUAL FX
• 3D STUFF
• VIDEO
• DESIGN
• CONTACT

[Simon Matthews]

Here’s the HTML, from the body onward…

• MOTION GRAPHICS
• MATTE PAINTING
• VISUAL FX
• 3D STUFF
• VIDEO
• DESIGN
• CONTACT

And here’s most of the CSS:

ul { list-style:none; }

a img { border:none; }

#wrapper { position:relative; width:900px; margin: 0 auto 0 auto;
}

#header { width:100%; height:141px; margin: 0 0 0 0; padding: 0 0 0 0;
background:url(‘../Images/Triangle Design & Media Web Banner.jpg’) no-repeat left top;
}

#logo { float:none; margin: 0 0 0 0; padding: 0 0 0 0; }

#social-media { float:right; width:20%; height:25px; margin:30px 20px 0 0; display:inline; }

#facebook-icon { margin: 10px 20px 0 0; }

#you-tube-icon { margin: 0 0 0 0; }

#navbar { width:100%; height:79px; background-color:#000; margin: 0 0 0 0; Padding: 0 0 0 0; }

#topnav ul {
border-top:1px solid white;
border-bottom:1px solid white;
margin:20px 0;
padding:10px 0;
}
#topnav ul li { display:inline; }
#topnav ul li a { padding:0 10px; text-decoration:none; color:white; }

#topnav a:link { color:#FFF; }
#topnav a:active { color:#FF0; }
#topnav a:hover { color:#BD3E57; }

#banner { margin: 0 0 0 0; padding: 0 0 0 0; }

#lower-page { margin: 0 0 0 0; padding: 0 0 0 0; }

[Simon Matthews]

I can’t seem to get anywhere with margins and padding. I’ve set them all to zero but it doesn’t seem to have any effect. The page looks ok in design mode but has gaps in Chrome, above the header at the top of the page and between the banner and lower page. I’ve checked every id. Pulling my hair out with this one!