Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> kolejny raz DIVy
-Gość_AZPR_*-
post 31.05.2006, 15:07:05
Post #1





Goście







  1. <div class="monika">
  2. <div class="madzia2" id="madzia2">


+

  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. }


daje taki efekt:



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
-pr0kt0r-
post 31.05.2006, 17:30:26
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 31.05.2006, 20:03:57
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 31.05.2006, 21:50:01
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 31.05.2006, 22:03:47
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 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.


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
-Gość_azpr_*-
post 31.05.2006, 22:33:36
Post #6





Goście







wybacz mój bład....


dobra mam niebieskie obramowanie winksmiley.jpg oraz czerwone pole... i jak obok tego czerwonego pola zrobic zielone pole?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 1.06.2006, 06:32:58
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

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


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
-gosc-
post 1.06.2006, 09:07:31
Post #8





Goście







to zrob to w tabelkach snitch.gif tez mozna:]
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: 6.07.2025 - 12:21