Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ustawienie obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
daroman123
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ć questionmark.gif Pozdrawiam dzięki
nevt
zrób tak:
  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;">

to ci ustawi odstęp dokładnie na 5px - jeżli zmienisz margin-bottom na inna wartość - to odstęp też się zmieni.
daroman123
Ok dzięki smile.gif mam jeszcze jedne pytanie dlaczego nie wystarczy wstawić tylko margin-buttom:5px, dlaczego musi być też polecenie margin:0 i padding:0 questionmark.gif
nevt
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
daroman123
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 questionmark.gif stąd trzeba zrobić margin 0 questionmark.gif
nevt
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...
daroman123
Dzięki wielkie 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 questionmark.gif

ok już rozumiem ważna jest przecież kolejność poleceń, margin wszystkie 0 a następnie margin górny np 10 smile.gif
nevt
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...
daroman123
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 questionmark.gif
nevt
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' ...
daroman123
<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 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ć 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 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 questionmark.gif i żeby wypunktowanie było widoczne zrobiłem poprostu opływanie float right dla <ul>
nevt
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 !
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.