Forum PHP.pl

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

nie wiem czy dobrze zrozumiałem ale powinno wystarczyć jeśli dasz całej trójcy float:left;

jak kolega wyzej
np:

[HTML] pobierz, plaintext 
<style>
#lewaprawa {
    width: 100px;
    height: 100px;
    float: left;
}
 
#srodek {
    width: 200px;
    height: 150px;
    float: left;
}
 
</style>
 
<div id="container">
   <div id="lewaprawa">  lewa <div>
   <div id="srodek"> srodek </div>
   <div id="lewaprawa"> prawa </div>
</div>
[HTML] pobierz, plaintext 

mały błąd, nie zamoknąłeś jednego diva

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

Ten post edytował sazian 13.02.2012, 22:16:48

Dzięki wielkie ogromne, już prawie wszystko trzyma się kupy. Jeszcze tylko ucieka mi prawa część pod spód ale myślę, że to kwestia ustawienia rozmiarów bloków.
Pytanie jeszcze, dlaczego wszystko mam 'ściągnięte' do lewej strony. Zależy mi, żeby <prawalewa> otaczały <środek> który jest pośrodku, tzn centralnie względem strony w poziomie.
Wiem, że tłumaczę fatalnie ale ciężko mi sie 'wysłowić'

[CSS] pobierz, plaintext 
#container {
 
    width: (=suma wszystkich bloków) px
    margin: 0 auto; 
    height: xxx px / % / kg / ml
 
}
[CSS] pobierz, plaintext 

wtedy będziesz miał wszystko co zawarte w container na środku strony

Ten post edytował Damonsson 13.02.2012, 22:57:46

Dzięki wielkie.
Walcze ale jeszcze nie chce się blok usłuchać i nie ustawia się całość na środek.

Ten post edytował makosky 13.02.2012, 23:40:35

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