MozillaPL.org - polskie centrum Mozilli

Główne menu:

[CSS/XHTML]: Jak ustawić tabele na środku / : target

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[CSS/XHTML]: Jak ustawić tabele na środku / : target

Postautor: Staszek27 » 07 kwietnia 2006, 17:39

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Po pierwsze to mój pierwszy post na tym forum, więc witam wszystkich!
Mam takie 2 małe problemy:
1. W jaki sposób ustawić tabelę na środku strony? Można skorzystać z jeszcze Html'owskiego "align=center", ale jest to atrybut przestarzały. Powstaje (przynajmniej dla mnie) problem - Jak użyć tu Css, by tabela była na środku?
2. W Xhtml 1.1 atrybut "target" został usunięty, więc czy istnieje jakiś zamiennik dla niego (np. gdy tworzę galerie)?
Dziękuję z góry i pozdrawiam!
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta

Postautor: riddle » 07 kwietnia 2006, 19:56

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

1. http://grabun.com/teksty/css/centrowanie.html
2. Korzystaj z JS pod onclick=""
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: yarek » 08 kwietnia 2006, 20:39

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; pl) Opera 8.54

Ja się przyłącze bo mam podobny problem, aczkolwiek nie taki sam. Chcę wyśrodkować tabelę tylko, że ona, podkreślam, nie ma stałej szerokości. Komórki dopasowują się do zawartości. W związku z tym div, w którym owa tabela się znajduje też nie ma stałej szerokości, technika margin: 0 auto; nie działa. Co robić?
yarek
 

Postautor: riddle » 09 kwietnia 2006, 13:15

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

table { display: inline; text-align: center; } ?
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: yarek » 09 kwietnia 2006, 20:40

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; pl) Opera 8.54

Ee, nie zadziałało. Próbowałem dać DIVowi (bez szerokości) text-align: center; i też nie podziałało.
yarek
 

Postautor: riddle » 10 kwietnia 2006, 02:35

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Teraz do mnie dotarło - jeśli komórki dopasowują się do szerokości to wynika z tego że tabela będzie mieć width 100% czyli nie da się jej wycentrować. Pokaż stronę i kod to pomogę obejść to na procentach dla width.
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: yarek » 10 kwietnia 2006, 16:35

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; pl) Opera 8.54

HTML:
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">   
<head>
 <title>Online Film Catalog</title>
 <link type="text/css" rel="stylesheet" href="style.css" />
 <meta http-equiv="Content-type" content="text/html;charset=utf-8" /> 
</head>
<body>

<div id="wrapper">
<table>
 <caption>Filmy</caption>
 <thead>
  <tr>
   <th>Nr</th>
   <th>TytuÅ‚</th>
   <th>CD</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>PiP</td>
   <td>j. niemiecki</td>
   <td></td>
  </tr>
  <tr>
   <td>Chemia</td>
   <td>matematyka</td>
   <td>PO</td>
  </tr>
 </tbody>      
</table>
</div>

</body>
</html>


CSS:
Kod: Zaznacz cały
body {
   margin: 0;
   padding: 0;
   }

#wrapper table {
   border-collapse: collapse;
   font-family: Verdana;
   font-size: 8.5pt;
   empty-cells: show;
   }
   
#wrapper td, th {
   border: 1px solid black;
   padding: 6px;
   text-align: left;
   }
   
#wrapper table caption {
   font-weight: bold;
   padding: 10px;
   text-transform: uppercase;
   }
yarek
 

Postautor: Staszek27 » 12 kwietnia 2006, 14:23

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Dziękuję za pomoc. Co do drugiego pytania ("target"), nie ma jakiegoś xhtml'owego albo css'owego rozwiązania?
Pozdrawiam
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta

Postautor: riddle » 12 kwietnia 2006, 15:34

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Nie ma. Nie decyduj za użytkownika czy otworzyć on chce w nowym oknie czy w aktualnym - jak zechce w nowym to ma parę możliwości (a ogólnie teraz się to robi na nowym tabie/karcie).
Jeśli musisz otwierać nowe, to rób to JSem (tylko nie popup oczywiście - jak ktoś zechce) albo przejdź do XHTML 1.0 Transitional, choć sam wolę zamiast tej hybrydy HTML 4.01 Strict (afaik tam target jest).

I pamiętaj, że nie chodzi o głupią walidację tylko o to jak się serwisu będzie używało - ja bym nie psuł ludziom krwi otwierając coś w nowym okienku.
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: Staszek27 » 12 kwietnia 2006, 16:32

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Riddle: W sumie masz rację, teraz raczej używa się kart. Powiedzmy, że pominę "target" w stronie z odnośnikami, bo nie lubię jak wyskakuje mi 50 nowych okien, ale w galerii... Można tak jak na przykład tu:
http://www.mundek.krakow.pl/images/elek ... index.html
Z drugiej strony, JS czasem jest blokowany... Chociaż jeśli mam alias prv.pl to bez JS nawet na nią się nie dostanę (tzn. jeśli wyłączymy obsługę JS a potem spróbujemy wejść na www.costam.prv.pl to wyświetli się białe okno), więc raczej skłonie się do galerii w JS, a linki pozostawie do wyboru. Dzięki za radę i pomoc.
Pozdrawiam
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta

Postautor: E2rd » 12 kwietnia 2006, 18:03

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.0; pl-PL; rv:1.8.0.1) Gecko/20060130 SeaMonkey/1.0

Staszek27 pisze:ale w galerii... Można tak jak na przykład tu:
http://www.mundek.krakow.pl/images/elek ... index.html

No i co tam jest fajnie zrobione? :o

Mam przeglądarkę ustawioną na "single-window mode". Czyli wszystkie "nowe okienka" otwiera mi w nowej karcie, a nowe karty otwierają mi się na pierwszym planie. Otwieram obrazek, oglądam, chcę cofnąć (gestem myszy ofkorz) - a tu nic, bo nowa karta nie ma przecież historii. Muszę ją zamknąć. Ale nie wracam do galerii, tylko do ostatniej (skrajnie prawej) karty - bo tak mam ustawione.

I to ma być wygodnie? :o :P

Coraz bardziej lubię gdy "galeria" jest zrobiona bylejak - tzn. gdy ktoś po prostu wystawia listing katalogu z obrazkami. :D Uruchamiam skryptozakładkę "linked pages" i mam wszystkie obrazki pootwierane w ramkach na jednej stronie. Wyskalowane (przez przeglądarkę) do rozmiaru ramki, który sam podałem. Baaaardzo wygodne przeglądanie - rolką myszy... :D

To takie 0,03 PLN od zwykłego juzera...
Masz pytanie? Tu są odpowiedzi :)
E2rd
Moderator
 
Posty: 3937
Z nami od: 26 marca 2002, 23:16

Postautor: JBG » 12 kwietnia 2006, 18:43

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Staszek27 pisze:ale w galerii... Można tak jak na przykład tu:
http://www.mundek.krakow.pl/images/elek ... index.html


Rozwiązaniem idealnym jest Lightbox, nie otwiera nowego okna, tylko zdjęcie jest wyświetlane nad stroną, w wypadku wyłaczenia js linki normalnie działają i mozna przeglądać zdjęcia.
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Postautor: Staszek27 » 15 kwietnia 2006, 16:06

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

"Rozwiązaniem idealnym jest Lightbox, nie otwiera nowego okna, tylko zdjęcie jest wyświetlane nad stroną, w wypadku wyłaczenia js linki normalnie działają i mozna przeglądać zdjęcia."
Niby tak, chociaż chciałbym bardzie zrobić coś 'swojego' niż korzystać tylko z gotowców. Powiedzmy, że taki skrypt jak podałem wyżej jeszcze sam opracuję, ale ten drugi...
Zastanawiam się czy nie zrobić najprościej: Sam jak widzę galerię trzymam "control" i klikam na wszystkie zdjęcia, niech się łądują w zakładkach. Może po prostu pominąć wszelkie nowe okna i wstawić zwykły odnośnik, bez żadnych parametrów? Jednak to tylko mój nawyk, więc nie wiem czy to dobre rozwiązanie...
Dziękuję i pozdrawiam
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta

Postautor: MasterCider » 02 sierpnia 2006, 16:36

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Mozemi ktos pomoc bo ja nieczaje tego xhtml a css mam juz do hiperlaczy i jak dodaje 2 css to mi nie dziala wiec nie wiem jak to zrobic zeby ramki byly po sierodku tak samo jak w explorerze

html:http://the_war_jedi.akcja.pl/index.zip


CSS do hiper laczy: http://the_war_jedi.akcja.pl/style.css

Wielkie dzieki za pomoc z gory.

Pozdrawiam
MasterCider
 
Posty: 6
Z nami od: 02 sierpnia 2006, 16:20
Lokalizacja: Szczecin

Postautor: athantor » 02 sierpnia 2006, 17:28

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1b1) Gecko/20060802 BonEcho/2.0b1

MasterCider pisze:Mozemi ktos pomoc bo ja nieczaje tego xhtml a css mam juz do hiperlaczy i jak dodaje 2 css to mi nie dziala wiec nie wiem jak to zrobic zeby ramki byly po sierodku tak samo jak w explorerze


:o



To nie jest XHTML → 182 błędów
HTML takoż → 97 błędów

ATPT, to wybrałeś chyba bardziej nieprzyjazny sposób wystawienia plików. Na przyszłość jeśli chcesz szybko uzyskać pomoc, musisz ułatwić ludziom dostęp do problematycznej treści (w tym wypadku winieneś wystawić ten plik jako zwykły HTML, a nie zzipowany txt)

MasterCider pisze:CSS do hiper laczy: http://the_war_jedi.akcja.pl/style.css


Nieprawda.

MasterCider pisze:Wielkie dzieki za pomoc z gory.


Do usług.

No i na koniec mały bonusik. :-)
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok

Postautor: MasterCider » 03 sierpnia 2006, 08:55

Przeglądarka: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; InfoPath.1)

Jeszcze raz dzieki za prube pomocy ale nadal nie dziala wzielem zastapilem index, malym bonusikiem i nadal jest po lewej stronie wszystko
no powinno byc tak jak to tu pokazales:mały bonusik.
a jeste nadal tak:http://the_war_jedi.akcja.pl/ poprawilem sorry

hyba jestem troche zaglupi :-?

a z tymi dledami co pokazales to niewiem o co chodzi przeciez bylo dobrze. :cry:
Ostatnio zmieniony 03 sierpnia 2006, 09:06 przez MasterCider, łącznie zmieniany 3 razy
MasterCider
 
Posty: 6
Z nami od: 02 sierpnia 2006, 16:20
Lokalizacja: Szczecin

Postautor: Stef » 03 sierpnia 2006, 09:00

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.5) Gecko/20060731 Firefox/1.5.0.5 Flock/0.7.4.1

MasterCider pisze:a jeste nadal tak:http://the_war_jedi.akcja.pl/index.html

Hmm.. 404?
Czasami coś napiszę na stef.log
Stef
Moderator
 
Posty: 3466
Z nami od: 16 kwietnia 2004, 11:05

Postautor: MasterCider » 03 sierpnia 2006, 09:07

Przeglądarka: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; InfoPath.1)

Stef pisze:
MasterCider pisze:a jeste nadal tak:http://the_war_jedi.akcja.pl/index.html

Hmm.. 404?


juz dziala sorry zle wpisalem
MasterCider
 
Posty: 6
Z nami od: 02 sierpnia 2006, 16:20
Lokalizacja: Szczecin

Postautor: athantor » 03 sierpnia 2006, 13:17

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1b1) Gecko/20060802 BonEcho/2.0b1

MasterCider pisze:Jeszcze raz dzieki za prube pomocy ale nadal nie dziala wzielem zastapilem index, malym bonusikiem i nadal jest po lewej stronie wszystko
no powinno byc tak jak to tu pokazales:mały bonusik.
a jeste nadal tak:http://the_war_jedi.akcja.pl/ poprawilem sorry

hyba jestem troche zaglupi :-?


Spróbuj podmienić plik z CSS–em.

MasterCider pisze:a z tymi dledami co pokazales to niewiem o co chodzi przeciez bylo dobrze. :cry:


Nie mogło być dobrze, bo nie ma nawet doctype.

TPO, to nie myślałeś aby zaznajomić się ze słownikiem ortograficznym?
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok

Postautor: MasterCider » 03 sierpnia 2006, 13:31

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5

Wiem, że robie błędy mam niestety dysortografie ale staram się je poprawiać
Spróbuj podmienić plik z CSS–em.


Który plik?

a dlaczego pokazuje, że tu jest błąd??

Error Line 16 column 18: there is no attribute "BACKGROUND".

<body background= "animspace.gif">
MasterCider
 
Posty: 6
Z nami od: 02 sierpnia 2006, 16:20
Lokalizacja: Szczecin

Następna

Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Google [Bot]

cron
Przejdź do powiązanej strony

Nawigacja:

Stopka: