[CSS] marginesy Opcje

[kosmos]

Nie mogę poradzić sobie z marginesami:
http://jsfiddle.net/yj5ZN/

Jak ustawić lewy, górny, prawy i dolny np. na odległość 10px?

[qdlaty88]

[HTML] pobierz, plaintext 
<div id="ff">tekst</div>
[HTML] pobierz, plaintext 

i w css:

[HTML] pobierz, plaintext 
#ff {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
[HTML] pobierz, plaintext 

[Qss]

po pierwsze co to jest znacznik h bo pierwsze słyszę może chciałeś użyć h1 lub p ?

[rad11]

[HTML] pobierz, plaintext 
<p>Dlatego też filozof z Uniwersytetu Jagiellońskiego broni się przed moralnymi ocenami polityka PiS. I choć Macierewicz "budzi ogromne zażenowanie i gniew", to Hartman dodaje: - Ale byłbym ostrożny z moralnym potępieniem.
 
Według sondażu MillwardBrown na zlecenie "Faktów" TVN 67 proc. Polaków nie wierzy, że katastrofa smoleńska była wynikiem zamachu. 23 proc. jest przeciwnego zdania. Ważne jest to, iż w porównaniu z ubiegłym rokiem zmalał aż o 13 pkt. proc. odsetek wierzących w zamach. Z kolei 12 proc. Polaków uznaje ustalenia zespołu Antoniego Macierewicza (PiS) za wiarygodne.
 
Według rozmówcy Onetu rzeczą, która w istotny sposób wpłynęła na spadek odsetka Polaków wierzących w zamach, jest publikacja zdjęć brzozy z powbijanymi w nią fragmentami skrzydła Tu-154. Oraz zdjęć tegoż skrzydła z wprasowanymi elementami tego drzewa.
 
- Nic tak nie przemawia do ludzi jak wyraźny obraz. Gdy zobaczyli czarno na białym tę brzozę, to odpuścili, a została już tylko garstka fanatyków, którzy tak mocno pragną, by był to zamach, że ważniejsze są dla nich ich własne emocji niż fakty - tłumaczy Hartman.
 
W opinii filozofa z UJ polityka informacyjna strony rządowej ws. Smoleńska jest coraz lepsza, więc i wiara w alternatywne wyjaśnienia jest mniejsza. Z kolei teraz czas pracuje na rzecz zdrowego rozsądku. - A występy Antoniego Macierewicza i jego tzw. ekspertów są już nawet dla mniej rozgarniętych ludzie groteskowe - ocenia.
 
Prof. Hartman dodaje jednak, że społeczeństwo jest informacyjnie bardzo podzielone. - Do dużej części ludzi docierają tylko Radio Maryja i "Nasz Dziennik" albo odpryski z tabloidów. Może się nam wydawać, że jeśli w głównych mediach coś powtórzy się 10 razy, to już wszyscy to wiedzą, ale tak nie jest. Jak ktoś żyje w pewnej niszy propagandowo-paranoidalnej to przeżywa zupełnie nam obce lęki i egzaltacje.</p>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
p{
    margin:10px;
}
[HTML] pobierz, plaintext 

[kosmos]

Już sobie poradziłem. Problem polegał na tym że miałem div`a takiego jak poniżej:

[HTML] pobierz, plaintext 
#cialolewe {
	float: left;
	width: 200px;
	line-height: 160%;
	background: #EEEEEE;
	display: table-cell;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-icab-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-icab-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
}
[HTML] pobierz, plaintext 

który jest odpowiedzialny za obszar w którym zanajduje się dinamiczna teść strony. Kiedy chciałem dodać do niego margin, cała strona mi się rozjeżdżała.

Nie wiem dlaczego, ale dopiero zrobienie osobnej klasy:

[HTML] pobierz, plaintext 
.marginesy{
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
[HTML] pobierz, plaintext 

i zamknięcie jej wewnątrz pierwszego div`a pomogło.

Ten post edytował kosmos 2.11.2013, 19:37:52

[valkirek]

#ff {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

Nie lepiej samo:

[HTML] pobierz, plaintext 
margin: 10px;
[HTML] pobierz, plaintext 

?(IMG:style_emoticons/default/tongue.gif)

[qdlaty88]

Nie lepiej samo:

[HTML] pobierz, plaintext 
margin: 10px;
[HTML] pobierz, plaintext 

?(IMG:style_emoticons/default/tongue.gif)

Spytał jak ustawić lewy, prawy, dolny i górny to napisałem jak ustawić lewy, prawy dolny i górny (IMG:style_emoticons/default/tongue.gif)