Jump to content

senzafine3

Members
  • Posts

    4
  • Joined

  • Last visited

senzafine3's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. since you are not using CSS at more detail, why dont you just type your HTML <table align="center" ... > ....I think that will do the job..But since you are considering of using CSS, and this thread is in the CSS category, I would strongly advise you to check out one of the previous topics on CSS Vs Table layouts.....and although somehow 'cool', the scrollbar should not be edited, according to W3C
  2. senzafine3

    Site help

    also, for accessibility reasons its advisable to separate content from presentation. that means that images used for design purposes (e.g. rounded block elements, headings etc) should be based on CSS (i.e. background) rather than being included in the HTML (i.e. <img> tags)
  3. senzafine3

    Site help

    I dont see any reason why to have the image both as a background and as an element in the HTML. You could just specify #box2top in the CSS as#box2top{ background:center url(images/box2bg.gif) no-repeat; width: 190px; height: 30px;} and the same for #box2botfor line breaks maybe if you used margin: 0 10px; (0 for top and bottom and 10 for left and right) could fix the problem..What I've done in order to minimise the time needed to get a project running is create a HTML template like this: ...<body><div id="container"> <div id="header"><h1><a href="home" title="Home"><span>Site's Title</span></a></div> <div id="menu"> <ul> <li><a href="#">Link 1</a></li> ...... </ul> </div> <div id="content"> <div id="primary"> <h2>Page's Title</h2> <h3>Subtitle</h3> <div> Content here .......... </div> </div> <div id="secondary"> <h4>Something here</h4> <div>Some text here</div> </div> <div class="clear"> </div> </div> <div id="footer">footer</div> The first thing to do is to define .clear in your CSS as clear:both and height:0. This will allow for #primary to be floated either to the left or right and for the #secondary to be floated to the oposite direction.When styling the #primary and #secondary divs it is advisable NOT to define any padding, margin or border as different browsers will render these attributes in different ways. Width is ok of course, so a 60% for #primary and 40% for #secondary would be ok probably.Padding, margin or border can be defined in the <div> placed inside the #primary and #secondary divs. Whereas the padding of the <div> will increase its width, it will not affect the width of its container (#primary or #secondary) and therefore will not cause the page to break up - assuming you DO NOT specify a width for the <div> bigger than its container's width.I havent worked for a 3 column layout in a while so I dont remember whats the best way to do it, it actually depends on your needs. There are many ways to achieve it though, if you fiddle around with margins, paddings, floats, and positions you can see the effects of each.One important thing to note is that it is advisable to keep your CSS and HTML code to a minimum. If you see no real need for an element to exist then dont include it. Or if you see that your code becomes a bit overloaded, then try to remove some unnecessary elements.Hope I helped, cheers
  4. well, in the HTML you use class="Poptekst" but in the CSS you only define .testmaybe thats the problem?
×
×
  • Create New...