This is a puzzle to me since i obtained interested in web design. I’m relatively new to web development and coding and so pls bare that as the primary goal when replying.
I have read that using tables for layout is technically the wrong way to add content with a web page knowning that something like 70% of websites are impractical just for this.
I can pattern anything in illustrator regarding web floor plans and i discover how to optimize images. Its just next time i slice it and also open it around dreamweaver, i don’t discover how to add content, as well as if i could, how to position it wherever i need to without the entire layout screwing up like it normally does.
Can someone make sure you give me some pointers or link me to some tutorial on that subject. I’ve searched significantly and havn’t located specific info about this.
Ta before hand: >
p. ersus are sigs granted
IMO, that thing regarding tables being an untrustworthy way to add content and that 70% of websites are impractical because of it – full rubbish! Anyway, for the subject in fretting hand.
Make use of table rows, posts e. t. c and established the content thing as a background and cause it to so that in the event it expands, it won’t wreck the layout.
However, you could attempt using table rows, colums age. t. c, but around the content area, make a layer the same size precisely as it, and make the item scrollable. You’ll should use exact placement (enter: gylakk ) as it to work while.
You will find 2 ways I could think of. Likewise, I’m sure you will find some stuff online about this, the amount searching have anyone done
hmm… i’ll have to try and learn how to do that, thanks for that tip: >
It shoulds like you will be going about this a little ‘sideways’.
" You may not add content for your site, you add your web blog to your written content.. " – crouching computer mouse hidden muskrat.
I can explain this strategy by explaing both ways you can start layout out your own page.
Commonly and traditional solution to layout a page would be to use tables. Tables are a new grid-like structuer of which incorporates rows to create cells arranged within a fashion so they is proven to hold images, subject matter, whatever that could form the resulting site. The problem using this type of is since ones cells are arranged in their normal tight arrangement just about any change you make on the structuer can affect an entire page. Plus table cells can be used as serrogate contains for otherwise fine content. These cause stand based layouts being 2 dimentional, and on most occasions unessessarlly bloated. Nevertheless, The advantage is it is an easy concept to figure out and learn since it is founded on simple principles.
Other way is using CSS for a visual layer(more on that in the bit). CSS may be a strutured way in order to visually format your html markup. It can be used to change background shades and fonts, as well as add borders, along with apply positioning, to installing your whole web-site. What this means is you might have greater control more than your layout and many more flexability when comparied to tables for the reason that visual formatting just isn’t ‘built’ into your html, it is seperate traditional hunting had, and is hence not limited by means of it. This thought of seperation is definitely not exactly new but to many people it is the unfamilar concept when discussing websites. So I can explain it such as this, since you use photoshop you undoubably are familar with the concept of cellular levels. Layers are the mix of several elements of which when assembled produce the required output. Think of your projects in terms of layers, You get your base html document, that is your current base layer. Then you certainly have your image layer using CSS, and even withen your css you’ll have other specalized cellular levels. But when put together you get with the wanted output. This is a concept behind CSS for you to seperate your structuer(markup) via presentation(visual layer), unlike tables who attempt to mix both collectively causing data to often please take a backseat to business presentation.
There are lots and tons associated with resouce and tutorial sites around dedicated to the subject. Do a effective google search.
searchwebcss tutorial/searchweb
searchwebcss vision formatting/searchweb
searchwebcss positioning/searchweb
you receive the idea..
Some popular sites you might like to take note associated with..
alistapart
w3schools
cssvault
csszengarden
bluerobot
PLEASE NOTE: The vast magority involving people today endeavor to mix both CSS and tables in an attempt to work off eachothers benefits, usually in the shape of a prodominate family table layout with CSS sprinkled for good measure. For essentially the most part it is effective. But do understand what each could and cannot accomplish. I just wanted to make certain you are aware that you may use both within the same document.
crouching duck hidden muskrat
lol.. extended story..
Basicly I make alot of ‘wise’ statements similar to you " is unable to find strength, toughness must find you" If you have seen the flick Mystery Men you know what i mean. It is type of a nickname bestowed upon me.
regards glyakk… u defined it beautifully: >… any time u put the item like… css should be to seperate your markup from presentation, makes more sense.
thx for that links aswell " muskrat"… a big bonus.