[CSS]prosa o pomoc w blokach Opcje

[makosky]

Witam wszystkich.
Pierwszy raz tutaj i ogólnie zaczynam zabawę css'ami. Otóż chcę zrobić stronę tytułową i jak zapewne domyślacie się mam problem z poukładaniem wszystkiego.
Wiem, że nie do konca doczytałem wszystie wątki ale ogrom wiedzy i informacji jest przytłaczający;) Do sedna... chcę uzyskać taką stronę, srodkowa część jest odnośnikiem, zaś boczne chcialem zeby były 'przyklejone' do środkowej części. Są to trzy różne obrazki i te boczne miałby być tłem i tutaj właśnie nie wiem jak zrobić żeby jeden był z lewej a drugi z prawej strony środkowego obrazu.


'Problem' pewnie totalnie banalny ale każdy jakoś chce zacząć i plącze się i prosi o pomoc:)
Z góry wielkie dzięki

Ten post edytował makosky 13.02.2012, 21:40:20

[Kostek.88]

1. ID nie powinny się powtarzać, dlatego id="lewaprawa" proponuję zastąpić class="lewaprawa" i odwoływać się do tego:

[CSS] pobierz, plaintext 
.lewaprawa {
width: 100px;
height: 100px;
float: left;
}
[CSS] pobierz, plaintext 

Poza tym spróbuj może dać prawej float: right, ale ustal może dodatkowo margines i padding, np.

[CSS] pobierz, plaintext 
.boczna {
width: 100px;
height: 100px;
margin: 0;
padding: 0;
}
 
.lewa {
float: left;
}
 
.prawa {
float: right;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
    <div id="container">
    <div class="boczna lewa"> lewa </div>
    <div id="srodek"> srodek </div>
    <div class="boczna prawa"> prawa </div>
    </div>
[HTML] pobierz, plaintext 

PS. Jak widać, możesz używać kilku klas w 1 obiekcie i oddzielasz ich nazwy spacjami. A jak dalej nie będzie wychodzić, to może wklej tutaj swój kod? Zakładam, że jakoś go zmodyfikowałeś, np. wielkości itp.

Ten post edytował Kostek.88 13.02.2012, 23:42:16