Forum PHP.pl > Problem z "wyprostowaniem" strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problem z "wyprostowaniem" strony

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Mlody993

27.03.2009, 15:49:53

Witam,
mam problem z wyprostowaniem mojej strony, wygląda ona tak: http://i44.tinypic.com/28akc4h.jpg .

Pasek lewy i prawy zamiast po bokach są u góry i na dole środka, tam gdzie tytuł i treść.

Mój kod wygląda tak:

Kod

<center>
<img src="images/logo2.jpg">
<div id="menu" class="txt">
<b><a href="link">link 1</a></b>
</div>

                   <img src="images/tlo_gora.jpg"><br>
   <div id="lewa" float="left"></div>
           <div id="tytul" align="center">
           tytuł
           </div>
           <div id="tekst" align="center">
           tresc
           </div>
   <div id="prawa" float="right"></div>

                   <img src="images/tlo_dol.jpg">

</center>

Jak to wyprostować? Czego użyć? Proszę o pomoc.

Stronkę robię od 0, ten kod wyżej to tylko wycinek kodu. ;p

@edit:
I przy okazji, pasek menu (tam gdzie Link 1) jak zrobić żeby linki tam były bardziej na środku, a nie jak teraz? Bo są tak trochę za wysoko na tej belce. ;p

Spawnm

27.03.2009, 15:58:47

a co to ma do php?

fajnie że znamy twój css ...

Mlody993

27.03.2009, 19:22:23

Hmm... nie wiedziałem, że to wina CSS.;p

To mój kod CSS:

Kod

div#menu {background-image: url(images/menu.jpg); width: 1000px; height: 33px;}

div#tytul {background-image: url(images/belka_tytul.jpg); width: 880px; height: 27px;}

div#tekst {background-image: url(images/srodek.jpg); width: 880px; height: 198px;}

a {text-decoration: none;}

div#lewa {background-image: url(images/bok_lewa.jpg); width: 37px; height: 218px;}
div#prawa {background-image: url(images/bok_prawa.jpg); width: 37px; height: 218px;}

Gryf

28.03.2009, 17:56:20

przede wszystkim to wywal tag center <--- tego się już nie używa
to samo z b, img oraz br powinny być zamykane no i do obrazków dodaj alt'y
a co do tego że ci się to rozwala to można to zrobić tak
zrobić div'a i do niego dać #lewa, #srodek (tutaj dodać #tytul oraz #tekst), #prawa
i nadać im wszystkim width oraz float na left, lub zrobić div'a góra, środek (tutaj background repeat ze dwoma
krawędziami), dół

kazag

3.04.2009, 08:13:52

jak wyzej, przede wszystkim nie masz float:left lub right, przez co divy ustawiają sie jeden pod drugim, a nie obok siebie.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.