Skocz do zawartości

[HTML] Funkcja height?


koza

Polecane posty

Witam. Tym razem mam inny problem. Postaram się to jak najlepiej wyjaśnić...
Otóż funkcja "height" w poniższym kodzie nie jest dobrze interpretowana:


[quote]<table width="100%" height="100%" cellpadding="3" cellspacing="10" border="0">[/quote]

Ta funkcja po prostu nie działa. Działa tylko w pikselach, ale w tych nie chcę podawać.
Gdy umieściłem "height" w tagach <tr> i <td> podobnie... również brak interpretacji (nie wygląda to tak, jakbym chciał).
Ponadto... validator uważa, że użycie tej funkcji jest błędne!

[b]Jak zatem zastąpić tę funkcję? Albo po prostu jak to rozwiązać?[/b]
Podejrzewam, że w dalszym ciągu nie wiecie o co mi chodzi (ech, ta moja niewiedza w tym temacie [img]http://forum.unit1.pl/style_emoticons/default/wink.gif[/img] ), dlatego przygotowałem odpowiednie materiały...

Tak obecnie wygląda ta tabelka (chodzi o tą główną tabelkę, tą z lekkim niebiesko-szarym odcieniem): [url="http://koza_aukcje.w.interia.pl/takjest.gif"]http://koza_aukcje.w.interia.pl/takjest.gif[/url]
A tak musi wyglądać: [url="http://koza_aukcje.w.interia.pl/takmabyc.gif"]http://koza_aukcje.w.interia.pl/takmabyc.gif[/url]
Tu macie linka do tej strony: [url="http://koza_aukcje.w.interia.pl/proba/index.html"]http://koza_aukcje.w.interia.pl/proba/index.html[/url]
A tu jej kod źródłowy:


[code='html']<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!-- Opracowanie: koza -->
<HTML>
<head>
<title>tytuł strony</title>
<meta name="robots" content="ALL">
<meta name="description" content="opis strony">
<meta name="author" content="autor">
<meta name="keywords" content="słowa kluczowe">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="stylesheet" href="pliki/styl.css" type="text/css">
</head>
<body>


<div align="center">
<br>

<table width="880px" cellpadding="0" cellspacing="0" border="0">

<tr>
<td style="width: 178px"> </td>
<td style="border-color: #5D637F; border-bottom-style: solid; border-bottom-width: 2px; border-left-style: solid; border-left-width: 2px; width: 525px">
<a href="adres"><img src="" alt="logo" border="0"></a>
</td>
<td style="width: 177px"> </td>
</tr>

<tr>
<td colspan="2" rowspan="2" style="border-color: #5D637F; border-right-style: solid; border-right-width: 2px; width: 703px" valign="top">
<table width="100%" cellpadding="3" cellspacing="10" border="0">
<tr>
<td bgcolor="#EDF0F3" valign="top">
<span class="text">jakiś tekst</span>
</td>
</tr>
</table>
</td>
<td style="width: 177px" valign="top">
<img src="pliki/grafika/poczytaj.gif" alt=""><br><p class="text" style="margin-left: 3px">&#8226; <a href="adres"><b>O co chodzi?</b></a><span class="malytext"> (jeśli nie wiesz)</span><br>&#8226; <a href="adres"><b>cośtam</b></a><span class="malytext"> (opis)</span><br>&#8226; <a href="adres"><b>cośtam</b></a><span class="malytext"> (wszelka publicystyka)</span></p><img src="pliki/grafika/wesprzyj.gif" alt=""><br><p class="text" style="margin-left: 3px">&#8226; <a href="adres"><b>"nazwa akcji"</b></a><span class="malytext"> (opis)</span><br>&#8226; <a href="adres"><b>Zbi&#243;rka pieniędzy dla chorego Sebastiana</b></a><span class="malytext"> (zrealizujmy marzenie Sebastiana)</span></p>
</td>
</tr>

<tr>
<td style="width: 177px" valign="bottom">
<br><img src="pliki/grafika/zareklamuj_sie.gif" alt=""><br><p class="text" style="margin-left: 3px">&#8226; <a href="adres"><b>Oferta reklamy</b></a><br><br>&#8226; <a href="adres" class="maly" target="_blank">pierwszy link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">drugi link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">trzeci link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">czwarty link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">piąty link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">sz&#243;sty link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">si&#243;dmy link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">&#243;smy link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">dziewiąty link pozycjonujący</a><br>&#8226; <a href="adres" class="maly" target="_blank">dziesiąty link pozycjonujący</a></p>
</td>
</tr>

<tr>
<td style="width: 178px"> </td>
<td style="border-color: #5D637F; border-top-style: solid; border-top-width: 2px; border-left-style: solid; border-left-width: 2px; width: 525px">
<p class="text" style="margin-left: 3px"><a href="adres">O stronie</a> | <a href="adres">Redakcja</a> | <a href="adres">Prawa autorskie</a> | <a href="adres">Reklama</a> | <a href="adres">FAQ</a><br><span class="malytext"><br><a href="adres"><img border="0" src="pliki/grafika/valid-html401.gif" alt="Valid HTML 4.01!"></a> <a href="adres"><img border="0" src="pliki/grafika/valid-css.gif" alt="Valid CSS!"></a> &#169; copyright 2oo6 by <a href="adres" class="maly">nazwa strony</a></span></p>
</td>
<td style="width: 177px"> </td>
</tr>

</table>

<br>
</div>


</body>
</HTML>[/code]
Validator w obecnym kodzie nie wykrył żadnego błędu. Natomiast wykrywa błąd wówczas, gdy dodam funkcję "height=100%" (tak jak to przedstawiłem na samej górze).

Tyle chyba wystarczy. Mam nadzieję, że mnie rozumiecie, i że pomożecie rozwiązać ów problem.
Pozdr.
Link do komentarza
Udostępnij na innych stronach

Height nie jest uznawane przez validator, ponieważ jest zbędne w przypadku tabel. Po co Ci w tym miejscu tabelka? Przedstaw jej zastosowanie, a spróbuję pomóc.

ps. czy nie lepiej zrobić strony na warstwach?

Za dwadzieścia lat bardziej będziesz żałował tego czego nie zrobiłeś, niż tego co zrobiłeś. Więc odwiąż liny, opuść bezpieczną przystań. Złap w żagle pomyślne wiatry. Podróżuj. Śnij. Odkrywaj." M". Twain. Metryczka dla dziecka może być wspaniałą pamiątką narodzin.

Link do komentarza
Udostępnij na innych stronach

ŁOo Boże! :shock:

CYTATPonadto... validator uważa, że użycie tej funkcji jest błędne!
A czytałeś kiedyś kurs htmla? Pewnie tak, ale powinieneś przeczytać jeszcze raz. Fakt, że strona się waliduje nie oznacza, że jest napisana poprawnie. To po pierwsze.

Po drugie: SEMANTYCZNOŚĆ... Poczytaj: http://osiolki.net/tabelki/ Nie robi się stron na tabelkach!!! :evil: Jeśli uważasz, że nie mam racji to olej validator w3c - bo do czego Ci on jest potrzebny jak i tak nie stosujesz się standartów?

CYTAT<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1250\">
Używaj
CYTAT<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">
windows-1250 dla linuxa albo maca oznacza tyle co ziutek-123 wink.gif Użytkownicy sys. op. innych niż winda będą mieli tzw. krzaczki na monitorze.

A teraz punkt kulminacyjny mojego postu (gdyby nie on nic bym nie pisał w tym temacie...).
CYTAT<br><p class=\"text\" style=\"margin-left: 3px\">• <a href=\"adres\"><b>Oferta reklamy</b></a><br><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">pierwszy link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">drugi link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">trzeci link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">czwarty link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">piąty link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">szósty link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">siódmy link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">ósmy link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">dziewiąty link pozycjonujący</a><br>• <a href=\"adres\" class=\"maly\" target=\"_blank\">dziesiąty link pozycjonujący</a></p>
</td>

Co to ma być do jasnej cholery? laugh.gif Tak sie poprostu nie robi... Jest to nie ładnie, nie poprawnie, nie semantycznie...
Znasz coś takiego jak lista wypunktowana?
KOD<ul>

<li>Link1</li>

<li>Link2</li>

<li>Link3</li>

<li>Link4</li>

<li>Link5</li>

</ul>
Jeśli tego nie poprawisz to usuń z łaski swojej przycisk 'validate with h4.01' bo nie o to w nim chodzi...



Wracając do tematu. Nie działa ci height=100%? oraz:
CYTATPonadto... validator uważa, że użycie tej funkcji jest błędne!
Wiesz co to oznacza? Że nie ma czegoś takiego. Jeśli chcesz żeby strona wyglądała jak na tym obrazku http://koza_aukcje.w.interia.pl/takmabyc.gif to zamiast głupiego <table> służy tylko i wyłącznie do przedstawiania danych (!) użyj <div>.
[quote] ps. czy nie lepiej zrobić strony na warstwach? [/quote]
Właśnie o to mi chodzi...

-Przeczytaj kurs htmla
-Potem przeczytaj specyfikacje konsorcjum w3
-Potem jeszcze raz przeczytaj kurs htmla
-Następnie jeszcze raz przeczytaj specyfikacje konsorcjum w3
-Możesz zacząć robić działające strony.

Pozdrawiam,

vo7 (;

Link do komentarza
Udostępnij na innych stronach

CYTAT(Nakiel)ps. czy nie lepiej zrobić strony na warstwach?
No i tak też zrobię, bo w HTML 4.01 po prostu nie idzie zrobić takiego efektu.
Tak zrobię, ale póki co jeszcze się podroczę z \"Wosiedem\" (a co mi tam wink.gif )...

CYTAT(Wosiedem)Nie robi się stron na tabelkach!!! :evil:
Te dziubek, a kto mi zabroni? :twisted:

[quote] Co to ma być do jasnej cholery? :lol: Tak sie poprostu nie robi... [/quote]
O i znowu...
Słuchaj... to ja decyduję jak będzie wyglądać i w jaki sposób będę programować moją stronę, wiesz?
A wiesz też, że w kontaktach międzyludzkich trzeba zachować choć odrobinę uprzejmości?
To znaczy w zasadzie nie musisz, ale wiedz, że osoba, wobec której jesteś nieuprzejmy może Cię potraktować, do jasnej cholery, tak samo...

Kurwa, człowiek prosi o pomoc, a tu do niego z pyskiem. Oby mniej takich ludzi...
Nakiel -> dzięki za chęć udzielenia mi pomocy smile.gif
Pozdr.

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

Gość
Temat jest zablokowany i nie można w nim pisać.
×
×
  • Utwórz nowe...