[CSS] Tworzenie szablonu strony - problem

[Dombas]

[domino]

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.

[Dombas]

Szkielet jest bardziej przykładowy 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.

[dziamber]

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

[Dombas]

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

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

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

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.

[Dombas]

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

Kod:

margin: 0px;

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