[CSS] Tworzenie szablonu strony - problem

[CSS] Tworzenie szablonu strony - problem - Wersja do druku

+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Tworzenie szablonu strony - problem (/thread-css-tworzenie-szablonu-strony-problem)

[CSS] Tworzenie szablonu strony - problem - Dombas - 20-08-2009

RE: [CSS] Tworzenie szablonu strony - problem - domino - 20-08-2009

A możesz strzelić link do tej strony co robisz. Bo coś mi się wydaje że zaczynasz robić to od środka. No szkielet strony sobie ładny rozrysowałeś jedną rzecz bym w nim poprawił i byłby łatwiejszy do złożenia.

RE: [CSS] Tworzenie szablonu strony - problem - Dombas - 20-08-2009

Szkielet jest bardziej przykładowy Wink

Nie dokładnie tak wygląda całość, ale mniej więcej ma taki zarys i jak się dowiem jak rozstawić elementy w takim przykładzie to poradzę sobie ze swoją stronką. Chętnie dałbym Ci tego linka, tyle że strona nie stoi na żadnym serwerze. Robię ją tylko po to żeby poćwiczyć divy. Mogę wrzucić ewentualnie layout w jpg "pocięty" czerwonymi kreskami, tylko nie wiem czy jest sens.
BTW. Dzięki za chęć pomocy, póki co jesteś jedyny a ten problem jak sądzę dotyka nie tylko mnie.

RE: [CSS] Tworzenie szablonu strony - problem - dziamber - 20-08-2009

Nie no widze wujek dziamber musi pomóc. A więc tak. najpierw zrób znacznik opakowujący, nazwij go #kontener, jak tak zwykle robię. Nadaj mu takie własciwości:

Kod:
#kontener {

width: twoja wysokosc;

margin:0px auto;

padding: 0px;

}

Następnie zrób dwie kolumny, jedna na ten pasek po lewej a druga na resztę strony, pamiętaj aby zawsze nadawac im właściwośc:

Kod:
float: left;

Następnie wpakuj ten duży fragment to chyba header, następnie zrob dwie kolumny. W jednej, wpakuj ten cienki paseczek a reszte wysokosci podziel na kolejne dwie kolumny i wpakuj do nich ten kwadrat i małe paseczki, a w drugiej te dwa prostokąty no i na koniec powinieneś wiedziec jak dalej działac. Jeżeli już totalnie nie wiesz jak to zrobic to wyślij mi ten projekt Wink

RE: [CSS] Tworzenie szablonu strony - problem - Dombas - 23-08-2009

Nie pomyliłeś się w kodzie tego znacznika #kontener? Chyba miałeś na myśli 'height' pisząc o wysokości strony.

Cytat:Następnie wpakuj ten duży fragment to chyba header, następnie zrob dwie kolumny

Gdzie mam wpakować ten duży fragment? Do tego <div id="kontener">? Co to są kolumny? Jakie? Pionowe, poziome? Chodzi Ci o divy czy kolumny tabelki?

Nie wiem czy dokładnie o to chodziło, ale zrobiłem to tak:
style:

Kod:
#kontener {

     height: 88px;

     margin: 0px auto;

     padding: 0px;

 }

 #buttons {

    height: 80px;

    width: 186px;

    float: left;

 }

html:

Kod:
<div id="kontener">

    <div>

        <img src="images/header.png" width="260" height="8">

    </div>

    <div istyle="float: left">

        <img src="images/image01.png" width="74" height="88">

    </div>

    <div id="buttons">

        <img src="images/image02.png" width="186" height="20"><br>

        <img src="images/image03.png" width="186" height="20"><br>

        <img src="images/image04.png" width="186" height="20"><br>

        <img src="images/25.png" width="186" height="20">

    </div>

</div>

...i działa Wink

Wielkie dzięki za wsparcie, trzeba nadrobić zaległości jak widzę i to szybko Sad

PS. Jeszcze tylko powiedzcie jak mogę to wszystko wycentrować, bo wstawienie tego pomiędzy

Kod:
<span style="text-align: center">

</span>

nie załatwia sprawy, a jest to tylko część strony. Reszta się centruje a to niestety dalej stoi po lewej.

RE: [CSS] Tworzenie szablonu strony - problem - Dombas - 24-08-2009

Ok. Już wszystko gra. Wystarczyło wyzerować margin:

Kod:
margin: 0px;

Dzięki za wszelką pomoc. Temat do zamknięcia.