Warning: session_set_cookie_params(): Cannot change session cookie parameters when headers already sent in /www/html/info/auth.php on line 92

Warning: session_start(): Cannot start session when headers already sent in /www/html/info/auth.php on line 93

Warning: Use of undefined constant MY_NONE - assumed 'MY_NONE' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 2

Warning: Use of undefined constant MY_STR - assumed 'MY_STR' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 4

Warning: Use of undefined constant MY_VAR - assumed 'MY_VAR' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 5

Warning: Use of undefined constant MY_ARR - assumed 'MY_ARR' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 6

Warning: Use of undefined constant MY_FN - assumed 'MY_FN' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 8

Warning: Use of undefined constant MY_FNH - assumed 'MY_FNH' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 9

Warning: Use of undefined constant MY_TMPL - assumed 'MY_TMPL' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 10

Warning: Use of undefined constant MY_TMPLH - assumed 'MY_TMPLH' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 11

Warning: Use of undefined constant MY_DROP - assumed 'MY_DROP' (this will throw an Error in a future version of PHP) in /www/html/info/template.php on line 13
CSS gyakorlat

Notice: Undefined index: main in /www/html/info/template.php on line 221

CSS gyakorlat

Ebben a gyakorlatban csak a használandó CSS attribútumok neveit írom le, ebben a leírásban olvashatsz róluk bővebben. Vigyázz! Abban a leírásban a HTML tag nevek és az attribútumok neveit a régi szokás szerint nagy betűkkel írják. Kompatibilitási okok miatt te azért már kis betűket használj!

A gyakorlathoz használandó HTML fájl az, amit a HTML gyakorlatban készítettél. Hozz mellé létre egy CSS fájlt, és a HTML fejrészébe (<head> </head>) tedd be a megfelelő hivatkozást! (lásd a CSS bevezetőben!)

  1. Változtasd meg az oldal háttérszínét (background-color) és szükség esetén a szöveg színét (color) is! Ne szemkifolyató színeket használj!
  2. A címsor legyen középre igazított (text-align)
  3. Az alcímsorok az oldal színétől enyhén eltérő háttérszínt kapjanak, és egy képpont vastag (border-width) szaggatott (border-style) tetszőleges színű (border-color) szegélyt! (Ne feledd, hogy eme három attribútum helyett használhatod egyszerűen a border-t is!)
  4. A táblázat cellák ugyanolyan háttérszínt és szegélyt kapjanak, mint az alcímsorok!
  5. A cellák tartalma a cellaszegélytől baloldalt (padding-left) és jobboldalt (padding-right) is 10 képpontnyira beljebb legyen!
  6. Az alcímsorok szélessége (width) az oldal szélességének 60%-a legyen!
  7. A baloldali cellák tartalma jobbra igazított legyen! (Ehhez a HTML-ben class attribútumot kell ezeknek a celláknak adni, l. a CSS bevezető végén!)
  8. Ha már külön kezeljük a baloldali cellákat, akkor a <b> </b> tag-eket kitörölheted belőlük, és CSS-ben add meg, hogy eme cellák szövege félkövér legyen (font-weight)!