Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ustawienie obrazka
daroman123
post
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

To część mojego kodu <h2>ZAPRASZAM DO KORZYSTANIA Z SERWISU<br/><br/> POZDRAWIAM DAREK </h2><img src="grafika/plik1.jpg"> chciałbym aby odległość między img a nagłówkiem h2 była mniejsza żeby nie było takieog odstępu na stronce jak to zrobić (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Pozdrawiam dzięki
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 11)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

zrób tak:
[HTML] pobierz, plaintext 
  1. <h2 style="margin:0;padding:0;margin-botom:5px">ZAPRASZAM DO KORZYSTANIA Z SERWISU<br/><br/> POZDRAWIAM DAREK </h2><img src="grafika/plik1.jpg" style="margin:0;padding:0;">
[HTML] pobierz, plaintext

to ci ustawi odstęp dokładnie na 5px - jeżli zmienisz margin-bottom na inna wartość - to odstęp też się zmieni.
Go to the top of the page
+Quote Post
daroman123
post
Post #3





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

Ok dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) mam jeszcze jedne pytanie dlaczego nie wystarczy wstawić tylko margin-buttom:5px, dlaczego musi być też polecenie margin:0 i padding:0 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
nevt
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

poczytaj o CSS Box Model, to zrozumiesz...

dodam tylko, że każda przeglądarka ma ustawione nieco inne domyślne wartości padding i margin dla różnych elementów HTML, stąd takie niespodzianki, jak twoja

Ten post edytował nevt 24.02.2008, 16:11:25
Go to the top of the page
+Quote Post
daroman123
post
Post #5





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

Czyli dokłądnie to chodiz o to że jeśli nie ustawie wogóle marginesów to poprostu wartość ustawia się jakaś domyślana dla danej przeglądarki (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) stąd trzeba zrobić margin 0 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
nevt
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

bardzo dobry wniosek, dlatego jeśli byś ustawił samo margin-bottom:5px to nie masz gwarancji że przeglądarka nie dołoży ci jeszcze jakiegoś padding-bottom... powodzenia...

Ten post edytował nevt 24.02.2008, 17:08:54
Go to the top of the page
+Quote Post
daroman123
post
Post #7





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

Dzięki wielkie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

A tak z ciekawości jeśli margin-bottom: 5px i margin: 0 to nie występuje tu jakiś konflikt, marginesy są zdeklarowane jako 0 ale dolny jako 5 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

ok już rozumiem ważna jest przecież kolejność poleceń, margin wszystkie 0 a następnie margin górny np 10 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
nevt
post
Post #8





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

zgadza się, można to załatwić jednym wpisem - margin: 0px 0px 5px 0px; - ale tak jest mniej czytelnie - trzeba ciągle pamiętać, ze trzeci parametr margin to dolny margines...
definiując plik CSS warto zawsze na poczatku dodać linijkę:
Kod
* { margin: 0; padding: 0; }

co załatwia sprawę globalnie dla wszystkich znaczników html...
Go to the top of the page
+Quote Post
daroman123
post
Post #9





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

html body {

background-color:#d6c7fc;
color: #000000;
margin: 0;
padding: 0;

ustawiłem tak w pliku css dla ciała dokumentu, jeśli tak to teraz już nie musze w poszczególnych akapitach czy nagłówkach ustawiać margin:0 i padding:0 tylko wystarczy określić np dolny margin albo lewy (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
nevt
post
Post #10





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

nie tak nie zadziała - w ten sposób ustawiłeś margin i padding tylko dla znaczników <html> i <body>, jeżeli chcesz dla wszystkich ,musisz na początku CSS wstawić to co ci podałem w poprzednim poscie. ta gwiazdka oznacza tyle co 'każdy znacznik html' ...
Go to the top of the page
+Quote Post
daroman123
post
Post #11





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 21.02.2008

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

<ul type="circle">
<li>Boże Narodzenie</li>
<li>Dzień Babci</li>
<li>Dzień Dziadka</li>
<li>Dzień Matki</li>
<li>Dzień Ojca</li>
<li>Imieninowe</li>
<li>Miłosne</li>
<li>Śmieszne</li>
<li>Urodzinowe</li>
<li>Walentynki</li>
<li>Wielkanoc</li>
<li>Życzenia SMS</li>
</ul>

to jest część mojego kodu html, jeśli zrobiłem * { margin: 0; padding: 0; } na początku css to na stonce znikły wypunktowania li został sam tekst bez punktów w postaci kółeczek w tym przypadku, pojawią się one jeśli ustawie dla bloku div w którym umieszczone jest wypunktowanie padding-left: 15px

Dlaczego tak siędzieje skoro mam w kodzie html że ma być wypunktowanie?? a jak ustawie te marginesy tak jak mi podałeś to wypunktowanie znika i musze ustawiać padding-left i jeszcze jedno pytanko czy ustawianie na samym początku tych marginesów jest zawsze konieczne (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) sorki za tą dociekliwość ale myśle że to nie jest takie wcale trudne do zroumienia tylko ktoś to musi wytłumaczyć a lepiej teraz niż mam potem wszystko przerabiać (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dzięki

I jak już pytam to jeszcze jedno
html body {
background-color:#d6c7fc;
color: #000000;
margin: 0;
padding: 0;

napisałeś że wten sposób ustawiłem marginesy tylko dla znaczników html i body, ale przecież pomiędzy znacznikamu html znajduje się reszta znaczników tak naprawde cała stronka, to marginesy powinny się ustawić dla wszystkiego (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Tak teraz się zastanowiłem i sam sobie odpowiedziałem na to pytanie, że poprostu wypunktowanie znika ponieważ ustawiająć marginesy dla wszzystkich znaczników na 0 to wypunktowanie "chowa się " pod obramowaniem bloku div czy mam racje (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) i żeby wypunktowanie było widoczne zrobiłem poprostu opływanie float right dla <ul>
Go to the top of the page
+Quote Post
nevt
post
Post #12





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

co do ustawiania padding i margin - to atrybuty CSS dzielą się na dwie kategorie:
1. takie, które podlegają dziedziczeniu (n.p. color, font)
2. takie, które nie podlegają dziedziczeniu (np. margin, padding)

Generalnie nasza konwersacja zaczyna mocno odbiegać od wyjściowego tematu, polecam ci stronkę o CSS - najlepszą jaką namierzyłem w sieci po polsku.
Wszystko tam jest wyłożone łopatologicznie i z przykładami. Myśleć potrafisz, więc na pewno sobie poradzisz z samodzielną nauką - powodzenia !

Ten post edytował nevt 25.02.2008, 13:16:42
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · 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 · Linearny+ · Przełącz na: Drzewo

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

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