Websites design
ict-trainer.pl - © 2024 - Grzegorz Szyjewski
Editor installation
zad. 1
zad. 2
zad. 3
zad. 4
zad. 5
zad. 6
zad. 7
zad. 8
zad. 9
zad. 10
zad. 11
zad. 12
Exercise 5 - tabs
Exercise
________
________
1. Create your own stylesheet file and add it to head section.
2. Add new class to tabs container fe. border-page
3. Define style for the class border-page that displays border aroud the page content like shown on a picture below.
4. Force tabs container (the one with new borders) to be the same height as its content (use overflow:auto;)
5. Rename tabs and fill with some content like photos and texts.
6. Use columns to make content responsible ( col-[screen_size]-[number_of_cols] )
7. Use text alignment and styles like color and background to make page more readable.
2. Add new class to tabs container fe. border-page
3. Define style for the class border-page that displays border aroud the page content like shown on a picture below.
4. Force tabs container (the one with new borders) to be the same height as its content (use overflow:auto;)
5. Rename tabs and fill with some content like photos and texts.
6. Use columns to make content responsible ( col-[screen_size]-[number_of_cols] )
7. Use text alignment and styles like color and background to make page more readable.