+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Brzydkie menu (/thread-brzydkie-menu)
Strony:
1
2
Brzydkie menu - BLAZO - 10-10-2010
RE: Brzydkie menu - ixtab - 10-10-2010
CSS -> http://pl.html.net/tutorials/css/
RE: Brzydkie menu - balon740 - 10-10-2010
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
RE: Brzydkie menu - ixtab - 10-10-2010
Ja nienawidzę ludzi, którzy wypisują o pomoc nie szukając jej nigdzie wcześniej. Wklej kod strony, to coś podsunę.
RE: Brzydkie menu - BLAZO - 10-10-2010
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>RE: Brzydkie menu - ixtab - 10-10-2010
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.
RE: Brzydkie menu - BLAZO - 10-10-2010
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.
RE: Brzydkie menu - ixtab - 10-10-2010
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.
RE: Brzydkie menu - BLAZO - 10-10-2010
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.
RE: Brzydkie menu - ixtab - 10-10-2010
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