HTML Coding

[GeorgeKellow]

Morning all (Well at least in the uk) 

 

I suck at HTML Coding its unreal  

I have made a basic template for what my pages need to look like on my website

 

I have made a design on power point for a page on html website but I am struggling to make it in HTML

 

I am using brackets to code.

 

Could I send someone the powerpoint to run it through with me?  

[Protex]

Are you also delving into CSS? If you are struggling, maybe a pre-designed HTML template to edit may help, unless it is an assignment not for personal use.

[GeorgeKellow]

Just now, Protex said:

Are you also delving into CSS? If you are struggling, maybe a pre-designed HTML template to edit may help, unless it is an assignment not for personal use.

Its for an assignment for college. We are using HTML/CSS/JavaScript.

 

Our college tutor has let us use templates  

[Protex]

 

1 minute ago, GeorgeKellow said:

Its for an assignment for college. We are using HTML/CSS/JavaScript.

 

Our college tutor has let us use templates  

http://www.free-css.com/free-css-templates These most likely won't have Javascript, although have all the CSS and HTML you need, and if you know your way around CSS / HTML, it is easy to edit, especially in brackets with the live preview. Best of luck!

[GeorgeKellow]

Just now, Protex said:

 

http://www.free-css.com/free-css-templates These most likely won't have Javascript, although have all the CSS and HTML you need, and if you know your way around CSS / HTML, it is easy to edit, especially in brackets with the live preview. Best of luck!

Can I pm you to show you the work I have so far to see if its right? 

[vorticalbox]

Could you post the design so we can see what it looks like? 

[GeorgeKellow]

1 minute ago, vorticalbox said:

Could you post the design so we can see what it looks like? 

Its a powerpoint slide 

[vorticalbox]

Just now, GeorgeKellow said:

Its a powerpoint slide 

Then take a screenshot and upload it here.

[GeorgeKellow]

The blank blue squares are pictures of bread 

 

 

(Super weird assignment I know ) 

[Organized]

Clock thing: absolute or fixed positioning may be the best here

Back to homepage: same thing as the clock

Breads: floating DIVs with 33% width

 

Google list for you:

• css position absolute
• css position fixed
• css float

[GeorgeKellow]

1 minute ago, Organized said:

Clock thing: absolute or fixed positioning may be the best here

Back to homepage: same thing as the clock

Breads: floating DIVs with 33% width

 

Google list for you:

• css position absolute
• css position fixed
• css float

I've got the clock and the back to homepage sorted now. Its just the Bread 1-3 with pictures and captions I need 

[Organized]

Then google for "css float" and look up some examples. Floating makes DIVs (I hope you know what a DIV is, otherwise google it) "float", so they can align next to each other which they normally don't do.

 

<div style="float: left; width: 33%;">First block</div>
<div style="float: left; width: 33%;">Second block</div>
<div style="float: left; width: 33%;">Third block</div>
<div style="clear: both;"></div><!-- This one is important! Google for it aswell -->

You will then place the images and text inside the DIVs.

[Niemand]

@GeorgeKellow 

 

Watch this tutorial (you can definitely do it in one day if you have the time). It helped me a lot with HTML and CSS back in the day.