Posiadam stronkę napisaną w XHTML 1.1, ale niestety jest ona oparta na tabelkach. Czy pomoże mi ktoś zmienić kod stronki na CSS ?? Wzamian mogę umieścić banner na swojej stronce 
Jak ktoś jest chętny to niech pisze GG: 1251226 TO DLAMNIE BARDZO WAŻNE.
Gdybym nie miał egzaminu za dwa dni to z chęcią bym Ci pomógł. Wrzuć linka na forum to się zobaczy ile z tym pracy będzie. To ta strona z Twojego profilu?
Tak jak chcesz obejrzeć całą stronkę to wpisz hasło: h2o. Dzięki za zainteresowanie sprawą
A propo współczuje egzaminu
Podejrzyj sobie najpierw źródło http://www.alistapart.com/
Ogólne zasady:
1. Najpierw stwórz dokument bez żadnego formatowania. Stosuj nagłówki <h1>..<h7> dla nagłówków. Najważniejsze np. tytuł strony w nagłówku H1 itd. Stosuj <p> dla paragrafów. <ul> dla menu. Linki w menu jako kolejne pozycje listy <li><a href=""></a></li>.
2. Tu: http://www.w3.org/TR/xhtml11/doctype.html masz listę dozwolonych znaczników. Stosuj odpowiednie znaczniki dla odpowiednich fragmentów.
3. Łącz logicznie <div>-ami i <span>-ami fragmenty. Np. cały news obejmij w <div class="news"></div>. Następnie obejmiij newsy divem, menu obejmij divem, listę administratorów obejmij divem. Newsy wraz z powitaniem połącz razem <div id=content></div>.
4. Nie używaj żadnych style="" w tagach.
5. Jedyne <img> na stronie głównej to: te w newsach i słoneczka z GG. Cała reszta będzie w zewnętrzym CSS-ie
Zrób taką wersje strony w którymś podkatalogu na serwerze i zapuść do niej linka. Jak to zrobisz zobaczymy co wyszło, ewentualnie poprawimy i zajmiemy się stylizacją strony.
1. Całe formatowanie mam w css, przynajnmiej tak mi się wydaje.
2. Spróbuje zmienić znaczniki na te zalecane.
3. Próbowałem tak zrobić, ale wtedy znikał mi obrazek który jest tłem dla tekstu, lub cała strona rozsypywała się.
4. Spróbuję to naprawić.
5. Jak mam umieścić "resztę" w css ?
Poprawioną wersję strony wrzuce za jakieś 2 dni Dzięki za pomoc w tworzeniu.
Nie podłączaj na razie żadnego arkusza stylów, żadnego tła dla linków, tekstu, etc. Na razie musisz mieć samą treść strony. Wyglądem zajmiesz się później. Strona ma praktycznie wyglądać tak: http://www.csszengarden.com/zengarden-sample.html Dopiero jak zrobisz taki dokument, przejrze go i zajmiemy się dodawaniem grafiki, etc.
<h7> powiadasz ;>?
To CSS na razie wyrzcam. Niepokoji mnie tylko jedna rzecz, w skończonej postaci stronka ma mieć otoczone tablelki difami ?? Słyszałem aby można było powiedzieć że stronka jest zbudowana na CSS, trzeba wyrzucić całkiem tabelki.
Originally posted by vazir:
Słyszałem aby można było powiedzieć że stronka jest zbudowana na CSS, trzeba wyrzucić całkiem tabelki.
CSS to CSS, tabelki to tabelki. Zresztą divy to też divy
.Krótko mówiąc, nie ma to nic do rzeczy. Inna sprawa, że tabelki (przynajmniej w teorii) mają służyć do zamieszczania danych tabelarycznych, a nie budowania layoutu strony.
Tu materiały propagandowe dotyczące warstw i tabelek: http://osiolki.net/tabelki/index.html .
Widziałem już tą przezentacje i jest ona świetna, chodziło mi właśnie oto by wyrzucić wszystkie tabelki które tworzą layout stronki
AA to by załatwiało wszystkie moje problemy, tylko jest jeden malutki. Nie można tych newsów tak zrobić, ponieważ są automatycznie aktualizowane (skrypt) z serwisu www.di.com.pl.
Mały szkielecik może rozjaśni trochę sprawę (kropki w tagach ocz do wywalenia):
<body id="cybertown-cba-pl">
<div id=content">
<p>Witam na stronie CyberTown...</p>
<div class=news">
<h3>Opera Mini</h2>
<span class="data">14.09.2005</span>
<img src="opera.jpg" />
<p>Opera Mini - bezpłatna alternatywa dla komórkowej...</p>
</div>
<div class=news">
<h3>Telefon może zabic</h2>
<span class="data">14.09.2005</span>
<img src="kom.jpg" />
<p>Jeżdżąc samochodem w coraz większym komforcie...</p>
</div>
</div>
<div id="menu">
<h2>Menu</h2>
<.ul>
<.li><.a href="index.html">Strona główna</a></li>
<.li>Programowanie</li>
<.li>Dołącz do nas</li>
</ul>
</div>
<div id="ekipa">
<h2>Administratorzy</h2>
<.ul>
<.li>VaZiR</li>
</ul>
<h2>Moderatorzy</h2>
<.ul>
<.li>Dj Bombel</li>
<.li>Macfly</li>
</ul>
</div>
</body>
Zrobiłem ten szkielet:
<body id="cybertown-cba-pl">
<div id=content">
<p>Witam na stronie CyberTown...</p><div class=news"><script type="text/javascript" src="http://www.di.com.pl/newser/print.php?data=tak&grafika=tak&ilosc=7&kt=FF9966&kd=FF9966&ks=FF9966"></script></div>
<div id="menu">
<h2>Menu</h2>
<a href="index.html">Strona główna</a>
<a href="bramka.html">Bramka SMS</a>
<a href="online.cybertown.cba.pl">Gry online</a>
<a href="download.cybertown.cba.pl">Download</a>
<a href="mmorpg.cybertown.cba.pl">Mmorpg</a>
<a href="artykuly.cybertown.cba.pl">Artykuły</a>
<a href="humor.cybertown.cba.pl">Humor</a>
<a href="onas.html">O nas</a>
</div>
<div id="ekipa">
<h2>Administratorzy</h2>
<img src="http://www.gadu-gadu.pl/users/status.asp?id=1251226&styl=1" alt="" /><a href="gg:1251225">VaZiR</a>
<h2>Moderatorzy</h2>
<a href="http://ksiegi.emix.net.pl/wyswietl.php?user=Vazir"><img src="images/book.gif" alt=""/></a>
</div>
</body>
</html>
Sorki że troche mnie tu nie było. Teraz musisz się pobawić trochę CSS-em. Wcześniej do pozycjonowanie używałeś tabelek. Teraz wszystko będzie siedzieć w CSS-ie. Najprościej będzie Ci skorzystać z gotowego rozwiązania: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Obejmij dodatkowym divem całość strony (to samo co obejmuje body), nadaj temu jakiś id i w CSS nadaj tej warstwie position: relative.