Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Tabelka łączenie wierszy, Rogi...
xamrex
post 4.01.2011, 21:58:20
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 1
Dołączył: 10.08.2007

Ostrzeżenie: (0%)
-----


Witam,
Mam taki kod:
Kod
<html>
<style type="text/css">
#rounded-corner
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 11px;
    text-align: left;
    
}
#rounded-corner thead th.rounded-q0
{
  
    background: #b9c9fe url('http://www.mini-gry.net/aqq/lewy.png') left -1px no-repeat;
    
}
#rounded-corner thead th.rounded-q4
{
    background: #b9c9fe url('http://www.mini-gry.net/aqq/prawy.png') right -1px no-repeat;
}
#rounded-corner thead th.rounded-q1
{
    background: #b9c9fe url('http://www.mini-gry.net/themes/blueaqua/style/images/111.gif')
}

#rounded-corner th
{
    padding: 3px;
    font-weight: normal;
    font-size: 11px;
    color: #039;
background: #b9c9fe url('http://www.mini-gry.net/themes/blueaqua/style/images/111.gif')
}
</style>




<table width="100%" border="0" cellspacing="4" cellpadding="5" id="rounded-corner">
<thead><tr>
<th align="center" scope="col" class="rounded-q0"></th>
<th width="38%" align="center" scope="col" class="rounded-q1"><b>10 Graczy</b></th>
<th width="38%" align="center" scope="col" class="rounded-q1"><b>Losowa gra</b></th>
<th width="20%" align="center" scope="col" class="rounded-q1"><b>Nowe gry</b></th>
<th align="center" scope="col" class="rounded-q4"></th>
</tr></thead></table>
</html>

I tabela wygląda tak:





Można zobaczyć tutaj:
www.mini-gry.net/wyglad.htm

W jaki sposób zrobić aby połączyć rogi tabelki?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
tehaha
post 4.01.2011, 23:48:34
Post #2





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

Ostrzeżenie: (0%)
-----


nie wiem, czy dobrze zrozumiałem, ale jeżeli chodzi Ci o białe odstępy to daj: cellspacing="0"
Go to the top of the page
+Quote Post
sadistic_son
post 5.01.2011, 00:09:37
Post #3





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Co znaczy "połączyć rogi tabelki" ? Pozbyć się tych białych odstępów? Jeśli tak to wywal to padding:3px; ze stylu dla #rounded-corner th.

Ten post edytował sadistic_son 5.01.2011, 00:10:15


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
xamrex
post 5.01.2011, 10:13:37
Post #4





Grupa: Zarejestrowani
Postów: 267
Pomógł: 1
Dołączył: 10.08.2007

Ostrzeżenie: (0%)
-----


Chciałbym po prostu aby to wyglądało tak:

Czyli żeby pierwszy i ostatni wiersz nie miał tych białych odstępów, a reszta wierszy ma mieć te białe odstępy

Go to the top of the page
+Quote Post
bigbadcompany
post 5.01.2011, 12:24:52
Post #5





Grupa: Zarejestrowani
Postów: 57
Pomógł: 2
Dołączył: 16.09.2010
Skąd: Uć

Ostrzeżenie: (0%)
-----


Wydaje mi się, że w tr masz wstawiony obrazek który się powiela na całą szerokość. Wstaw sobie w lewą i prawą komórkę img z tymi zagięciami potem wypozycjonuj je za pomocą align="left" align="right".

<p align="left"><img src="lewy.png"></img></p>
<p align="right"><img src="prawy.png"></img></p>

Możesz poszukać jeszcze o zaokrąglaniu krawędzi tabel w css. Niestety starsze wersje IE mają problem z poprawnym wyświetleniem takich rozwiązań.


--------------------
mess with the best die like the rest !
bardzo fajne remixy utworów na www.remixownia.pl
desperacko śmieszny portal o jakże kreatywnej nazwie www.chybaty.eu
Go to the top of the page
+Quote Post
xamrex
post 5.01.2011, 13:49:47
Post #6





Grupa: Zarejestrowani
Postów: 267
Pomógł: 1
Dołączył: 10.08.2007

Ostrzeżenie: (0%)
-----


bigbadcompany
Jeśli zastosuje coś takiego to mój lewy lub prawy róg nie może być przeźroczysty (gdyż pod sobą będzie miał tą zwykłą belkę (http://www.mini-gry.net/themes/blueaqua/style/images/111.gif) i nie będzie widać zaokrąglenia
Go to the top of the page
+Quote Post
bigbadcompany
post 5.01.2011, 15:11:49
Post #7





Grupa: Zarejestrowani
Postów: 57
Pomógł: 2
Dołączył: 16.09.2010
Skąd: Uć

Ostrzeżenie: (0%)
-----


Cytat(xamrex @ 5.01.2011, 13:49:47 ) *
bigbadcompany
Jeśli zastosuje coś takiego to mój lewy lub prawy róg nie może być przeźroczysty (gdyż pod sobą będzie miał tą zwykłą belkę (http://www.mini-gry.net/themes/blueaqua/style/images/111.gif) i nie będzie widać zaokrąglenia


I tu powstaje problem czy koniecznie chcesz by to były png albo gify bez tła ? Bo jeśli tak to zawsze będziesz miał te niewidoczne zagięcia z racji zlewających się grafik. Możesz spróbować powalczyć z css'em

http://itporady.pl/html-css/zaokraglanie-r...-uzycia-grafik/

Nie sądzę, żeby rozwiązało to twój problem ale zawsze jest to jakieś wyjście


--------------------
mess with the best die like the rest !
bardzo fajne remixy utworów na www.remixownia.pl
desperacko śmieszny portal o jakże kreatywnej nazwie www.chybaty.eu
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:25