Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Portal; Prawa tabela się rozchodzi.

Założony przez  Cybul.

Witam, dziś próbowałem zrobić tabelę w portalu po prawej stronie, ale napotkałem błąd. Mam tabelę po lewej stronie o szerokości 75% i tabelę po prawej stronie 25%. Gdy dodam ramkę do tabeli po prawej stronie, ona mi się rozchodzi i w ogóle nie reaguje na ustawioną szerokość, a gdy nie ma ramki, to jest reakcja na szerokość tabeli.

Kod rozchodzącej się tabeli:

Cytat:<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="75%" cellpadding="{$theme['tablespace']}" align="left">
<tr>
<td valign="left">
{$announcements}
</td>
</tr>
</table>
<table width="25%" class="tborder" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" align="right">
<tr>
<td class="thead"><strong>Menu</strong></td>
</tr>
<tr>
<td class="trow1" valign="left">
Treść Menu
</td>
</tr>
</table>
<br style="clear: both" />
{$footer}
</body>
</html>

Kod nierozchodzącej się tabeli bez ramek:

Cytat:<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="75%" cellpadding="{$theme['tablespace']}" align="left">
<tr>
<td valign="left">
{$announcements}
</td>
</tr>
</table>
<table width="25%" cellpadding="{$theme['tablespace']}" align="right">
<tr>
<td class="thead"><strong>Menu</strong></td>
</tr>
<tr>
<td class="trow1" valign="left">
Treść Menu
</td>
</tr>
</table>
<br style="clear: both" />
{$footer}
</body>
</html>

Zdjęcie rozchodzącej tabeli:

   

Zdjęcie nierozchodzącej tabeli:

   
U mnie zastosowanie pierwszego kodu w ogóle daje tabelę pod spodem. Pokaż co masz w klasie .tborder (chyba że nic nie zmieniałeś).
Nic nie zmieniałem. Styl jest domyślny.
Wstyd mi, bo jestem niehigieniczny w stosunku do kodu, ale mimo wszystko działa :P

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="80%" cellpadding="{$theme['tablespace']}" align="left">
<tr>
<td valign="left">
{$announcements}
</td>
</tr>
</table>
<table width="20%" cellpadding="{$theme['tablespace']}" align="right">
<tr>
<td valign="right">
<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>{$icon} Menu konkretne.</strong></td>
</tr>
<tr>
<td class="trow1" align="center">
Tu jest treść tabeli, która ma pikną rameczkę. Szkoda że ten kod jest niehigieniczny, ale działa.
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
<br style="clear: both" />
{$footer}
</body>
</html>

Bardzo proszę :> Na razie chyba będzie musiał Ci starczyć taki kod, bo szczerze mówiąc nic bardziej czystego ze strony kodu mi do głowy nie przychodzi :P



Użytkownicy przeglądający ten wątek:

2 gości