 [HTML][CSS]XHTML+CSS, Proszę o pomoc |
| [HTML][CSS]XHTML+CSS, Proszę o pomoc |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.03.2013 Ostrzeżenie: (0%) 
 |
Proszę o pomoc, jeszcze nie stykałem się nigdy z programowaniem w Internecie, a mam zadanie i nie wiem jak to zrobić... Może ktoś mi pomoże? Będę wdzięczny...
Kaskadowe arkusze stylów CSS Należy utworzyć trzy dokumenty XHTML oraz jeden plik będący arkuszem stylu w następujący sposób: plik 1.html zawierający opis strony, na której na niebieskim tle będzie umieszczona tabela w kształcie szachownicy do gry (16x16 pól, na przemian pola białe i czarne). Należy użyć zmian stylu "inline" - w miejscu wystąpienia danego obiektu) plik 2.html zawierający opis strony jak w poprzednim punkcie, z tym, że należy w nagłówku dokumentu zdefiniować styl dla dwóch klas obiektów ("white" i "black") a następnie użyć tych stylów dla odpowiednich pól szachownicy plik 3.html zawierający opis strony na której będzie widoczna szachownica o określonych wymiarach pól 100px x 100px (użyć <div>), która po najechaniu wskaźnikiem myszy na dane pole wyświetli na nim odpowiedni napis (np. A1 albo C7 itp.). Należy zdefiniować styl komórek w osobnym pliku 3.css korzystając z przykładu z rozwijalnym menu z wykładu (preudoklasa hover). Styl powinien też dawać możliwość wydrukowania strony na drukarce (@media print) na białym tle i z o połowę mniejszymi rozmiarami szachownicy. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.03.2013 Ostrzeżenie: (0%)
|
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Fig. 2.10: table1.html --> <!-- Creating a basic table. --> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title>A simple XHTML table</title> </head> <body bgcolor="blue"> <!-- the <table> tag opens a table --> <table border cellspacing="8" cellpadding="15" <!-- all table content is enclosed --> <!-- within the <tbody> --> <tbody> <tr> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> </tr> <tr> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> </tr> <tr> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> </tr> <tr> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> </tr> <tr> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> </tr> <tr> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> </tr> <tr> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> </tr> <tr> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> </tr> <tr> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> <td style="background-color: white"> </td> <td style="background-color: black"> </td> </tr> </tbody> </table> </body> </html> Mam coś takiego ale jeszcze nie zrobiłem osobno w scc i html ale ogólnie dobrze robię? |
|
|
|
nowy4 [HTML][CSS]XHTML+CSS 16.03.2013, 18:38:34 
Large Kolego, czy Ty liczysz, że ktoś całość zrealizuje ... 16.03.2013, 18:44:43 nowy4 Właśnie potrzebuję chociaż jakiejś podpowiedzi, mo... 16.03.2013, 18:46:40 !*! Na forum nie odrabiamy zadań domowych. Pierwszy z ... 16.03.2013, 18:58:13 Gość @nowy4
Rozumiem, że zadano Ci to w ramach jakiegoś... 16.03.2013, 19:10:18 nowy4 Właśnie robię samodzielnie i nie proszę o gotowca,... 16.03.2013, 19:11:58 Greg0 w CSS do kolorowania co drugiej komórki na jeden k... 16.03.2013, 19:14:15 
nowy4 Cytat(Greg0 @ 16.03.2013, 19:14:15 ) ... 16.03.2013, 19:17:36 !*! Nie ustawiaj każdego atrybutu w znacznikach przez ... 16.03.2013, 19:29:33 nowy4 Właśnie teraz próbuję w css wszystko ustawić aby i... 16.03.2013, 19:43:41  |
|
Aktualny czas: 10.10.2025 - 05:05 |
