stormingnorm
-
Posts
4 -
Joined
-
Last visited
stormingnorm's Achievements
Newbie (1/14)
0
Reputation
-
From stormingnorm. Sorry but there was alot more code which i completed and clicked save changes at bottom of page. but the whole page of code has not appeared and it took a little while to completed. Sorry it looks like you have only got half the story and did not get the answer to your ? which was further down the page My applogies for incomplete tutorial.
-
Hi Xillius, Right i realise this thread is way out of date, however it way come in handy for others. Example: Your html page. Doc type etc. <Html> <title> Your page name</title> <body> <div id="container"> <!-- some designers call it wrapper all content of your page goes between this div. --> <div id="head"> <!-- for your page heading could be picture or just text or both. etc etc. </div> <!-- end of head section--> </div> <!-- end of container div. --> </body> </html> save page as yourPage.html. CSS code. in new page Example of centering div. * {margin:0px; //this wild card selector stops white space at top browser. padding:0px; } #container { width:900px; height:900px; border:1px solid #000000; //black border all around the edge. margin:5px auto; // 5px in from left & right of browser auto centers it top and bottom of page. } #Head { { position:absolute; //sets the head in the container 90px from top of page and sets colour width:900px; height:90px; background-color:#b4eeb4; or u could set a background-image:url (yourpicture.jpg); // check your picture size is same or smaller than
-
Move buttons from vertical to horizontal ?
stormingnorm replied to uktab's topic in Tech Support & Discussions Forum
Align content in table cell. Hi uktab. Heres a basic example that should help i noticed u have the <tr> & <td> the wrong way round and also you are executing one block of code....but i presume you may have wanted it that way. If you want to see this example in action copy & paste the code into notepad save as lets say tableData.html.....save in lets say myDocuments.........go to this folder on your pc, the saved file will appear as a browser icon...whatever browser u are using double click icon and example code will appear as a page in your browser. Example: Where for instance u want one of you images to be, it would go where money spent on goes. Hope this helps. Go to the w3schools webpage for more information. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Align content in a table cell</title> </head> <body> <tr> <table width="400" table border="1"> <th align="left"> Money spent on...</th> <th align="right">January</th> <th align="right">February</th> </tr> <tr> <td align="left">Clothes</td> <td align="right">£241.10</td> <td align="right">£50.20</td> </tr> <tr> <td align="left">Make up</td> <td align="right">£30.00</td> <td align="right">£44.45</td> </tr> <tr> <td align="left">Food</td> <td align="right">£730.00</td> <td align="right">£650.00</td> </tr> <tr> <th align="left">Sum</th> <th align="right">£1001.00</th> <th align="right">£744.00</th> </tr> </table> </body> </html> -
Thank you for letting me join your forum. I have limited computer knowledge at present, so i am looking forward to learning as much as i can....... and if possible helping others. Forums are new to me so i look forward to the experience. :)