[CSS] Divy?

Slash3r · Post autor: **Slash3r** » czw gru 21, 2006 7:04 pm

Html juz troche umiem...chcialby sie zabrac za robienie stronek na divach czyli warstawach (moim zdaniem sa bardziej efektowne)ale sam nie wiem od czego zaczac!i np jak chcialbym wstawic na stronke 2 divy to skad mam wiedziec w jakim miejscu jaka jest pozycja?mam sie bawic godzinami i sprawdzac w jakim miejscu sie div pojawi czy jak?prosze o pomoc!

Pawel_B · Post autor: **Pawel_B** » czw gru 21, 2006 8:33 pm

nie no najlepiej pobaw się w programie typu WYSWIG.

koziolek · Post autor: **koziolek** » pt gru 22, 2006 8:49 am

olej programy WYSWIG ponieważ są one najgorszym możliwym rozwiązaniem. Jeżeli chcesz ładne i bezproblemowo zwalczać połżenie elementów na stronie to ściągnij i umieść w tle elementu body obrazek z tej strony:
http://www.smileycat.com/miaow/archives ... t_grid.gif

Następnie zapoznaj się z kursem css.

Pawel_B · Post autor: **Pawel_B** » pt gru 22, 2006 2:06 pm

koziolek pisze:olej programy WYSWIG ponieważ są one najgorszym możliwym rozwiązaniem.

Czemu tak sądzisz?

atom · Post autor: **atom** » pt gru 22, 2006 4:25 pm

CSS to raz. Potem możesz poczytać artykuły o layoutach opartych na div-ach (np. tu).

Co do WYSWIG to mam takie samo zdanie jak koziolek, ale to pewnie temat na dlugą i nudnawą dyskusje. Generalnie, np. co zrobisz jak narzędzie, które generuje za Ciebie kod, wygeneruje kod który działa dobrze tylko pod jedną przeglądarką i który nie będzie zgodny ze specyfikacją html? Moim zdaniem najlepiej pisać samemu i całkowicie panować nad tym co się tworzy. Z drugiej strony, jak mówią "wszystko jest dla ludzi" i jak nie masz czasu, nie zlaeży Ci na jakości (a chcesz napisać szybko prototyp strony) możesz użyć edytora WYSWIG (ale mimo wszystko nie zdecydowalbym się na ten krok).

Marcin Kalisz · Post autor: **Marcin Kalisz** » ndz gru 24, 2006 3:04 pm

Jeśli zna się CSS to pzypadkowości w położeniu diva nie będzie. Jak więc napisano - kursy. Ale CSS to nie mnożenie ułamków zwykłych. W jeden dzień się nie nauczysz. Zresztą samych filozofii tworzenia w oparciu o CSS też jest kilka.

PS. Ja tworzę w Dreamweaverze (WYSIWYG) pisząc kod ręcznie. Program jest dla mnie wygodny bo po przełączeniu na widok DESIGN mam świetnie przedstawioną strukturę strony (np. divy mają różne obramowania w zależności od rodzaju pozycjonowania lub parametru display - trudniej się pogubić, gdy np. sklejam cały portal w CSS, albo powracam do projektu sprzed roku by wprowadzić kilka zmian). Ale jak mi zabierzecie DW to zrobię to samo w notatniku.

Slash3r · Post autor: **Slash3r** » pn gru 25, 2006 11:43 am

A gdzie moge znalezc naprawde przyzwoity kurs css?ale zeby byl po polsku:P

egzemplarz · Post autor: **egzemplarz** » pn gru 25, 2006 4:05 pm

www.kurshtml.boo.pl - najlepszy polski kurs (X)HTML, oraz CSS. Życzę smacznego

Slash3r · Post autor: **Slash3r** » wt gru 26, 2006 12:30 am

mozecie podac mi jakis przyklad pisania tekstu na warstwie?bo jak ja mam np takie cos:

Kod: Zaznacz cały

<html>
<head>
<style type="text/css">
.banner {

 position: absolute;
 visibility: visibility;
 top: 5px;
 left: 100px;
 z-index:1;
 }
.menugora { 

   position:absolute; 

   visibility: visibility; 

   top: 200px;

   left:100px; 

   z-index: 2;
   
}

.menuboczne {

   position:absolute;
   visibility: visibility; 
   top: 250px;
   left: 100px;
   z-index: 3;  
   }
   
</style>
</head>
<body>
<div class="banner">
<img src="gora.jpg">
</div>
<div class="menugora">
<img src="menugora.jpg">
</div>
<div class="menuboczne">
<img src="menu.jpg">
</div>
</body>
</html>

Jak powiedzmy pisac na warstwie menuboczne zeby dac linki?;/bo jak ja poprostu pisze pod <img src> to pokazuje mi sie text pod obrazkiem;/

NASA · Post autor: **NASA** » sob gru 30, 2006 4:14 pm

Nie rozumiem powyższego posta.
Ale dodam swoje 5 groszy, że z div-ami są różne cuda.

Czy ktoś wyjaśni mi ten cud widoczny w Firefoxie?:

http://nasadowski.com/testy/div_layout_kolumn.html

Czym się różnią dwie kolumny? Teoretycznie tylko kolorem a mimo to widać w lewej większy padding (bez powodu!) a w prawej większy górny margines (TEż BEZ POWODU!).
...

Rozwiązanie:
zdefiniować padding dla paragrafu, który jest w środku div-a.

Czy ktoś to potrafi wyjaśnić jakim cudem dwa divy zachowują się kompletnie inaczej?

123456 · Post autor: **123456** » sob gru 30, 2006 5:25 pm

Czy ktoś to potrafi wyjaśnić jakim cudem dwa divy zachowują się kompletnie inaczej?

Masz zupelnie inaczej zdefiniowane oba div'y i dziwisz sie ze sa inaczej wyswietlane. Poczytaj sobie o tworzeniu kolumn na div'ach bo widze ze podstaw nie znasz.

Hawk · Post autor: **Hawk** » sob gru 30, 2006 5:45 pm

Napisz tak:

Kod: Zaznacz cały

#right  {
  width: 375px;
  float: left;
  margin-top: 10px;
  background-color: #CCCC99;
}

i będą wyglądać tak samo.

Slash3r · Post autor: **Slash3r** » sob gru 30, 2006 7:17 pm

a mozeecie podac jakies dobre ksiazki do nauki css?cos fajnego o przystepnej cenie!

NASA · Post autor: **NASA** » sob gru 30, 2006 7:25 pm

Dzięki Hawk za kompetentną i konkretną odpowiedź!
Myślałem, że można float'ować tylko z jednej strony.

Slash3r pisze:a mozeecie podac jakies dobre ksiazki do nauki css?cos fajnego o przystepnej cenie!

Tylko jedna "książka" jest bezkonkurencyjna i lepszej nie znajdziesz - Internet i Google.

cieply · Post autor: **cieply** » sob gru 30, 2006 9:04 pm

egzemplarz pisze:www.kurshtml.boo.pl - najlepszy polski kurs (X)HTML, oraz CSS. Życzę smacznego

tak naprawdę to z tego kursu nic sie nie nauczysz. to nie jest najlepszy polski kurs css oraz html.

naukę od podstaw proponuje zacząc od: http://webmade.org/kursy/kurs_css/

NASA pisze:Tylko jedna "książka" jest bezkonkurencyjna i lepszej nie znajdziesz - Internet i Google.

a google to coś innego niż Internet?

[CSS] Divy?

[CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?

Re: [CSS] Divy?