PDA

Zobacz pełną wersję : Linie oddzielające artykuły - jak zrobić?



ewqa
01-05-2011, 21:09
Nie wiecie może co zrobić aby mieć takie rozdzielenia między artykułami jak na tej stronie (http://www.papilot.pl)?

U mnie na stronie (http://www.psychoszminka.pl) nie ma takich lini oddzielających artykuły. Co powinnam zmienić w css? :) Tak właśnie się zastanawiam :zagubiony:
A jak bym chciała cały wstęp na głównej wziąć w ramkę?

a_m
01-05-2011, 21:25
masz w szablonie i w css article_separator dpisz sobie, żeby było display: block + np. border-top; no i potem zabawa height i line-height, no i może dopisać marginesy


A jak bym chciała cały wstęp na głównej wziąć w ramkę? czyli wszystko - tytuł + fofo + tekst?

ewqa
01-05-2011, 21:33
masz w szablonie i w css article_separator dpisz sobie, żeby było display: block + np. border-top; no i potem zabawa height i line-height, no i może dopisać marginesy

czyli wszystko - tytuł + fofo + tekst?
Tak, ale ten wstęp - na głównej, nie cały tekst po więcej

a_m
01-05-2011, 21:40
czyli w ramce tekst bez foto, tytułu, obrazka ? ( na głównej)

ewqa
01-05-2011, 23:02
Z foto i tytułem

---------- Post dodany o 21:02 ---------- Poprzedni post był o 20:42 ----------

OK, chyba wiem o co chodzi, to bym musiała dodać border left, bottom jakbym chciała ramkę? Dzięki :) Tylko jeszcze nie wiem ja zrobić odstęp, bo ramka jest za blisko słowa więcej i nieestetycznie to wygląda.

larry_krk
01-05-2011, 23:36
Tylko jeszcze nie wiem ja zrobić odstęp@ewqa ... podam Ci tylko link i powstrzymam się od komentarzy, ok ? sprawdź >tutaj< (http://www.kurshtml.edu.pl/css/) . hasło na dziś border, margin, padding, ale zaznajom się z całością na tej, lub na dowolnej innej stronie.
------

Dobrej nocy.

ewqa
02-05-2011, 11:24
Ale ja odstęp to wiem jak zrobić tylko nie wiem między czym a czym

alex51
02-05-2011, 12:31
Może dodaj własność margin (co sugerował już wcześniej @a_m) i zmień wartość dla border-top z mm na px:


.article_separator {
border-color: #006393;
border-top: 2px solid #006393;
display: block;
height: 35px;
line-height: 35px;
margin: 10px 0 0 0;
}
Zwiększając wartość marginesu górnego z 10px na wyższą zwiększysz odstęp linii rozdzielającej od poprzedzającego nią artykułu.

ewqa
02-05-2011, 12:47
---------- Post dodany o 10:47 ---------- Poprzedni post był o 10:38 ----------

O dziękuję :)