Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: divy
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
shpyo
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.
Seth
bylo juz na forum XHTML
stoprocent
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
shpyo
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?
Dominik
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.