Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML] div w divie
Smoker
post 24.07.2010, 15:02:30
Post #1





Grupa: Zarejestrowani
Postów: 101
Pomógł: 5
Dołączył: 15.10.2008
Skąd: Wrocław

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

Witam mam problem z ustawieniem divów. Poniżej obrazek przedstawiający problem:



na samym dole niebieski DIV test tłem ogólnym powtarzającym się po osi x
na nim ustawiony jest DIV zielony - jest to logo - wyśrodkowane
czerwony DIV ma być nad zielonym i ma być zbiorem linków, odnośników i z nim mam problem, nie ma być wyśrodkowany a jedynie 50px od lewej krawędzi DIVa zielonego

jak go ustawic ?

[HTML] pobierz, plaintext 
  1. <div id="top"> <!-- POCZĄTEK NIEBIESKIEGO DIVa -->
  2.  <div id="top_logo"> <!-- POCZĄTEK ZIELONEGO DIVa -->
  3.   <img src="obrazek.jpg" alt="">
  4.  </div> <!-- KONIEC ZIELONEGO DIVa -->
  5. </div> <!-- KONIEC NIEBIESKIEGO DIVa -->
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. div#top {
  2.  background: url(tlo.jpg) repeat-x scroll;
  3.  width: 100%;
  4.  height: 448px;
  5.  z-index: 1;
  6. }
  7. div#top_logo {
  8.  width: 1000px;
  9.  height: 448px;
  10.  z-index: 2;
  11. }
[CSS] pobierz, plaintext


--------------------
http://streetonline.pl/?gback=1 - Kliknij i daj się podwieźć
Go to the top of the page
+Quote Post
mrk9109
post 24.07.2010, 15:24:18
Post #2





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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

Kod
<body>
<div class="mrk">
          <div class="logo">
                      <div class="red"></div>
          </div>
</div>
</body>

style:

body { margin: 0 auto;  background-color: #000000; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.mrk { margin: 0 auto; background-color: #FFFFFF; width: 800px; overflow: hidden; }
.logo { background-color: #CCCCCC; width: 800px; height: 300px; float: left; }
.red { background-color: #AAAAAA; width: 500px; height: 100px; float: left; padding-left: 150px; }

Kolory przykladowe wpisalem a jezeli chcesz miec bardziej na srodku czerwony to sobie go ustaw za pomoca paddingow
Go to the top of the page
+Quote Post
krzysztof_kf
post 24.07.2010, 15:33:04
Post #3





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

To co przedstawiłeś na obrazku nie jest adekwatne do twojego zapytanie , problemu więc w czym jest problem .


.ekhm

[CSS] pobierz, plaintext 
  1. <style type="text/css">
  2.  
  3. body {
  4. background: #0000ff;
  5. margin: 0px;
  6. padding: 0px;
  7. }
  8.  
  9. #top{
  10. width: 800px;
  11. height: 500px;
  12. margin: 0 auto;
  13. background: #00ff00;
  14. }
  15.  
  16. #link {
  17. width: 600px;
  18. height: 100px;
  19. margin: 0 0 0 50px;
  20. background: #ff0000;
  21. }
  22.  
  23. </style>
[CSS] pobierz, plaintext


i HTML

[HTML] pobierz, plaintext 
  1. <div id="link">
  2.    </div>
  3. <div id="top">
  4.    </div>
[HTML] pobierz, plaintext


Ten post edytował krzysztof_kf 24.07.2010, 15:35:53
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn