Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kolejny raz DIVy
-Gość_AZPR_*-
post
Post #1





Goście







 
[HTML] pobierz, plaintext 
  1. <div class="monika">
  2. <div class="madzia2" id="madzia2">
[HTML] pobierz, plaintext


+

[HTML] pobierz, plaintext 
  1. .monika[class] {
  2.   background-image:url(system/img/mgli1.png);
  3.   margin: 10px;
  4.   border: 1px solid #000000;
  5. }
  6.  
  7. .madzia2 {
  8. overflow: auto;
  9. height: 480px;
  10. width: 255px;
  11. margin: 10px;
  12. background: #FFFFFF;
  13. border: 1px solid #000000;
  14. }
[HTML] pobierz, plaintext


daje taki efekt:

(IMG:http://images4.fotosik.pl/39/0391589806b768ea.jpg)

czyli jest obramowanie niebieskie i czerwone... ale teraz jak zrobic zeby obok czerwonego było zielone? mozna to zrboic jakos na divach?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
-pr0kt0r-
post
Post #2





Goście
http://kurshtml.boo.pl/style/obramowanie.html

Gdzies tam jest o tym wzmianka.
Go to the top of the page
+Quote Post
siemakuba
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

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

tak z czystej ciekawości, czy taki zapis:
Kod
.monika[class] {}
wynika z tego że nie chcesz żeby było to widziane przez IE, czy jak? Bo jeżeli nie, to jest to masło maślane, odwołujesz się do elementów o klasie monika, co zaznaczasz przez postawienie kropki z przodu .monika, i jednoczesnie dajesz selektor atrybutu na class. Czyli, zastosuj styl dla wszystkich elementów klasy monika, które mają ustalony paramter class.

pozdr.
Go to the top of the page
+Quote Post
-Gość_azpr_*-
post
Post #4





Goście
pr0kt0r - zabardzo nie wiem co ma obramowanie do polozenia obok siebie diva, osobnej 'tabeli'

jesli natomiast chodzi o ten stylko to tylko przyklad... fakt było to obejscie do IE ale to nie zmineia faktu ze nadal nie wime jak to "podzielic" na dwie czesci...
Go to the top of the page
+Quote Post
maverickkk
post
Post #5





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

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

Gość_azpr_* -> Piszesz tak że sie nie można wyznać oco ci chodzi.


"czyli jest obramowanie niebieskie i czerwone"

Jakie czerwone obramowanie (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) widać czerwone Pole obramowanie jest niebieskie na twojim screenie.

"... ale teraz jak zrobic zeby obok czerwonego było zielone? "

Ja widze zielone pole obok czerwonego pola z niebieskimi obramowaniami

mozna to zrboic jakos na divach?"

To co widać na screenie można zrobić na dovie.

.. i ten kod jaki podałes za chiny nie wygląda jak ten na screenie.
Go to the top of the page
+Quote Post
-Gość_azpr_*-
post
Post #6





Goście
wybacz mój bład....


dobra mam niebieskie obramowanie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) oraz czerwone pole... i jak obok tego czerwonego pola zrobic zielone pole?(IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) tak aby to wszytko wygladalo tak jak na tym screenie... w divach? ale jak?
Go to the top of the page
+Quote Post
maverickkk
post
Post #7





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

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

Efekt ze screena uzyskuje np. w ten sposób

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <style type="text/css">
  5. .madzia0 {
  6. height: 500px;
  7. width: 534px;
  8. margin: 10px 0 10px 10px;
  9. background: blue;
  10. border: 1px solid #000000;
  11. }
  12. .madzia1 {
  13. overflow: auto;
  14. height: 480px;
  15. width: 255px;
  16. margin: 10px 0 10px 10px;
  17. background: red;
  18. border: 1px solid #000000;
  19. }
  20. .madzia2 {
  21. height: 480px;
  22. width: 255px;
  23. margin: 10px 10px 10px 0;
  24. background: green;
  25. border: 1px solid #000000;
  26. }
  27. </style>
  28.  
  29. </head>
  30. <body>
  31.  <div class="madzia0">
  32.   <div class="madzia1" style="float:left"></div>
  33.   <div class="madzia2" style="float:left"></div>
  34.  </div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
-gosc-
post
Post #8





Goście
to zrob to w tabelkach (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) tez mozna:]
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: 22.08.2025 - 17:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn