Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Jak wyrównać do lewej?
GoldeNx3
post 10.06.2011, 13:08:25
Post #1





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Witam! Mam stąd szablon i to menu w jQuery. Ale mam problem.

http://net.tutsplus.com/tutorials/html-css...d-content-area/

Jak mogę przyciski (Topics, Archives, Pages) wraz z całą treścią która sie zmienia za pomocą kliknięcia w przycisk wyrównać do prawej a po lewej dodać jeszcze jedną taką jakby ramkę?

Jak dodaję do .content float: right; To to tło ciemniejsze mi maleje i obejmuje tylko przyciski, może ktoś pomóc?

@nospor

Przepraszam. Dziękuję za przeniesienie.

Ten post edytował GoldeNx3 10.06.2011, 13:15:12
Go to the top of the page
+Quote Post
nospor
post 10.06.2011, 13:12:54
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Patrz proszę gdzie piszesz. Jaki to ma związek z php? Przenosze


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Damonsson
post 10.06.2011, 13:25:49
Post #3





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


  1. ul.tabs {
  2. margin: 5px 0 6px;
  3. padding: 0;
  4. text-align: right;
  5. }

Masz po prawej zakładki.

  1. .content ul li {
  2. border-bottom: 1px solid #D6DDE0;
  3. font-size: 13px;
  4. list-style: none outside none;
  5. padding-bottom: 15px;
  6. padding-top: 15px;
  7. text-align: right;
  8. }

Masz po prawej treść zakładek (ale IMHO brzydko to wygląda). Chyba, że tego nie chciałeś, ale tak wynika z postu.


A z ramką nie wiem o co Ci chodzi, wytłumacz, albo narysuj.

Ten post edytował Damonsson 10.06.2011, 13:27:56
Go to the top of the page
+Quote Post
GoldeNx3
post 10.06.2011, 13:32:39
Post #4





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Chcę aby treść tej całej ramki białej jak i ta biała ramka były wyrównane do prawej tak jak te przyciski a po lewej nic nie było. Czy tak jak jest teraz, tylko, że ta ramka też do prawej.

PS. Nie treść zakładek a całe zakładki.

Ten post edytował GoldeNx3 10.06.2011, 13:36:09
Go to the top of the page
+Quote Post
Damonsson
post 10.06.2011, 13:36:45
Post #5





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


http://i51.tinypic.com/2vkhxr5.jpg tak?
Go to the top of the page
+Quote Post
GoldeNx3
post 10.06.2011, 13:39:49
Post #6





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Racja, źle opisałem. haha.gif

A więc:

Mam zrobione ogólną szerokość 1000px. Teraz ogólnie całą tą stronę mam wyśrodkowaną, ale To białe gdzie jest Home | About | Contribute | Contact chciałbym wyrównać do prawej (A to białe mam po 650px).

Ten post edytował GoldeNx3 10.06.2011, 13:40:17
Go to the top of the page
+Quote Post
Rid
post 10.06.2011, 13:57:05
Post #7





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


No to musi,Pan pobawić się marginesami ,aby wyśrodkować stronę.

PS.Zawszę ,uważałem że flexible layout,nie jest optymalnym rozwiązaniem.Opieranie się na wartościach px,daje rezultat białego tła(pusta przestrzeń).Fluid layout jest lepszym rozwiązaniem,opartym na jednostkach procentowych,niejako odpornym na zmianę rozdzielczości(nie ma efektu białej przestrzeni wokół dokumentu).Proszę poczytać o rodzajach layoutu,może Pan znajdzie lepszy przykład niż ten co Pan znalazł,bo do najlepszych chyba on nie należy.
Go to the top of the page
+Quote Post
GoldeNx3
post 10.06.2011, 14:04:26
Post #8





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Chcę by to co zaznaczyłem na czerwono wyrównało się do niebieskiego X a ten "X" pojawił się po lewej, czyli aby lewe pole było puste.

http://imageshack.us/photo/my-images/851/cus2.jpg/

@Rid

Niestety, nie znam się na tworzeniu stron i wolę coś co mi się podoba niż jakbym ja miał robić, bo zapewne bym nie zrobił. ;/

Ten post edytował GoldeNx3 10.06.2011, 14:06:59
Go to the top of the page
+Quote Post
Rid
post 10.06.2011, 14:26:58
Post #9





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Cytat
Niestety, nie znam się na tworzeniu stron

To musi Pan koniecznie poznać,szczerze zapraszam na kurs CSS:
http://www.kurshtml.edu.pl/css/pozycjonowanie.html

Sam z niego czasami korzystam jak czegoś nie wiem-naprawdę dobra strona z przykładami.

PS.A pro po Pana przykładu-szczególnie proszę zwrócić uwagę w kursie na pozycjonowanie i cechę float.
Go to the top of the page
+Quote Post
GoldeNx3
post 10.06.2011, 15:01:12
Post #10





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Dziękuję za stronę.

Dałem w .content float: right; lecz wtedy całe ciemniejsze tło uciekło na same przyciski. ;/
Go to the top of the page
+Quote Post
Rid
post 10.06.2011, 15:06:50
Post #11





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


No widzi Pan,już Pan wie jak działa float right.Proszę poczytać na stronie z kursem także o innych metodach,a metodą prób i błędów na pewno się Panu uda i nie powie już Pan na forum:
Cytat
Niestety, nie znam się na tworzeniu stron
Wystarczy trochę posiedzieć ,poczytać ,popróbować i nikt Panu tej wiedzy nie zabierze:)
Go to the top of the page
+Quote Post
GoldeNx3
post 11.06.2011, 10:10:52
Post #12





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Okej, udało mi się wyrównać do prawej. Tylko jak teraz po lewej mogę dodać taką samą ramkę? Próbowałem za zasadzie tamtej, lecz jak dodałem, to ta ramka jest po lewej i na górze, a ta co była na prawo poszła na dół. ;/
Go to the top of the page
+Quote Post
toaspzoo
post 11.06.2011, 10:31:14
Post #13





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----


albo vertical-align: right;


--------------------

LS Easter egg <
Go to the top of the page
+Quote Post
GoldeNx3
post 11.06.2011, 11:05:36
Post #14





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


To nic nie dało, tak to wygląda u mnie:

http://imageshack.us/photo/my-images/806/lolola.png/
Go to the top of the page
+Quote Post
Rid
post 11.06.2011, 11:25:08
Post #15





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Można dać wszystkie elementy float:left;
i na ostatnim elemencie-użyć margin- left:30px;-przykładowo
Go to the top of the page
+Quote Post
GoldeNx3
post 11.06.2011, 11:28:06
Post #16





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

Ostrzeżenie: (0%)
-----


Cytat(Rid @ 11.06.2011, 12:25:08 ) *
Można dać wszystkie elementy float:left;
i na ostatnim elemencie-użyć margin- left:30px;-przykładowo


Udało się! Dziękuję!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 3.06.2025 - 16:49