Panel użytkownika
Nazwa użytkownika:
Hasło:
Nie masz jeszcze konta?

[HTML] Wygląd tabeli

Ostatnio zmodyfikowano 2010-06-06 15:14
Autor Wiadomość
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/5jto1ifj
I 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ć.
P-17635
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 :).
P-17640
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
P-17642
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. :)
P-17643
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 :)
P-17646
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
P-17663
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ś :)
P-17664
TheLukon
Temat założony przez niniejszego użytkownika
» 2010-06-06 14:45:09
frodoxxx2@gmail.com
P-17665
« 1 » 2
  Strona 1 z 2 Następna strona