Forum PHP.pl > [CSS]Div nie pasuje

Pomoc - Szukaj - Użytkownicy - Kalendarz

kujol

10.08.2013, 14:33:32

Witam. Jak mogę umieścić div'a o nazwie "koszyk" po prawej stronie, na tym samym poziomie z divami "wyszukiwarka" i "nowości"
Teraz wygląda to tak

plik.css

Kod

#pasek
{
background-color: red;
width: 100%;
height:5px;
}

#strona
{
background-color: green;
width:1024px;
margin-left: auto;
margin-right: auto;
}

#menu-poziom
{
float: left;
text-align: center;
background-color: red;
width:500px;
height:40px;
border-bottom-right-radius: 26px;
border-bottom-left-radius: 26px;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}

#na-login
{
float: right;
text-align: center;
background-color: red;
width:180px;
height:80px;
border-bottom-right-radius: 26px;
border-bottom-left-radius: 26px;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}

#wyszukiwarka
{
float: left;
clear:right;
text-align: center;
background-color: red;
width: 180px;
height: 25px;
border-top-right-radius: 26px;
border-top-left-radius: 26px;
border-style: solid;
border-width: 1px;
}

#nowosci
{
float:none;
clear:right;
text-align: center;
background-color: red;
width: 645px;
height: 25px;
border-top-right-radius: 26px;
border-top-left-radius: 26px;
border-style: solid;
border-width: 1px;
}

#koszyk
{
float: right;
clear:right;
text-align: center;
background-color: red;
width: 180px;
height: 25px;
border-top-right-radius: 26px;
border-top-left-radius: 26px;
border-style: solid;
border-width: 1px;
}

kamil4u

10.08.2013, 15:04:29

Zacznij od poprawnego HTML.

Dla id="nowosci" dodaj float: left;
Przed id="wyszukiwarka" ustaw styl clear:both; http://matkrzesz.wordpress.com/2010/10/01/...ych-znacznikow/

kujol

16.08.2013, 08:20:28

Zrobiłem to trochę inaczej. Dałem
6 głównych bloków (div'ów), w
których umieściłem właściwe div'y.
Kiedy robiłem próbę działania przed
wysłaniem na serwer wpisując zwykły tekst to wszystko
było ok, lecz po dodaniu skryptu
php lewą część strony oraz stopkę wywala mi jakby
do środka. Może ktoś pomóc
znaleźć przyczynę.

Plik css:
www.zul.cba.pl/PROBA1/Style/
styl.css

plik html:
www.zul.cba.pl/PROBA1/newy.php

fate

16.08.2013, 10:54:42

po 1 uzywasz tagu <center>

to bardzo nieprzyszlosciowe uzyj zamiast tego

[HTML] pobierz, plaintext 
<div style="margin:0 auto"></div>
[HTML] pobierz, plaintext

nie wazne czy tekst czy skrypt php wyswietlajacy skrypt problem jest w layoucie
#divblok_5 oraz #divblok_6 są 'dzieckiem' (przynaleza do)
#div_blok7 oraz #div_blok4

moze gdzies masz niedomkniety div albo za duzo zamkniec i dlatego przegladarka tak to interpretuje albo zrobiles zle layout i tak samo na lokalu Ci się musi wyswietlac.

Wyciagnij #divblok_5 oraz #divblok_6 z #div_blok7 oraz #div_blok4 pod spód i zobacz czy o to chodziło.

kujol

16.08.2013, 22:00:47

Poprawiłem błędy. Usunąłem "<center>" zrobiłem bloki główne w których umieszczałem 'pod bloki'. Bloki główne po za stopką należą do bloku "cala_strona", który ustala jej szerokość, oraz położenie. Zrobiłem to na kolorach, aby można było rozróżnić co do czego jest.

Na początku było tak:

Było tak plik css: CSS kod strony: HTML

Następnie dodałem pod bloki:

Jest tak plik css: CSS kod strony: HTML

I jak na razie wszystko jest ok, nic się nie rozsuwa i nie zmienia swojej pozycji.

Po usunięciu zbędnych kolorów oraz treści ma to wyglądać mniej więcej tak:

Mniej więcej tak plik css: CSS kod strony: nie zmienił się.

Lecz nadal po wstawieniu skryptu php rozwala się koszyk oraz stopka.

Efekt plik css: nie zmienił się kod strony: PHP

@
Może błąd jest w tym, że źle wstawiam php w html?

fate

17.08.2013, 00:44:48

Mialem na mysli usun wszedzie center i zastąp
Masz po prostu skopany layout

nie wstawiasz zle php, php generuje tresc i Twoj layout sie rozwala, rownie dobrze zamiast TUTAJ NOWOSCI wpisz sobie tutaj nowosci 20 razy bez <br>ek i tez ci sie rozjedzie, ogolnie strasznie Ci sie to wszystko komplikuje produkujesz mase kodu musisz sie nauczyc tworzyc to co jest absolutnie niezbedne alew koncu sam do tego dojdziesz
Sprobuj moze na poczatek skorzystac z jakiegos layout generatora:
tu masz gotowca

http://csslayoutgenerator.com/result/layou..._s2_hh250_1.zip

http://csslayoutgenerator.com/
podobne:
http://www.generateit.net/layout-generator/

zobacz jak to jest zrobione i sprobuj zrobic od nowa albo upakuj swoje tresci w ten leyoucik.
Nie brnij w to co masz, skorzystaj z nowych doswiadczeń i stworz cos co ma rece i nogi bo predzej czy pozniej zatoniesz w tym bagnie

to też fajne:
http://blog.html.it/layoutgala/

kujol

18.08.2013, 23:26:47

Znalazłem przyczynę.

W miejscu gdzie wyświetlałem rekordy miałem taki skrypt:

Kod

$query = mysql_query("SELECT `id`,`kategoria`,`krotki_opis`,`data`,`opis`FROM `produkty` WHERE `kategoria`='komputery' ");
while($rekord = mysql_fetch_array($query))

echo "<center><table id=tabela_nowosci>
<tr>
<td>Kategoria: $rekord[1]</td>
<td>Data dodania: $rekord[3]</td>
<td ><a href=news.php?id=$rekord[0] id= link>$rekord[2]</a></td>
</tr>
<table></center>"

Niby wszystko w porządku, na sucho działa bez zarzutu, lecz w szablonie który zrobiłem kod html zawarty w skrypcie rozwalał moją robotę.
Zastąpiłem to tym:

Kod

echo "
<div id=zero>
Kategoria: $rekord[1]
Data dodania: $rekord[3]
<a href=news.php?id=$rekord[0] id= link>$rekord[2]</a>
</div>"

Z div'a zrobiłem tabelkę i wszystko jest na swoim miejscu, nawet gdy wpiszę 100x jakiś tekst bez <br />
oto efekt:
EFEKT

Szablon mam już gotowy:)
i chciałbym go trzymać w kliku plikach np. menu ( tu jest całe menu ), lewa_strona ( tu jest cały lewy blok ) itp.
Następnie includować te części do różnych podstron np. pliku podstrona. W tych plikach jest sama struktura i wygląd danej części. A ja chce dodać jakaś treść , zmiany dokonując w pliku podstrona. Czy jest taka możliwość?.

Szablon mam już gotowy:)
i chciałbym go trzymać w kliku plikach np. menu ( tu jest całe menu ), lewa_strona ( tu jest cały lewy blok ) itp.
Następnie includować te części do różnych podstron np. pliku podstrona. W tych plikach jest sama struktura i wygląd danej części. A ja chce dodać jakaś treść , zmiany dokonując w pliku podstrona. Czy jest taka możliwość?.

Jeszcze jedno;)
Jak można zmienić kształt kursora na dłoń, który będzie zgodny z css 2?

fate

19.08.2013, 20:13:04

http://www.w3schools.com/cssref/tryit.asp?...e=trycss_cursor

http://forum.webhelp.pl/php-i-bazy-danych/...on-t207892.html
http://www.forum.legalne.info.pl/includowa...nej-t37706.html

http://www.forumweb.pl/php/includowanie-podstrony,61253

Powinieneś się połapać.

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.