Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] roznice miedzy szablonem a wlasnym div-em
conip
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 31.03.2007
Skąd: Gdańsk

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

Witam ponownie
bazujac na kodzie szablonu pobranego ze strony d4u.pl zaczalem pisac cos wlasnego aby pocwiczyc jednak te css-y i nabrac wprawy. Oczywiscie juz na poczatku napotykam na niezrozumiale dla mnie rzeczy. Wiec mam nadzieje ze ktos bedzie mi w stanie to wytlumaczyc.

Ich szablon (nr 1058 - red dragon cos tam)zawiera taka ogolna strukture:

[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="pds">	
  3. 	<div><img src="images/t1.jpg" alt="" /></div>
  4. 	<div class="data">Dzisiaj jest ...... </div>
  5. 	<div class="glowne"> cos tam </div>
  6. </div>
  7. </body>
[HTML] pobierz, plaintext


a ich css dotyczacy tego fragmentu to:
[HTML] pobierz, plaintext 
  1. body{
  2. 	background:url(images/bg.gif) repeat-x #000;
  3. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  4. 	margin:0;
  5. 	padding:0;
  6. }
  7. #pds{
  8.         position:relative;
  9. 	width:748px;
  10. 	margin:auto;
  11. 	background:url(images/tlo.gif);
  12. }
  13. .data{	
  14.         background:url(images/t2.gif);
  15. 	font-size:10px;	text-align:center;
  16. 	color:#EABBBA;	padding:12px 5px 7px 5px;
  17. 	}
  18. .glowne{
  19. 	margin-left:31px;
  20. }
[HTML] pobierz, plaintext


probowalem wrecz kopiowac fragmenty dotyczace diva pds i body i niestety nie moge zrobic aby pds moj byl wyposrodkowany tak jak ich (uzywam dreamwavera i mam podglad na dwa przypadki w tej samej przegladarce)w jaki sposob mozna wyposrodkowac diva (i dlaczego w szablonie jest to zrobione automatycznie - a jak kopiuje to juz to gubi) oprocz stosowania text-align:justify ?

drugie pytanie czy ma znaczenie czy sie odnosi do poszczegolnych atrybutow przez klase czy id?

z gory dzieki za wytlumaczenie
pozdrawiam

dodam jeszcze ze pod FF jest ok (w obu przypadkach jest wyposrodkowane) tylko w IE w moich probnych plikach jest glowny div przesuniety do lewej.


OK sorki za zasmiecanie forum

juz doszukalem sie przyczyny na 1sze pytanie: nie mialem na poczatku pliku:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

teraz juz smiga
ale na drugie pytanie to bym prosil fachowa odpjest roznica miedzy stosowaniem klass a id chcac nadac atrybuty?

pozdrawiam

Ten post edytował conip 17.08.2007, 14:03:54
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
barat
post
Post #2





Grupa: Zarejestrowani
Postów: 183
Pomógł: 0
Dołączył: 19.05.2007

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

Zostawić i pisać by FF wyświetlało poprawnie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Doctype to ważna sprawa, mówi przeglądarce jak interpretować kod (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

W PDS wpisz zamiast margin:auto => margin:0 auto;
Sposób z text-align: center , też zadziała, ale wymaga potem ustawiania tekstu dla pierwszego kontenera ... proste margin:0 auto załatwia wszystko naraz (wtedy już bez text align)(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


Co do klasy a ID ...

ID może być przypisane tylko jednemu elementowi, a klasy wielu...
Dodatkowo ID jest przydatne przy javascript...

Ja osobiście robię tak, że elementy które wystąpią tylko raz (zazwyczaj elementy głowne layoutu) mają nadane ID, a pozostałe mają class ...

Ogólnie tutaj możesz dowiedzieć się ciekawych rzeczy:
http://kurs.browsehappy.pl/

Ten post edytował barat 17.08.2007, 14:24:03
Go to the top of the page
+Quote Post

Posty w temacie
- conip   [css] roznice miedzy szablonem a wlasnym div-em   17.08.2007, 13:42:28
- - kbsucha   W body przydałoby sie text-align: center; co...   17.08.2007, 13:43:16
- - conip   dzieki za odp na bank przeczytam niestety co do ...   17.08.2007, 14:02:29
- - kbsucha   A dodales w body to co pisalem wczesniej: text-ali...   17.08.2007, 14:12:42
- - conip   nie ma takiej potrzeby zeby dawac text-align (wcze...   17.08.2007, 14:18:35
- - barat   Zostawić i pisać by FF wyświetla...   17.08.2007, 14:22:47
- - Kreton   IE 4,5,6 w trybie luźnego renderowania je...   17.08.2007, 15:27:49
- - conip   Dzięki wszystkim za wskazówki i porady zrobiłem t...   20.08.2007, 07:54:55
- - Kreton   Jak to nie ładuje ? Specjalnie zainstalowałem FF i...   20.08.2007, 20:47:13
- - conip   Sorki zapomnialem ze zmienilem pozniej doctype na...   21.08.2007, 07:08:22
- - Kreton   Kurde, otwierałem twój link w Firefox 2.0.0.6 i st...   21.08.2007, 10:16:32
- - conip   sorki zmienilem link tylko w nazwie a nie w href ...   21.08.2007, 11:03:14
- - Kreton   Nie wykopiowywuj pewnych elementów i wklejaj jak c...   21.08.2007, 17:23:56
- - conip   dałem dokładnie taki nagłówek jak proponowałeś - n...   22.08.2007, 06:37:24
- - Kreton   Dziwny problem, ściągnołem całą stornkę do siebie....   22.08.2007, 19:27:36

« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 14.10.2025 - 10:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn