[HTML] Wygląd tabeli
Ostatnio zmodyfikowano 2010-06-06 15:14
TheLukon Temat założony przez niniejszego użytkownika |
[HTML] Wygląd tabeli » 2010-06-05 20:54:04 Męcze się, i nic nadal nie wychodzi ;/ Mam taki background: http://yfrog.com/5jto1ifjI zamierzam tak to zrobić żeby tabelką miała podobną konstrukcję jak ten oto image. Tylko w tym problem że nigdy nie chce mi wyjść taka tabelka jaką chce. Mam nadzieje że ktoś mi podsunie pomyśł jak sobie to można ułatwić. |
|
malan |
» 2010-06-05 21:19:00 Tło to jedno, tło tabelek to drugie, wygląd krawędzi to trzecie :).
Na Twoim miejscu bym to "porozcinał" po prostu, tzn. wyciął "HOME", "TUTO" itd. i za pomocą CSS ustawił jako tło/link/whatever tabeli :). |
|
SeaMonster131 |
» 2010-06-05 21:20:22 Albo zrobić takie samo tło i zamiast tabelki dać obrazki :)
Będzie jeszcze łatwiej ;)
#edit
Chodzi mi właśnie o coś takiego jak napisał @malan :D |
|
TheLukon Temat założony przez niniejszego użytkownika |
» 2010-06-05 21:23:44 Zastosuje wasze rady. Jeszcze proszę tematu nie zamkykać, może ktoś jeszcze coś dopisze. :) |
|
kamillo121 |
» 2010-06-05 21:44:13 DOkładnie, najlepiej porozcinać, np te miejsce nad przyciskami cale razem z zaokrągleniami wyciąć aż do przycisków i przyjąć, że to logo, ustawić w css szerokość całej strony wysokość to już jak tam chcesz, potem po prostu każdy przycisk to jedna komórka tabeli, z tym że obrazki (czyli pocięte przyciski) dawaj w linku <a href....><img ..../></a> itd dzięki temu będziesz mógł potem to sobie poustawiać i dodać prosto jakąś zamianę podczas ruchu myszki czy co innego :)
No a środek to , moim zdaniem najlepiej wyciąć kawałek tego obramowania i np dać jedną komórkę która będzie miała wysokość 100% a szerokość tyle ile wycinek tego obramowania i po prostu dać repeat-y i spokój po środku komórka na tekst i z prawej strony znowu ta sama komórka z obramowaniem.
No i na końcu komórka ze stopką czyli to z dolnym zaokrągleniem
Spróbuj tak, może wyjdzie :) |
|
TheLukon Temat założony przez niniejszego użytkownika |
» 2010-06-06 13:35:22 Trochę się pobawiłem u coś nawet uzyskałem. Aczkolwiek nadal mam problem. Oto kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> body,td,th { color: #bae317; } </style> <font face="defused"></font> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Dokument bez tytułu</title> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> </head> <body bgcolor="black"> <table width="800" height="600" background="images\tło.jpeg"> <tr align="center" > <td style="width: 17em; height: 25em""><a href="adres"><img src="images\home.jpeg"/></a><a href="adres"><img src="images\tuto.jpeg"/></a><a href="adres"><img src="images\about_me.jpeg"/></a><a href="adres"><img src="images\concat.jpeg"/><a href="adres"><img src="images\history.jpeg" /></a></a><a href="adres"><a href="adres"></a></td> </tr> </table> </body> </html> Oto efekt: http://yfrog.com/12beztytuurrj |
|
kamillo121 |
» 2010-06-06 14:42:11 jak chcesz to podaj emaila to Ci wyśle jak ja to zrobiłem, może cie nakieruje coś :) |
|
TheLukon Temat założony przez niniejszego użytkownika |
» 2010-06-06 14:45:09 frodoxxx2@gmail.com |
|
| « 1 » 2 |