Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> divy
shpyo
post
Post #1





Grupa: Zarejestrowani
Postów: 574
Pomógł: 2
Dołączył: 13.04.2004
Skąd: Lublin

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


czy wie ktos jak to (DIV) ladnie formatowac ?

przyklad:
http://www.nitzdesign.com/20040515/index.php
http://www.nitzdesign.com/20040515/portfolio.css


jak patrze na to, to nie wiem co i jak?
moze mi ktos podac jakis przyklad jak np. sformatowac diva o szerokosc powiedzmy 700 pixeli, zeby automatycznie sie rozszerzal (wysokosc) i byl wycentrowany?

chce sie pobawic div'ami, znacie jakies linki (polskie) o div'ach?
za pomoc dzieki.


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Seth
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

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


bylo juz na forum XHTML
Go to the top of the page
+Quote Post
stoprocent
post
Post #3





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

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


Formatowanie divow glownie opiera sie na stylach , polecam ksiazke Jefreya Zeldmana . Sam teraz ja studjuje i naprawde warto wydac na nia pieniadze .
Jak szuksza czegos na necie to zobacz sobie www.alistapart.com lub www.zeldman.com


--------------------
Go to the top of the page
+Quote Post
shpyo
post
Post #4





Grupa: Zarejestrowani
Postów: 574
Pomógł: 2
Dołączył: 13.04.2004
Skąd: Lublin

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


hmm, podpatrzylem niektore strony i zrobilem cos takiego :

[xml:1:3efa39be7d]
<?xml version="1.0" encoding="iso-8859-2"?>
<?xml-stylesheet type="text/css" href="style.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"
/>
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<body bgcolor="#EEF5EE">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- ### naglowek poczatek ### -->
<div id="naglowek">
<img src="img/l_1.jpg" width="600" height="150" alt="" title="konohaSENPUU" />
<!-- ### miejsce obok naglowka ### -->
<div id="naglowek_bok">
</div>
<!-- ### miejsce obok naglowka koniec ### -->
</div>
<!-- ### naglowek koniec ### -->
</body>
</html> [/xml:1:3efa39be7d]

style
Kod
div#naglowek {

    vertical-align: top;

    display: block;

    position: center;

    width: 800px;

    background: black;

    float: none;

    padding: 4px 4px 4px 4px;

    float:middle;

}

div#naglowek_bok {

    vertical-align: top;

    display: inline;

    width: 100px;

    float: right;

    background: #3D4961;

}


efekt jest taki, ze "naglowek_bok" jest w nastepnej linii po prawej stronie.
Chce aby byl on obok "naglowek". Co jest zle?


--------------------
Go to the top of the page
+Quote Post
Dominik
post
Post #5





Grupa: Zarejestrowani
Postów: 339
Pomógł: 0
Dołączył: 17.06.2003
Skąd: Białystok

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


Wywal ze stylow display, bo display: block jest niepotrzebny do div'a bo div jest blokiem a tam gdzie jest display: inline to nie jest zadne rozwiazanie i tylko wprowadza zament.


--------------------
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 Aktualny czas: 19.08.2025 - 06:57