Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> jak zrobić aby określony div był ZA konkretnym divem?
bl4ck_b0x
post 27.12.2007, 17:46:47
Post #1





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 21.11.2006

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

Witam mam problem. Mam 1-2 divy, potrzebuję zrobić tak aby POD/ZA tymi divami był jeszcze jeden div który tworzyłby taki paseczek... wszystko opisane na screenie.

to jest index.php:
[PHP] pobierz, plaintext 
  1. <?php
  2. echo '<?xml version="1.0" encoding="UTF-8"?>';
  3. ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  5. transitional.dtd">
  6. <html>
  7. <head>
  8. <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  9. <link rel="Stylesheet" type="text/css" href="style.css" />
  10. <title> portfolio, tworzenie stron WWW, php, ajax</title>
  11. </head>
  12. <body>
  13. <div id="ogolny">
  14. 	<div id="srodekbialy">
  15. 	asdasd
  16. 	</div>
  17. </div>
  18. </body>
  19. </html>
[PHP] pobierz, plaintext


plik css:
Kod
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #1C1C1C;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#srodekbialy {
    margin: 0 auto;
    background-color: white;
    border: 10px solid #6ABF28;
    height: 500px;
    width: 600px;
}


Tutaj zrzut jak chcę aby to wyglądało:
http://img253.imageshack.us/img253/1407/cssxq8.jpg

Ten post edytował bl4ck_b0x 27.12.2007, 18:12:20
Go to the top of the page
+Quote Post
Mati7
post 27.12.2007, 18:21:45
Post #2





Grupa: Zarejestrowani
Postów: 25
Pomógł: 3
Dołączył: 27.07.2007
Skąd: Lublin

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

Najłatwiej wstawić to w background

Musisz wyciąć pasek i wstawić coś takiego w css

[HTML] pobierz, plaintext 
  1. body {
  2.     background: #1C1C1C url('img/pasek.gif') 0 175px repeat-x;
  3. }
[HTML] pobierz, plaintext


Możesz jeszcze pobawić się z pozycjonowaniem i z-index


--------------------
Website: mdabrowski.net
Zend_Framework, Zend_Cache, Ajax w JQuery
Go to the top of the page
+Quote Post
.radex
post 1.01.2008, 11:37:42
Post #3





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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

Kod
position:absolute;
z-index:2;


Mniej więcej tak wygląda drugi sposób. To dopisz do tego paska.

Ten post edytował radex_p 1.01.2008, 11:37:56


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post
Mati7
post 4.01.2008, 08:21:10
Post #4





Grupa: Zarejestrowani
Postów: 25
Pomógł: 3
Dołączył: 27.07.2007
Skąd: Lublin

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

Cytat(radex_p @ 1.01.2008, 11:37:42 ) *
Kod
position:absolute;
z-index:2;

Mniej więcej tak wygląda drugi sposób. To dopisz do tego paska.


z tym że pasek bedzie nad #srodekbialy

do paska wystarczy dodać

position:absolute;

a wtedy musisz jeszcze dopisać do #srodekbialy

position:relative;
z-index: 1;

żeby content znalazł się nad paskiem


--------------------
Website: mdabrowski.net
Zend_Framework, Zend_Cache, Ajax w JQuery
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 5.07.2025 - 20:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn