Web Development (ICA50601)

Diploma in Website Development (SWAN TAFE) Blog

Entries Tagged as 'CSS'

CSS Hints – Centering blocks

November 15th, 2005 · 1 Comment

To center a block of text (centerblock) inside another block (container), with the text that is in the block left aligned then the following should work fine:
XHTML:

CSS:

Sample output:

Note: demo is shown with borders shown to make it easier, and size reduced to 300px wide on the block.

[Read more]

Tags: CSS

More useful sites [esp css hacks and tricks]

October 11th, 2005 · No Comments

I happened upon these via another site. Some may be very useful for you to help explain what is going on in the CSS and more…

http://gallery.theopalgroup.com/selectoracle/ – Selectoracle – English & Spanish translations of CSS2 and CSS3 selectors
centering a block within another block – http://www.pixy.cz/css/verticalalign.html
wellstyles min height hack – http://wellstyled.com/css-minheight-hack.html
lorem and more in other languages [...]

[Read more]

Tags: CSS · PHP · Web Links

lovers of colour

September 24th, 2005 · No Comments

I’ve been having a little fun with the “colour lovers” web site.
Have about 40 colours I have added and will be adding more, plus palettes as well…

kalgoorlie sunset
(0) Comments  

[Read more]

Tags: CSS · Design · Web Links

Wireframes, Prototypes and HTML

September 23rd, 2005 · 1 Comment

One thing that has been hitting me recently is the method that Boxes and Arrows use for their web design. I have seen Ludo use a similar concept by hacking a page together in a very simple editor for Windows [Ludo, can you please add a comment with the name and link to that editor].
So [...]

[Read more]

Tags: CSS · Design · Notes & Handouts · Web Links

Web Haiku

September 13th, 2005 · 6 Comments

A bit of fun for you guys…
Write a Haiku about the Web Development course we are studying. Put your Haiku into the comments.
More on the way a Haiku is created see the full article, but remember that they are 5, 7 and 5 syllable lines.
Here is my second ever attempt:
Web development -accessible by people,easy use [...]

[Read more]

Tags: Accessibility · Bits and Giggles · CSS · Design · General · Notes & Handouts · Notices · PHP · Quality Assurance · Testing · Usability