Zaloguj się

BLAZO · 10-10-2010, 01:11

ixtab · 10-10-2010, 01:57

CSS -> http://pl.html.net/tutorials/css/

Dhofca · (Ten post był ostatnio modyfikowany: 11-10-2010, 15:12 przez Dhofca.)

Jak ja nienawidzę kiedy ludzie dają linki zamiast pomóc. potem trzeba szukać!!!

To jest złeee

//Jak nie masz nic do powiedzenie to po prostu nic nie mów. | Dhofca

ixtab · 10-10-2010, 02:13

Ja nienawidzę ludzi, którzy wypisują o pomoc nie szukając jej nigdzie wcześniej. Wklej kod strony, to coś podsunę.

BLAZO · (Ten post był ostatnio modyfikowany: 10-10-2010, 19:23 przez Dhofca.)

Proszę oto kod strony:

Kod:
<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

 <table width="732" height="450" cellpadding="5" cellspacing="0">

    <tr>

        <td height="89" colspan="2" bgcolor="#808080">

        <table width="98%" cellspacing="0" cellpadding="5">

     <tr>

           <td height="98" align="center"  bgcolor="white" valing="middle"> <br><b>LOGO</b><br /> </td>

     </tr>

</table>

        </td>

    </tr>

<tr>

    <td width="113" height="303" valign="top" bgcolor="#A0A0A0">

    <table width="92%" height="100" cellpadding="2" cellspacing="0" >

      <tr>

    <td height="98" bgcolor="white"><ol><b>MENU<br />

      <li><a href="strona glowna.html">Strona Główna</a></li>

      <li><a href="cennik.html">Cennik</a></li>

      <li><a href="kontakt.html">Kontakt</a></li>

            </td>

        </tr>

   </table>   

<br />

<td width="597" valign="top" bgcolor="#C0C0C0">

     <table width="100%" height="293" cellpadding="5" cellspacing="0">

         <tr>

             <td height="291" valign="top" bgcolor="white">Jesteśmy młodą i prężną firmą istniejącą od 2000 roku. Działamy przede wszystkim w regionie łódzkim w branży recyklingu.

Wierzymy, że recykling jest jednym z podstawowych działań, jakie każdy, świadomy ekologicznie człowiek, musi podjąć w trosce o przyszłość własnego środowiska, własnego świata. Staramy się poszerzać wiedzę obywateli Łodzi, by mogli być świadomi korzyści płynących z tych działań dla wszystkich.

Jesteśmy członkiem Stowarzyszenia Przedstawicieli Przedsiębiorstw Recyklingu którego głównym celem jest zapobieganie przestępczości związanej z działalnością gospodarczą obejmującą obrót surowcami wtórnymi oraz dbającego o zapewnienie najwyższych standardów obsługi klienta.</td>

         </tr>

     </table>        

  </td>

</tr>

<tr>

    <td colspan="2" align="center" bgcolor="#808080">

     <table width="100%" cellspacing="0" cellpadding="3">

         <tr>

             <td height="44" align="center" valign="middle" bgcolor="white"><b>STOPKA</b></td>

         </tr>

       </table>

     </td>         

   </tr>      

</table>    

</body>

</html>

ixtab · 10-10-2010, 15:05

Staraj się używać znaczników CODE przy wklejaniu skryptu, bo jest nieczytelny.
Napisałeś stronę na tabelach - błąd. Dlaczego wszyscy zaczynający naukę HTML piszą stronę na tabelach i nie wiedzą o istnieniu CSS?!
Napiszę to na DIVach, a Ty poczytaj jednak o CSS (podałem link do kursu), a zobaczysz o ile prostsze i przyjemniejsze staje się pisanie strony.

Kod:
<!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">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style type="text/css">

        body {

            margin:0;

            padding:0;

            width:100%;

        }

        .container {

            width:732px;

            margin:0 auto;

            background:#ff000;

        }

        .logo {

            width:100%;

            height:98px;

            background:#ccc;

            margin:8px 0 0 0;

            display:block;

        }

        .keeper {

            width:100%;

            height:300px;

            margin:8px 0 0 0;

        }

        .nav {

            width:150px;

            height:300px;

            background:#dedede;

            float:left;

            dispay:block;

        }

        .content {

            width:556px;

            height:280px;

            float:right;

            background:#777;

            padding:10px;

            dispay:block;

        }

        .footer {

            width:100%;

            float:none;

            height:44px;

            background:#bbb;

            margin:8px 0;

        }

        <!--[if IE 6]>

        .container { text-align:center; // wyśrodkowuje DIV CONTAINER względem ekranu w IE6}

        <![endif]-->    

    </style>

</head>

<body>

    <div class="container">

        <div class="logo">LOGO</div>

        <div class="keeper">

            <div class="nav">

                <ul>

                    <li>nav1</li>

                    <li>nav2</li>

                    <li>nav3</li>

                </ul>

            </div>

            <div class="content">

                Jesteśmy młodą i prężną firmą istniejącą od 2000 roku. Działamy przede wszystkim w regionie łódzkim w branży recyklingu.

                Wierzymy, że recykling jest jednym z podstawowych działań, jakie każdy, świadomy ekologicznie człowiek, musi podjąć w trosce o przyszłość własnego środowiska, własnego świata. Staramy się poszerzać wiedzę obywateli Łodzi, by mogli być świadomi korzyści płynących z tych działań dla wszystkich.

                Jesteśmy członkiem Stowarzyszenia Przedstawicieli Przedsiębiorstw Recyklingu którego głównym celem jest zapobieganie przestępczości związanej z działalnością gospodarczą obejmującą obrót surowcami wtórnymi oraz dbającego o zapewnienie najwyższych standardów obsługi klienta.

            </div>

        </div>

        <div class="footer">STOPKA</div>

    </div>

</body>

</html>

Pomieszanie z poplątaniem, nie jest to w 100% prawidłowy kod, ale nie mam zamiaru pisać całej strony... Powinno działać tak jak chciałeś. Przyjrzyj się temu, skubnij kursu CSS i poczytaj jak się buduje strony na DIV'ach.

BLAZO · 10-10-2010, 20:23

Ok spoko postaram się poczytać o CSS i przeobrazić to na ten właśnie kod. Napisałem to w xhtml bo inaczej nie umiałem.

Jak dotąd nikt mi nie wyjaśnił problemu. Dlaczego dzieje się tak jak przedstawiłem na screenach.

ixtab · 10-10-2010, 20:29

Stało się tak dlatego, że nie określiłeś szerokości dla komórki, więc przyjęła wartość AUTO, czyli szerokość taką jak najdłuższy element znajdujący się w tej komórce. Jeśli dasz szerokość taką samą jak rodzicowi (czyli 113), to komórka się dosunie do prawej strony.

BLAZO · 10-10-2010, 20:51

Aha dzieki za odp. Dlaczego uważasz że lepiej zaczynać od CSS, myślałem zawsze że lepiej najpierw ogarnąć xHTML-a a poźniej brać się za CSS. Nie ogarniam jeszcze tego, sam staram się robić wszystko.

ixtab · 10-10-2010, 20:56

Nie pisałem, że lepiej zaczynać od CSS. Przy budowie takiej strony-wizytówki należałoby używać (x)HTML + CSS. Samym CSSem nic nie zrobisz, bo on służy tylko do stylizacji elementów HTML

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie