+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Pozostałe (https://www.webmastertalk.pl/forum-pozostale)
+--- Dział: Projekty stron (https://www.webmastertalk.pl/forum-projekty-stron)
+--- Wątek: Moja pierwsza strona... (/thread-moja-pierwsza-strona)
Moja pierwsza strona... - oi_krzysiek - 15-03-2010
RE: Moja pierwsza strona... - oi_krzysiek - 15-03-2010
a i jeszcze czy ktoś ma jakieś pomysły na urozmaicenie (ale nie zagracenie) tych moich wypocin??
RE: Moja pierwsza strona... - Bloody Roots - 16-03-2010
Lepiej wychodzą layouty, strona denna.
RE: Moja pierwsza strona... - Motaba - 18-03-2010
walnij sobie lepiej coś z szablonu bo to co masz to tragedia
RE: Moja pierwsza strona... - oi_krzysiek - 18-03-2010
(18-03-2010, 03:48)Motaba napisał(a): walnij sobie lepiej coś z szablonu bo to co masz to tragediajak bym chciał szablon to bym się za niego zabrał... ;p
zacząłem pisać tę stronę po to aby nauczyć się htmla od podstaw i na własnych błędach.... dopiero niedawno dowiedziałem się że jest coś takiego jak layout i staram się to opanować.
Szablony może też troche uczą, ale to nie jest własna praca!
Oprócz krytyki (która też się liczy
) miałem nadzieję na jakieś porady i wskazanie drogi, a tu tylko "to źle!, tamto źle! tragedia!" itp. Jak na razie dzięki wszystkim którzy jako tako mi podpowiedzieli co i jak moge poprawić.... biore się za layout!
Mam pytanie :
Czy dobrze wykombinowałem z tymi div'ami??:
<body>
<div id="top">top</div>
<div id="menu1-600x25">menu1</div>
<div id="blok-l">blok-l</div>
<div id="blok-r">blok-r</div>
<div id="positioned-element4">blok-c</div>
<div id="menu111x250">menu111x250</div>
<div id="komentator">komentator</div>
<div id="ankieta121x200">ankieta121x200</div>
<div id="reklama-121x66">reklama-121x65</div>
<div id="reklama-121x65">reklama-121x65</div>
<div id="reklama-121x67">reklama-121x65</div>
<div id="reklama-300x65">baner 300x65</div>
<div id="stopa">stopa</div>
<div id="reklama-121x68">reklama-121x65</div>
<div id="sklep" style="position: absolute; top: 755px; left: 680px; width: 264px; z-index: 12; height: 65px; background-color: #061cdb">this is the positioned element originally called "positioned-element14"</div>
</body>
a tu kod css:
<style type="text/css">
html, body {
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
height: 875px;
margin: 0 auto;
position: static;
width: 950px
}
body {
background-attachment: fixed;
background-image: url(kot.jpg);
background-position: center
}
#top {
background-color: #000000;
height: 200px;
left: 0px;
position: absolute;
top: 0px;
width: 950px;
z-index: 1
}
#menu1-600x25 {
background-color: #414141;
height: 25px;
left: 125px;
position: absolute;
top: 175px;
width: 600px;
z-index: 2
}
#blok-l {
background-color: #282828;
height: 625px;
left: 0px;
position: absolute;
top: 200px;
width: 125px;
z-index: 3
}
#blok-r {
background-color: #3c3c3c;
height: 625px;
left: 725px;
position: absolute;
top: 200px;
width: 225px;
z-index: 4
}
#positioned-element4 {
background-color: #6b6b6b;
height: 625px;
left: 125px;
position: absolute;
top: 200px;
width: 600px;
z-index: 5
}
#menu111x250 {
background-color: #4a0002;
height: 250px;
left: 7px;
position: absolute;
top: 225px;
visibility: visible;
width: 111px;
z-index: 7
}
#komentator {
background-color: #c60000;
height: 500px;
left: 733px;
position: absolute;
top: 225px;
width: 210px;
z-index: 8
}
#ankieta121x200 {
background-color: #b90000;
height: 200px;
left: 2px;
position: absolute;
top: 482px;
width: 121px;
z-index: 9
}
#reklama-121x66 {
background-color: #120079;
height: 65px;
left: 2px;
position: absolute;
top: 685px;
width: 121px;
z-index: 10
}
#reklama-121x65 {
background-color: #120079;
height: 65px;
left: 554px;
position: absolute;
top: 755px;
width: 121px;
z-index: 10
}
#reklama-121x67 {
background-color: #120079;
height: 65px;
left: 2px;
position: absolute;
top: 755px;
width: 121px;
z-index: 10
}
#reklama-300x65 {
background-color: #766cee;
height: 65px;
left: 250px;
position: absolute;
top: 755px;
width: 300px;
z-index: 11
}
#stopa {
background-color: #8b8b8b;
height: 80px;
left: 0px;
position: absolute;
top: 825px;
width: 950px;
z-index: 6
}
#reklama-121x68 {
background-color: #120079;
height: 65px;
left: 125px;
position: absolute;
top: 755px;
width: 121px;
z-index: 10
}
</style>
I jak zrobić że by mi się ta cała strona wyświetlała na środku okna przeglądarki a nie w lewym górnym rogu..??
albo macie adres do pliku html:
<a href="http://dl.dropbox.com/u/1494340/index.html">TUTAJ!</a>
dzieki.
RE: Moja pierwsza strona... - jakbau - 19-03-2010
wez sie od nowa. taka rada
a jeszcze lepiej- szablon
RE: Moja pierwsza strona... - Dhofca - 20-03-2010
Cytat:I jak zrobić że by mi się ta cała strona wyświetlała na środku okna przeglądarki a nie w lewym górnym rogu..??
Musisz wszystko opakować w dodatkowego diva i nadać mu margin: 0 auto;
RE: Moja pierwsza strona... - oi_krzysiek - 20-03-2010
no...
chyba lepiej zacznę od nowa bo gdy pakuje wszystko do div'a i ustawiam padding: 0;
margin: 0;
( a nawet margin: 0 auto; )
to i tak nic się nie zmienia... :-(
pewnie to przez te :
position: absolute; - w każdym z div'ów...?
po kombinuje dalej i co z tego wyjdzie na pewno dam do oceny...
jak na razie dzięki!!
A apropo szablonów to pisałem już że po to się uczę tego wszystkiego, aby z szablonów nie koprzystać
thx