Nawigacja w CSS

[Sanchez Spinoza]

Chciałbym zrobić przeźroczyste tło powierzchni <DIV> żeby mi prześwitywał obrazek z tła

i w mojej książce [uTOPIA HTML] podany jest przykład strony gdzie tak jest ale nie ma powiedziane jak to zrobić. Oto przykład z książki:

PRZYKŁAD

Niewiecie może jak sie robi takie tło w CSSie?

Czy może to zalezy od obrazka? a jak tak to w czym go zrobić?

Czy Pain Shop Pro to zrobi?

[AdamD]

W tym konkretnym wypadku to są po prostu półprzezroczyste grafiki PNG (półprzezroczystość ustawiona jest w sofcie graficznym). Działa to poprawnie pod FF czy Operą, ale na IE się sypie bo wspomniany ma skopaną obsługę przezroczystości PNG.

Tu masz rozwiązanie problemu -> https://www.alistapart.com/articles/pngopacity/

Pozdrawiam,

AdamD

[Sanchez Spinoza]

Dzięki za link!

[Sanchez Spinoza]

Tak sobie siedze i czytam ogólnie o porządku na stornie w CSS i pomyslałem sobie że niezbyt ładnie by wyglądały na stronie SPACJE czyli:

 

albo

 

No ale przecież czasem trzeba zrobić spację prawda?

Czy w CSS jest jakaś instrukcja robiąca spację? czy trzeba wstawić dwa <DIV> i każdemu np. nadać inny Padding-left?

[Mion]

moze być margin

[Sanchez Spinoza]

Ale mi chodzi jak mam jakiś napis w jednym DIV, a jak dam margin to mi chyba nie wstawi spacji tma gdzie chce hm? :/

[MMP]

white-space: pre;

[Sanchez Spinoza]

Wpisuje:

#adres { margin:0; padding-left:20; position:absolute; left:470; top:4; background: #808080; height:10; width:430px; }

.adres {white-space: pre; font-family:tahoma; font-size:7pt; color:#c0c0c0;}

A w kodzie strony:

<DIV id="adres" class="adres">

43-300 Bielsko-Biała Ul. Komorowicka 132 Poland </DIV>

I nie działa mi jak daje spacje po napisie Ul.

Czy coś źle zrobiłem?

[Irek]

I nie działa mi jak daje spacje po napisie Ul.

Nie rozumiem. Co nie działa?

[Sanchez Spinoza]

no nie dodajem i spacji pomiędzy Ul. i Komorowicka.

Wstawiełm tam chyba z 20 spacji i dalej są te napisy obok siebie.

Ul. ________TU MA BYĆ KILKA SPACJI______Komorowicka.

[Irek]

U mnie działa.

[Sanchez Spinoza]

To coś musiałem spartolić.

Ide pokombinować

--------- Następnego Dnia ---------------

Ok, działa

[Sanchez Spinoza]

Mam takie zagadnienie, mianowicie czy da sie w CSS zrobić tak by w obrębie jednej płaszczyzny DIV

zawrzeć 4 siąsiadujące w poziomie inne płaszczyzny i żeby każda z nich oddzielała się ramką 1px?

Ja to zapisąłem tak:

<DIV id="promocja">

<DIV id="p01">

<h1 class="2">Łożysko EX 177CE1 SNFA</h1><BR>

</DIV>

<DIV id="p02">

<h1 class="2">Łożysko EX 177CE1 SNFA</h1><BR>

<IMG src="image/promocja/01.jpg">

</DIV>

<DIV id="p03">

<h1 class="2">Łożysko EX 177CE1 SNFA</h1><BR>

<IMG src="image/promocja/01.jpg">

</DIV>

<DIV id="p04">

<h1 class="2">Łożysko EX 177CE1 SNFA</h1><BR>

<IMG src="image/promocja/01.jpg">

</DIV>

</DIV>

PLIK CSS:

#promocja { position:absolute; padding:5; top: 450; width:800px; border:1px solid #c0c0c0;}

#p01 { border:1px solid #c0c0c0; width:190px; }

#p02 { border:1px solid #c0c0c0; width:190px; }

#p03 { border:1px solid #c0c0c0; width:190px; }

#p04 { border:1px solid #c0c0c0; width:190px; }

Ale jak tak pisze to mi wstawia oczekiwane boxy z ramką ale jedna pod drugą a nie każda obok siebie.

Gdzie robie błąd?

A może to nie ja robie błąd tylko coś w CSSsie sie zepsuło?

[AdamD]

DIV z natury jest elementem blokowym, i łamie linię. Spróbuj tak:

#p0x { float: left; border:1px solid #c0c0c0; width:190px; }

[Sanchez Spinoza]

Dzięki Adam

Ale tak grzebałem tak próbowałem aż wkońcu mi wyszło jakoś hehe.

Wpisałem tak:

#promocja div{display: inline; margin:0,0,0,6;}

Czy mam nadzieje że to nie wyszło z przypadku i mi sie to nie rozjedzie.

BO z tego zapisu wynika że każdy DIV promocji będzie w INLINE nie?