Mam już podstawę graficzną strony, ale coś mi nie idzie dodanie tabelki z kategoriami. Kurs html na boo nic mi nie daje do zrozumienia cały czas gdzieś robie ten sam błąd. Niech mi ktoś pomoże zrobić tabelkę z kategoriami po lewej stronie. Kategorie sam sobie dopasuje potrzebuje tylko schemat. Z góry thx.
Daje link do strony i jak ktoś potrafi coś w tym htmlu machnąć to bardzo proszę o pomoc i podrasowanie strony.
http://www.speedyshare.com/940629809.html
P.S Stronę muszę oddać jutro.
Pełna wersja: Strona w html, Prośba o pomoc
Nom taka tabelka mi jak najberdziej pasuje ale trochę kolorystycznie by się przydało ją dopasować. Ale nadal nie wiem jak ją wstawić może zażuć jakiś wpis z notatnika bo jak zapisuje twoja tabelkę metodą zapisz jako to mi sie zapisują kategorie ale nie maja tego obramowania.
Zapisz to jako styl.css i umieść w folderze strona . Kolorystykę zmieniasz wpisując kody kolorów w kodzie szesnastkowym przy każdym atrybucie, który zawiera "color"
Przykład:
background-color:#75c4d3 , wartość pogrubioną możesz zmieniać.
Oto wykaz kolorów: http://www.kurshtml.boo.pl/html/wykaz_kolorow,kolory.html
W tym samym folderze strona zapisz plik index.htm o zawartości:
Przykład:
background-color:#75c4d3 , wartość pogrubioną możesz zmieniać.
Oto wykaz kolorów: http://www.kurshtml.boo.pl/html/wykaz_kolorow,kolory.html
KOD
body
{
background-color: #84C5D2;
background-image:url('./gfx/bg_body.gif');
}
div.glowna
{
background-color:#fff;
margin:5px;
padding:5px;
overflow:hidden;
padding-top:31px;
}
ul{
margin:0;
padding:0;
list-style:none;
}
div.tresc
{
float:right;
overflow:hidden;
font:bold 16px/18px Trebuchet MS,Arial, sans-serif,Tahoma;
color:#669517;
font-weight:normal;
width:70%;
margin:10px;
}
/*blue menu*/
div.menu{
float:left;
position:relative;
top:0px;
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_center.gif) repeat-y 100% 0;
margin:0 0 0 0;
}
div.menu_top{
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_top.gif) no-repeat 0 0;
padding:9px 0 0 0;
}
div.menu_bottom{
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_bottom.gif) no-repeat 100% 100%;
padding:0 0 8px 0;
}
div.menu strong{
overflow:hidden;
background:url(./gfx/house.gif) no-repeat 0 50%;
font-size:12px;
color:#fff;
line-height:16px;
padding:0 0 0 25px;
margin:0 0 0 25px;
}
div.menu ul{
overflow:hidden;
width:243px;
margin:7px 0 0 11px;
}
div.menu ul li{
float:left;
width:243px;
line-height:16px;
background:url(./gfx/dotted_line.gif) no-repeat 22px 100%;
margin:-1px 0 0 0;
}
div.menu ul li.last{
background:none;
}
div.menu ul li a{
float:left;
width:241px;
display:inline;
color:#fff;
padding:3px 0;
cursor:pointer;
margin:0 0 0 1px;
}
div.menu ul li a:hover{
background-color:#75c4d3;
}
div.menu ul li a span{
font-size:13px !important;
float:left;
background:url(./gfx/christ.gif) no-repeat 0 7px;
padding:0 0 0 12px;
margin:0 0 0 27px;
}
div.menu ul li a em{
font-size:13px !important;
float:right;
color:#fff;
font-style:normal;
padding:0 25px 0 0;
}
{
background-color: #84C5D2;
background-image:url('./gfx/bg_body.gif');
}
div.glowna
{
background-color:#fff;
margin:5px;
padding:5px;
overflow:hidden;
padding-top:31px;
}
ul{
margin:0;
padding:0;
list-style:none;
}
div.tresc
{
float:right;
overflow:hidden;
font:bold 16px/18px Trebuchet MS,Arial, sans-serif,Tahoma;
color:#669517;
font-weight:normal;
width:70%;
margin:10px;
}
/*blue menu*/
div.menu{
float:left;
position:relative;
top:0px;
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_center.gif) repeat-y 100% 0;
margin:0 0 0 0;
}
div.menu_top{
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_top.gif) no-repeat 0 0;
padding:9px 0 0 0;
}
div.menu_bottom{
overflow:hidden;
width:254px;
background:url(./gfx/blue_bal_bottom.gif) no-repeat 100% 100%;
padding:0 0 8px 0;
}
div.menu strong{
overflow:hidden;
background:url(./gfx/house.gif) no-repeat 0 50%;
font-size:12px;
color:#fff;
line-height:16px;
padding:0 0 0 25px;
margin:0 0 0 25px;
}
div.menu ul{
overflow:hidden;
width:243px;
margin:7px 0 0 11px;
}
div.menu ul li{
float:left;
width:243px;
line-height:16px;
background:url(./gfx/dotted_line.gif) no-repeat 22px 100%;
margin:-1px 0 0 0;
}
div.menu ul li.last{
background:none;
}
div.menu ul li a{
float:left;
width:241px;
display:inline;
color:#fff;
padding:3px 0;
cursor:pointer;
margin:0 0 0 1px;
}
div.menu ul li a:hover{
background-color:#75c4d3;
}
div.menu ul li a span{
font-size:13px !important;
float:left;
background:url(./gfx/christ.gif) no-repeat 0 7px;
padding:0 0 0 12px;
margin:0 0 0 27px;
}
div.menu ul li a em{
font-size:13px !important;
float:right;
color:#fff;
font-style:normal;
padding:0 25px 0 0;
}
W tym samym folderze strona zapisz plik index.htm o zawartości:
KOD
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
<TITLE>Imię Nazwisko: Strona domowa</TITLE>
<link type="text/css" rel="stylesheet" href="./styl.css" />
</head>
<body>
<div class="glowna">
<div class="menu">
<div class="menu_top">
<div class="menu_bottom">
<strong>Menu</strong>
<ul>
<li><a href="./o_mnie.htm" title="O mnie"><span><abbr title="O mnie">O mnie </abbr></span></a></li>
<li><a href="./zainteresowania.htm" title="Moje zainteresowania"><span><abbr title="Moje zainteresowania">Moje zainteresowania</abbr></span></a></li>
<li><a href="./muzyka.htm" title="Muzyka"><span><abbr title="Muzyka">Muzyka</abbr></span></a></li>
<li><a href="./teatr.htm" title="Teatr"><span><abbr title="Teatr">Teatr</abbr></span></a></li>
<li><a href="./ksiazki.htm" title="Książki"><span><abbr title="Książki">Książki</abbr></span></a></li> </ul>
</div>
</div>
</div>
<div class="tresc" id="tresc">
Nazywam się Alicja Wasilewska, mam 17 lat i to moja pierwsza strona internetowa. Mieszkam w Ząbkach, chodzę do liceum w Warszawie.
<img src="./gfx/ja.jpg" alt="Ja" align="right">
</div>
</div>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
<TITLE>Imię Nazwisko: Strona domowa</TITLE>
<link type="text/css" rel="stylesheet" href="./styl.css" />
</head>
<body>
<div class="glowna">
<div class="menu">
<div class="menu_top">
<div class="menu_bottom">
<strong>Menu</strong>
<ul>
<li><a href="./o_mnie.htm" title="O mnie"><span><abbr title="O mnie">O mnie </abbr></span></a></li>
<li><a href="./zainteresowania.htm" title="Moje zainteresowania"><span><abbr title="Moje zainteresowania">Moje zainteresowania</abbr></span></a></li>
<li><a href="./muzyka.htm" title="Muzyka"><span><abbr title="Muzyka">Muzyka</abbr></span></a></li>
<li><a href="./teatr.htm" title="Teatr"><span><abbr title="Teatr">Teatr</abbr></span></a></li>
<li><a href="./ksiazki.htm" title="Książki"><span><abbr title="Książki">Książki</abbr></span></a></li> </ul>
</div>
</div>
</div>
<div class="tresc" id="tresc">
Nazywam się Alicja Wasilewska, mam 17 lat i to moja pierwsza strona internetowa. Mieszkam w Ząbkach, chodzę do liceum w Warszawie.
<img src="./gfx/ja.jpg" alt="Ja" align="right">
</div>
</div>
</body>
</html>
Coś mi nie idzie to wstawienie tego na strone czy dałby ktoś rade zrobić coś takiego:
To jest oczywiście chwila z photoshopem a nie strona zrobiona przezemnie.
Tutaj daje potrzebne materiały:
http://www.speedyshare.com/390608768.html
Pomózcie błagam dla kogoś kto umie to jest 10 minut roboty.
EDIT:
OK tabelke już mam, ale jak zrobić zeby po kliknięciu mi się na fioletowo nie zmieniało???
Kto coś umie niech zmodyfikuje tą stronę błagam.
http://www.speedyshare.com/521284321.html
To jest oczywiście chwila z photoshopem a nie strona zrobiona przezemnie.
Tutaj daje potrzebne materiały:
http://www.speedyshare.com/390608768.html
Pomózcie błagam dla kogoś kto umie to jest 10 minut roboty.
EDIT:
OK tabelke już mam, ale jak zrobić zeby po kliknięciu mi się na fioletowo nie zmieniało???
Kto coś umie niech zmodyfikuje tą stronę błagam.
http://www.speedyshare.com/521284321.html
http://sianecki.pl/kksm.tar
obrazki masz w gfx/
Podmień białe tło na czarne na kilku i podstrony rób na przykładzie zainteresowania.htm
obrazki masz w gfx/
Podmień białe tło na czarne na kilku i podstrony rób na przykładzie zainteresowania.htm
Podłączę się pod temat bo też mam problem z HTMLem. Może ktoś powiedzieć jak pozbyć się kresek tych zaznaczonych ? I drugie pytanie: jak sprawić żeby banner stanowił całość ramki ? Bo robiąc większy obrazek ramka się poszerza :/
O to kod HTML
<html>
<head>
<title>Paktofonika</title>
</head>
<center>
<frameset rows="250,*">
<frameset cols="*,800,*">
<frame name="lewa">
<frame name="banner" src="banner.html">
<frame name="prawa">
</frameset>
<frameset cols="*,150,650,*">
<frame name="lewa">
<frame name="menu" src="menu.html">
<frame name="glowna" src="glowna.html">
<frame name="prawa">
</frameset>
</center>
</html>
Moim celem uzyskanie jest:
O to kod HTML
<html>
<head>
<title>Paktofonika</title>
</head>
<center>
<frameset rows="250,*">
<frameset cols="*,800,*">
<frame name="lewa">
<frame name="banner" src="banner.html">
<frame name="prawa">
</frameset>
<frameset cols="*,150,650,*">
<frame name="lewa">
<frame name="menu" src="menu.html">
<frame name="glowna" src="glowna.html">
<frame name="prawa">
</frameset>
</center>
</html>
Moim celem uzyskanie jest:
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.