10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Help please - positioning

by Karen Connell
8 replies
  • WEB DESIGN
    • |
Hi all,

I am very technically challenged and am learning (very slowly!) as I go.

My question is - I am building a new site using a simple table. How can I put text on the blank spaces either side of the table?:confused:

Is there a way to do this or should I just go with a pre-designed template?

Thanks

Karen
#positioning
  • Profile picture of the author Adi E
    Hi Karen,

    Could you not create another Table Data either side then set the row span to the number of rows you've got in your table?

    On the other hand, most, if not all websites are now made with DIVs and CSS
    {{ DiscussionBoard.errors[989309].message }}
    • Profile picture of the author Karen Connell
      Originally Posted by Adi E View Post

      Hi Karen,

      Could you not create another Table Data either side then set the row span to the number of rows you've got in your table?

      On the other hand, most, if not all websites are now made with DIVs and CSS

      Hi,

      Thanks for the reply.

      As I said in my original post - I am VERY technically challenged, when people start talking in initials, I run for the hills!

      However, I am trying to learn basic HTML.:confused:

      Could you please clarify what is meant by DIVS - is this the bit in htm that looks like this - <div> ? Does this mean something like 'next line' or 'space'? Or am I complete on the wrong track?

      Please forgive my ignorance but I'm really trying hard to learn this stuff.

      (It took me a month to figure out how to build and publish a simple website using a table! See my sig file)


      Karen
      Signature

      Never Mistake Activity for Accomplishment

      {{ DiscussionBoard.errors[989333].message }}
      • Profile picture of the author Steve Diamond
        Hi, Karen. Since you're starting to learn HTML on your own, it would be best to learn the most modern methods. As Adi E mentioned, using tables for layout and spacing is an obsolete technique. The contemporary trend is toward what are sometimes called "tableless design" and "semantic markup."

        Here's an entertaining page that explains what this means and why it matters. Then it gives many links to demonstrations and further reading.

        I hope this helps.

        Steve
        Signature
        Mindfulness training & coaching online
        Reduce stress | Stay focused | Keep positive and balanced
        {{ DiscussionBoard.errors[989410].message }}
      • Profile picture of the author Adi E
        Hi

        Yes, DIVs are the <div></div> HTML tags, they are used because they are light weight, easy to use and can easily positioned using the correct CSS styles.

        When creating DIVs unless you've stated how they are to be positioned each new DIV will appear on the next line, so:
        <div>DIVISION 1</div>
        <div>DIVISION 2</div>
        The words would appear one below the other.

        By using CSS classes you can give unique styles to each of your divisions, so in the case of your Swift Articles website you could use something like:

        HTML Code:
        <html>
<head>
<title>Swift Articles</title>
</head>
<body>
<!-- Main Container-->
<div id="container">

<!--Open Header-->
<div class="header">
<p class="large">Swift Articles by Karen Connell</p>
"Here's How You Can Get<br>
5 Professional, Quality Articles<br>
  <span class="red">FREE</span>...For a Limited Time Only"
</div>
<!--Close Header-->

<!--Main Content-->
<div class="content">
\HERE YOU WOULD INSERT ALL YOUR PAGE CONTENT//
</div>
<!--Close Main Content-->

<!--Page Footer-->
<div class="footer">PAGE FOOTER</div>
<!--End Footer-->

</div>
<!-- Close Main Container-->
</body>
</html>
        {{ DiscussionBoard.errors[989422].message }}
  • Profile picture of the author Karen Connell
    Hi Guys.

    Steve,

    Thanks for the links - Surpisingly, I'm looking forward to learning something new!

    Adi,

    Thanks for that - it's surprising that I can actually understand all that - some of the stuff I'm learning must be sinking in!

    Thanks to you both.

    Karen
    Signature

    Never Mistake Activity for Accomplishment

    {{ DiscussionBoard.errors[989436].message }}
    • Profile picture of the author Adi E
      No problem Karen,

      Heres some more to get you on your way - Its already beginning to look like your current site, I just couldnt find the HEX code for your content background

      HTML Code:
      <html>
<head>
<title>Swift Articles</title>
<style type="text/css">
body {
background-color: #000066;
margin: 0;
}
#container {
background-color: #CCFFFF;
padding: 20px;
width: 860px;
margin: 20px auto;
}
.header {
text-align: center;
font: 1.8em Arial;
color: #000066;
}
.large {
padding-top: 5px;
font: 1.4em Arial;
color: #000066;
text-align: center;
}
.red {
font: 1.5em Arial;
color: red;
}
#content {
margin-top: 30px;
font: 1.1em Arial;
color: #000066;
padding: 5px;
}

.footer {
margin-top: 20px;
font: 1.3em Arial;
color: #000066;
}

</style>
</head>
<body>
<!-- Main Container-->
<div id="container">

<!--Open Header-->
<div class="header">
<p class="large">Swift Articles by Karen Connell</p>
"Here's How You Can Get<br>
5 Professional, Quality Articles<br>
  <span class="red">FREE</span>...For a Limited Time Only"
</div>
<!--Close Header-->

<!--Main Content-->
<div id="content">
 Of course, there's no such thing as a free lunch...<br><br>

    I am giving you 5 FREE Articles so you can see for yourself the style and quality of my writing.<br><br>

    You see, I know you will want more once you've checked out the freebies.<br><br>
  
     I am a professional, published writer and all articles and reports are personally written and original.<br><br>

     I can supply the Best Original Content for your blogs, websites, emails etc. <br><br>

    Just tell me what you want and we can discuss price. <br><br>

    Once a timeframe is agreed, you can be sure that I will honor that agreement - if I don't deliver on time (or before)  - <br>
    your order is FREE, simple as that.    Heck, I'll even refund your deposit!<br><br>

    Absolutely NO outsourcing to far off lands!<br><br>

    You can be sure of top class content at the very best price.</div>
<!--Close Main Content-->

<!--Page Footer-->
<div class="footer"><center>If you have any questions or to discuss your requirements please email me: 
articlejobs@gmail.com</center></div>
<!--End Footer-->

</div>
<!-- Close Main Container-->
</body>
</html>

      Good luck,
      Adi

      *Edited the HTML - looks almost exactly the same as your site now
      {{ DiscussionBoard.errors[989454].message }}

Trending Topics