MozillaPL.org - polskie centrum Mozilli

autor: **maxio** » 03 marca 2009, 23:39

Czy ktokolwiek mógłby znaleźć błąd który popełniłem. Strona nie wyświetla sie wyśrodkowana. Zamiast tego jest pchnięta do górnego marginesu.

Kod: Zaznacz cały: <!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" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content="Fotografia ślubna Białystok, Zdjęcia ślubne Białystok, fotograf na wesele, imprezy okolicznościowe"/> <meta name="Keywords" content="fotografia ślubna, zdjęcia ślubne, Białystok, fotograf na wesele, fotografia slubna, fotografia weselna, zdjecia slubne, slubna, wesele, fotograf na ślub, Bialystok, podlaskie, zdjecia ze slubu, fotograf, fotoreporter, reportaz, zdjecia, chrzest, pierwsza komunia" /> <title>Fotografia ślubna Białystok, zdjęcia ślubne, wesele, ślub, plener, imprezy okolicznosciowe</title> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <table width="100%" height="100%"> <tr><td valign="middle"> <table id="Table_01" width="951" height="651" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="8"> <img src="images/galeria2_01.jpg" width="950" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="13" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/galeria2_02.jpg" width="187" height="12" alt=""></td> <td colspan="4" rowspan="3"> <img src="images/galeria2_03.jpg" width="751" height="80" alt=""></td> <td rowspan="13"> <img src="images/galeria2_04.jpg" width="12" height="637" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td rowspan="12"> <img src="images/galeria2_05.jpg" width="43" height="625" alt=""></td> <td colspan="2"> <img src="images/galeria2_06.jpg" width="144" height="38" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="38" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/galeria2_07.jpg" width="144" height="36" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="30" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/galeria2_08.jpg" width="152" height="25" alt=""></td> <td rowspan="9"> <img src="images/galeria2_09.jpg" width="599" height="542" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="6" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/galeria2_10.jpg" width="144" height="19" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="19" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_11.jpg" width="75" height="76" alt=""></td> <td colspan="2"> <img src="images/galeria2_12.jpg" width="74" height="76" alt=""></td> <td> <img src="images/galeria2_13.jpg" width="74" height="76" alt=""></td> <td> <img src="images/galeria2_14.jpg" width="73" height="76" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="76" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_15.jpg" width="75" height="73" alt=""></td> <td colspan="2"> <img src="images/galeria2_16.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_17.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_18.jpg" width="73" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_19.jpg" width="75" height="73" alt=""></td> <td colspan="2"> <img src="images/galeria2_20.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_21.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_22.jpg" width="73" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_23.jpg" width="75" height="74" alt=""></td> <td colspan="2"> <img src="images/galeria2_24.jpg" width="74" height="74" alt=""></td> <td> <img src="images/galeria2_25.jpg" width="74" height="74" alt=""></td> <td> <img src="images/galeria2_26.jpg" width="73" height="74" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="74" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_27.jpg" width="75" height="73" alt=""></td> <td colspan="2"> <img src="images/galeria2_28.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_29.jpg" width="74" height="73" alt=""></td> <td> <img src="images/galeria2_30.jpg" width="73" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_31.jpg" width="75" height="74" alt=""></td> <td colspan="2"> <img src="images/galeria2_32.jpg" width="74" height="74" alt=""></td> <td> <img src="images/galeria2_33.jpg" width="74" height="74" alt=""></td> <td> <img src="images/galeria2_34.jpg" width="73" height="74" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="74" alt=""></td> </tr> <tr> <td colspan="5" rowspan="2"> <img src="images/galeria2_35.jpg" width="296" height="89" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="74" alt=""></td> </tr> <tr> <td> <img src="images/galeria2_36.jpg" width="599" height="15" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="15" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="43" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="75" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="69" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="74" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="73" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="599" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td></td> </tr> </table>  </body> </html>

autor: **Gość** » 03 marca 2009, 23:48

bylo na forum nieraz i nie dwa;p
dodaj do 1 tabeli style="text-align:center;" a do tabeli w srdoku style="margin:auto;"

autor: **maxio** » 04 marca 2009, 00:05

Wiem że było dużo, a ja dużo sposobów już wypróbowałem. Nie znam html-u w prawie 99%. Swoją stronę poskładałem w Photoshopie i zapisałem dla web. Teraza cala strona jest złożona e slic-ów. Drobny błąd i wszystko sie rozlatuje. Teraz mam tylko problem z wyśrodkowaniem. Zaauważyłem że jak usunę z kodu

Kod: Zaznacz cały: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

to strona jest idealnie centralnie. CO ROBIC???. Proszé o precyzyjne wskazówki bo jestem straszny laik. Dziéki

autor: **Tomek** » 04 marca 2009, 06:32

1. tabelkologia stosowana - tego się nawet nie da czytać.
2. doctype masz w kilku linjkach? spróbuj go zapisać w jednej - chociaż przy tego typu tabelkach niewiele to pomoże
3."Nie znam html-u w prawie 99%" - czy jak chcesz jeździć autem to sam je robisz? Nie. No chyba że jesteś konstruktorem i znasz jego budowę.... utarło się że stronę może zrobić każdy.
4. Zadzwoniłbym do supportu photoshopa i poprosił o pomoc - po to w końcu zapłaciłeś te kilka tysięcy złotych....
5. a teraz najgorsze - gość ma rację - to jedyne wyjście w tej sytuacji - musisz mieć gdzie indziej błąd: - walidator w3.org wykazuje ich ledwo 203... nieźle... popraw je - może to coś pomoże (pasowałby do tego usunięcie doctype)
6. obowiązkowo: Co zrobić gdy strona wyświetla się niepoprawnie? 10 kroków - od tego w ogóle powinieneś zacząć.

autor: **maxio** » 04 marca 2009, 12:38

TOMASIEK- Chciałem napisać jaki jesteś bezużyteczny. Twoje podpowiedzi były oczywiste zanim zadałem pytanie. Może jesteś tęga głowa z IT ale jak dla mnie ważniakiem na krzesełku moderatora. Wale cię gościuu jeśli uważasz że tylko nieliczni mogą budować witryny. Rozwalasz mnie porównaniem tego do budowy samochodu. Ten pomysł świadczy o krótkowzroczności twojej wyobraźni, ale dla porównania powiem ci twoim językiemTo tak jakbyś powiedział że nie możesz zrobić plakatu/ultotki/wywieszki osiedlowej bo nie znasz terminu czcionka. Internet jest dla wszystkich, a tym bardziej możliwość realizacji swojego pomysłu. Ty jesteś przykładem kompletnej blokady postępu. DLACZEGO? Brak checi wymiany sie informacjami. A ty mój drogi pacjencie jesteś bodajże moderatorem, chyba przeróbki obornika.
Prosiłem o wskazówki, podpowiedzi, bo jak do tej pory wydawało mi się do tego forum przychodzą ludzie z pytaniami, problemami. Okazuje się że zieloni z html-u, czyli tacy jak ja nie mają po co tu przychodzić powinniście od razu postawić zasołonę ogniową. To jak CARITAS dla bogatych. Zastanów sie chłopcze nad swoją misją bo grzanie dupy jako moderator nie wiele pomaga innym a myśle że na pewno nie pomaga tobie. Chyba że czujesz sę przez to silniejszy (prawdopodobnie cięzkie dzieciństwo na parafii)i teraz próbujesz gnoić tych którzy wiedzą nieco mniej. Słaby jesteś koleś.
Jest wiele rzeczy które mógłbym tu pisać, ale do takich jak ty nie dociera nic oprócz cyferek. Szczerze mówiąc mam cie gdzieś bo nie jesteś w stanie powstrzymać mojego zapału do budowania stron. Zrobiłem dwie ( w pełni chodzące i cieszące się popularnością) B E Z Z N A J O M O Ś C I HTML-u. Okazuje się że każdy może budować. Realizowanie pomysłów to chęć ale obawiam się że tacy jak ty zbużą wiele inspiracji. Wcześniej czy później dowiem się jak dopieścić moją stronę, z twoją lub bez twojej pomocy. GNIJ DALEJ.

autor: **Tomek** » 04 marca 2009, 13:41

[ot]
Uwagi prywatne pomijam - dyskutować się z tym nie da[/ot]

maxio pisze:Twoje podpowiedzi były oczywiste zanim zadałem pytanie.

hm... pkt 2 i 5 mojej poprzedniej odpowiedzi... jeśli do tego dodasz swoją uwagę o usunięciu doctype to masz odpowiedź - błędy w kodzie. Kod który podał gość powinien tu działać bez problemów po poprawieniu błędów. Bądź też błędne Doctype - może warto sprawdzić html a xhtml?

ps. więcej dystansu do siebie życzę...
Uwaga o samochodzie miała cię zachęcić do poczytania troszkę o html i css - nikt nie każe ci robić studiów z html,css,php itd. Ale może warto zmienić te 99% nieznajomości na 10%? Wtedy byłoby ci o wiele łatwiej i na 100% robiłbyś o wiele lepsze, bardziej dopieszczone strony.
Uwaga o photoshopie miała ci uświadomić że program ten średnio się do tego nadaje jeśli znajomość html to 1% - czego przykład masz powyżej
A musisz zrozumieć że jeśli chcesz się tym zajmować to NIESTETY czeka cię poznanie HTML (i kilku innych) - bez tego się nie da... uwierz mi - w końcu sam siedzę w oborniku

ps2
skupiłbym się chyba nad tą linią:
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Miłego dnia życzę

autor: **Tomek** » 04 marca 2009, 14:03

Przy okazji - wprowadziłem poprawki od gościa do twego kodu (który podałeś) i strona się pięknie centruje. Coś robisz nie tak - to ten jeden %
A że jest pchnięta do górnego marginesu... sam każesz to zrobić w body

Chyba że tobie chodzi właśnie o wyśrodkowanie w pionie. Wtedy zerknij tu:
http://perfectionorvanity.com/2006/04/1 ... niu-w-css/ - ale znowu wracamy do tematu tabeli...

//edit - a i jeszcze jedno:
valign="middle" nie istnieje w specyfikacji html 4.01 i wyższych. Więc oczywistym jest że przy zastosowaniu doctype nie będzie działać, natomiast bez owszem - przeglądarka wtedy próbuje zgadywać co miał na myśli webmaster..
Rozwiązanie - rezygnacja z doctype lub przeróbka strony na div/css i stosowanie się do standardów

ps.
wystarczy pokrzyczeć na moda i jakie efekty

autor: **maxio** » 19 marca 2009, 18:51

Sorki Modo. Masz rację. Troche mnie poniosło. Żly dzień, każdy zamiast pomagac pogłebia tylko problem. Walcżę dalej mimo niechęci podzielenia się wiedzą,. Rozumiem że każdy znawca HTML-u spędził długie godziny nad książkami ucząc się zawiłości. I jakim prawem ktos kto tego nie robił może budować strony. Rozumiem te podejście bo czasem szlag mnie trafia jak ktoś robi tak samo z fotografią. i próbuje sprzedawać coś mając bardzo mały albo nawet wogle staż. Ja nie biorę od nikogo kasy za budowanie stron. Robie to tylko dla siebie. Fakt, że to jest narzędzie które potrzebuje do robienia pieniędzy.
Wcześniej czy później dojdę do tego jak wycentrować stronę.
Może ktoś mi to po prostu w końcu napisze. Sam próbowałem wszelakich chyba możliwyvh sposobów. Wszystko jest OK oprócz tego ze cały czas klei sie do górnego marginesu. Zamieniałem nawet topmargin na 100% i nadal nie daje mi to takich efektów jakie mogę uzyskac bez doctype.
Jeśli ktokolwiek zechce mi przełożyć to na w jednym, wierszu będze wdzięczny. DZIĘKI.
Tomasiek--zerkałem na podany link, nic mi nie wychodzi, ale dzięki.

autor: **Tomek** » 19 marca 2009, 21:36

@maxio - cóż - każdy ma prawo do złego dnia.
Odpowiedź już dostałeś - możesz albo w 100% przerobić stronę co przy małej znajomości HTML i CSS będzie trudne (to tak jakbyś chciał się bawić w dobre makro bez stałki i statywu

i na dodatek kompaktem ). Bez wiedzy nie zrobisz tego porządnie. Podałem ci (co wierz mi - rzadko się zdarza na tym forum, tym bardziej z mojej strony) metodę w 100% niepolecaną i metodę za którą ganię wszystkich - rezygnację z doctype. Strona nie będzie idealna. Ale skoro nie potrafisz jej zrobić idealnej - nie ma innego wyjścia.
Owszem - możesz czekać na pomoc - ale wg. mnie strona wymaga 100% przeróbki - bo przy obecnym jej stanie każde rozwiązanie problemu będzie rodziło kolejne i wpadniemy w zamknięte koło. I wątpię czy ktoś się tego podejmie... tym bardziej że b.szybkie i b. brudne rozwiązanie dostałeś - usunąć doctype.

autor: **Gość** » 20 marca 2009, 07:52

no dobra. Usunę doctype. Ale jakie to będzie miło negatywne skutki? Jakiś związek z wyszukiwarką?

autor: **Tomek** » 20 marca 2009, 08:36

nie - z wyszukiwarką żadnych.
Doctype wskazuje przeglądarce jaki to typ strony. Twoja strona (bez urazy) ma wiele błędów - do czasu aż ich nie poprawisz, doctype nie ma sensu - przeglądarka będzie wchodziła w tryb standardów a strona ich nie spełnia, więc będą problemy.

autor: **KLAPEK** » 21 marca 2009, 12:37

Nie miałem ochoty odpowiadać z kilku względów:
- agresywne zachowanie
- używanie msie {pomocy szukać należy na stronach ms}
- nieznajomość _podstaw_ HTML
- ...
Ale skoro przyznałeś się do słabszego dnia, to może Ci pomoże to co poniżej napiszę.

Swego czasu dawno temu bez znajomości HTML {wiedza o nim to jakieś może 30%} popełniłem stronę - później dowiedziałem się co to W3C i miałem na stronie około 500 (!) błędów.
Bardzo ciężka sprawa

Udało mi się usunąć je _wszystkie_ poprzez kilka kliknięć myszy

Mianowicie otworzyłem poszczególne podstrony w Kompozytorze Stron pakietu MozillaSuite {obecnie SeaMonkey} i... zapisałem je jako HTML 4.01.
To wszystko

Kompozytor Stron automagicznie poprawił mi wszystkie błędy!

Natomiast jeśli chodzi o wyśrodkowanie w pionie i poziomie u siebie na firmowej stronie dałem tak:

CSS pisze:html, body {
height: 95%; <-- wysokość
width: 100%; <-- szerokość
max-width:60em; <-- max. szerokość
margin: 0 auto; <-- środkuje w 'normalnych' przeglądarkach
}

body {
display: table; <-- środkuje w 'normalnych' przeglądarkach
}

.srodek {
display: table-cell;
vertical-align: middle; <-- środkuje w 'normalnych' przeglądarkach
}

oddzielny CSS dla IE pisze:html, body { overflow-y: hidden;
overflow-x: hidden;
}

.srodekIE0 { width:60em; position: absolute; <-- środkowanie tylko dla ie
top: 50%; left: 50%
;}

.srodekIE1 { width:60em; position: relative; <-- środkowanie tylko dla ie
top: -50%;
left: -50%;}

HTML pisze:<body>
<div class="srodek"> <-- środkujemy dla 'normalnych' przeglądarek

autor: **maxio** » 15 kwietnia 2009, 19:09

Dzieki za odpowiedzi. Oto wynik moich wypocin www.gabsonfoto.pl.
Błedów kilkaset. Ale wydaje mi się ze to chyba nie ma zadnego znaczenia. Proszę o komentarz.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

Jak wyśrodkować stronę?

Jak wyśrodkować stronę?

Kto jest online

Nawigacja:

Stopka: