Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Linia od środka do prawej
WoGuziczek
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 17.09.2008

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

Witam!

Mam zbudowany szablon na divach. Szerokość 910px. Strona jest na środku.

[HTML] pobierz, plaintext 
  1. <div style="width: 910px; margin: 0px auto;">
  2.          zawartosc
  3. </div>
[HTML] pobierz, plaintext


No i sprawa jest taka, że dodałem sobie pionową linię na środku strony:
[HTML] pobierz, plaintext 
  1. <div style="background: black repeat-x; height: 1px; width: 100%;"></div>
[HTML] pobierz, plaintext

i jest ok, ale chciałem jeszcze dodać fragment linii od tego momentu do maxa po prawej czyli, żeby się dostosowała do ekranu,
ale tak, żeby nie była po lewej stronie.

O co mi chodzi:
(IMG:http://iv.pl/images/8xo91jfwhkok2nao3a2z.png)

Z góry dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował WoGuziczek 17.04.2009, 17:10:09
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
potreb
post
Post #2





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

Pod jaką przeglądarką testujesz??
Go to the top of the page
+Quote Post
WoGuziczek
post
Post #3





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 17.09.2008

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

A co do ma do rzeczy? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Nie testowałem, bo nie mam jeszcze co, bo nie wiem jak zrobić linię tylko po jednej stronie.

Chciałbym, aby działało na wszystkich (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
potreb
post
Post #4





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

Sorki, źle cię zrozumiałem.
Jeżeli chcesz przedłużenia do prawego, możesz zrobić to na zasadzie pozycjonowania absolutengo i doklejenia tego kawałka lub utworzenie warstwowych divów, ale to i tak będzie równoznaczne z pozycjonowanie elementów. Inaczej tego nie widzę. Możesz także zrobić background dla diva szerszego na 100% i zrobienie background-a lini od prawe.

Ten post edytował potreb 17.04.2009, 18:18:24
Go to the top of the page
+Quote Post
WoGuziczek
post
Post #5





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 17.09.2008

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

Możesz jakiś przykład zapodać?
Jakbym miał element zaczepienia, to bym kombinował.
Go to the top of the page
+Quote Post
potreb
post
Post #6





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. body {
  3. margin: 0px;
  4. padding:0px;
  5. }
  6. </style>
  7. </head>
  8.  
  9. <body>
  10. <!-- pierwszy div liniowy pozycjonowany jest do prawej i ma np 200px; naklada się na div z position relative --->
  11. <div style="position: absolute; top: 10px; right:0; background: black repeat-x; height: 1px; width: 200px;"></div>
  12. <div class="aaa" style="width: 910px; height: 100px; margin: 0px auto; border-right: 1px solid #ccc; border-left: 1px solid #ccc;">
  13. <div style="position: relative; top: 10px; background: black repeat-x; height: 1px; width: 100%;"></div>
  14. zawartosc
  15. zawartość
  16. </div>
  17. </body>
[HTML] pobierz, plaintext


Ten post edytował potreb 17.04.2009, 18:33:44
Go to the top of the page
+Quote Post
WoGuziczek
post
Post #7





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 17.09.2008

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

Ogólnie jest ok. Dziękuję (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Tylko dlaczego na IE mam ten pasek taki bardzo szeroki? Może zrobić 
[HTML] pobierz, plaintext 
  1. <hr style="" />
[HTML] pobierz, plaintext
?

// edit
Nic z tego :/
Na hr na ie jest dobrze, a na operze i ff mam znowu brzydką linie ;/
Dodałem parametr style to hr jbc.


// edit 2
Ok. Napisałem sobie w php skrypt, który wstawia divy w przypadku innych przeglądarek niż ie.
W owym przydpadku hr i gitara.
Dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował WoGuziczek 17.04.2009, 18:59:47
Go to the top of the page
+Quote Post
piotrooo89
post
Post #8


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Cytat(WoGuziczek @ 17.04.2009, 19:51:19 ) *
Ok. Napisałem sobie w php skrypt, który wstawia divy w przypadku innych przeglądarek niż ie.
W owym przydpadku hr i gitara.
Dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


po co? w komentarzach warunkowych w html'u tez to zrobisz.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 06:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn