x-kom hosting

Stworzenie takiej właśnie strony

Karolus
utworzono
utworzono

Witam, chciałbym stworzyć stronę, myślę że bez problemów sobie z tym poradzę, ale za nic nie potrafię ustawić strony pod względem tabelek/ustawienia/kolumn czy jak to nazwać, w skrócie:
[IMG]http://i45.tinypic.com/281wh8k.png[/IMG]

Chciałbym mieć właśnie tak wyglądającą stronę jeżeli chodzi o szkielet, czy mógłby ktoś mi taki szkielet stworzyć?
Ps. Grubsza obramówka to krawędzie pulpitu a więc strona nie ma być rozciągnięta tylko ma mieć odstępy :)

KJKing
komentarz
komentarz

nikt ci za darmo takich rzeczy nie zrobi

Gość
komentarz
komentarz

Musisz umieć język CSS. :)

przemek980
komentarz
komentarz

Wcale nie musisz umieć języka CSS ale na pewno w nim będzie wygodniej.
Jeżeli natomiast nie znasz CSS, możesz zrobić to na tabelkach.
Pomoc znajdziesz tu: http://www.kurshtml.boo.pl/html/tabele.html

animek3
komentarz
komentarz

Osobiście wykonałbym to na DIV`ach, nie tabelkach.
http://www.kurshtml.boo.pl/css/szablon.html

Bardzo podobny do Twojego, wystarczy lekka modyfikacja:
http://urzenia.net/39/layout-na-3-kolumny/ --> http://urzenia.net/wp-content/3collay/

przemek980
komentarz
komentarz

Oczywiście, że na DIV'ach znacznie lepiej. Tylko problem w tym, że kolega musiałby się go uczyć, a jeszcze dobrze nie zna HTML'a.

localh0st
komentarz
komentarz

Nadal aktualne? Jeżeli chcesz, to Ci napiszę szablon. Przecież to 2 minuty pisania.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Miałem chwilę czasu, napisałem kawałek. W najprostszej postaci, trzyma się kupy i działa. Chyba o to chodziło, tutaj jak wygląda: http://localh0st.com.pl/pomoce/szablon-02-02-2010.html

Źródło CSS:

[code]body {
background-color: #daf6ff;
}

#content {
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#banner {
width: 900px;
height: 200px;
border: 2px solid black;
float: left;
}

#side {
float: left;
width: 246px;
height: 500px;
border: 2px solid black;
}
#jakas_belka {
float: left;
width: 246px;
height: 20px;
border: 2px solid black;

}

#tresc {
float: left;
width: 646px;
border: 2px dashed blue;
height: 500px;
}

#tresc_belki {
width: 246px;
float: left;
}

#menu {
float: left;
width: 246px;
height: 200px;
border: 2px solid black;
}[/code]



Źródło html:
[code]
<div id="content">


<div id="banner">banner</div>


<div id="side">


<div id="menu">menu</div>
<div id="jakas_belka"> jakas belka</div>
<div id="tresc_belki">tresc belki</div>


</div>


<div id="tresc">
tresc
</div>


</div>
[/code]

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.