PDA

Zobacz pełną wersję : Komponent K2 oddzielenie art liniami


iopi
31-01-2012, 18:33
chciałbym artykuły wyświetlane jeden pod drugim rozdzielić liniami, czy da sie to zrobić ?
www.ksawerow.info (http://www.ksawerow.info)

thx za zainteresowanie
nikszal
31-01-2012, 18:50
Spróbuj dopisać sobie w k2.css

.latestItemView, .catItemView {
margin-bottom: 24px !important;
border-bottom: 1px solid #(kolor ramki);
}

Najprawdopodobniej będzie ta dolna ramka stykać się z tytułem następnego artykułu, więc trzeba pokombinować z marginesem górym <h2 class="latestItemTitle">
iopi
31-01-2012, 19:08
wkleiłem kod który mi podałeś, nie działa, wyglada to teraz następująco:

/* Latest items list */
div.latestItemList {padding:0 8px 8px 0;}

div.latestItemView {} /* this is the item container for this view */
.latestItemView, .catItemView {
margin-bottom: 24px !important;
border-bottom: 1px solid #999; to jest ten kod który dokleiłem
}
div.latestItemHeader {}
div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

span.latestItemDateCreated {color:#999;font-size:11px;}

div.latestItemBody {padding:8px 0;margin:0;}

div.latestItemImageBlock {padding:0;margin:0;float:left;}
span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.latestItemImage img {border:1px solid #ccc;padding:8px;}

div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.latestItemIntroText img {}

div.latestItemLinks {margin:0 0 16px 0;padding:0;}

div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.latestItemCategory a {}

div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;}
div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.latestItemTagsBlock ul.latestItemTags li a {}
div.latestItemTagsBlock ul.latestItemTags li a:hover {}


dzięki za pomoc
nikszal
31-01-2012, 19:22
Nie działa, bo nie widzę dopisanej tej linii

Edytowałem Twój arkusz w Web Developer i dziala bez pudła. Zmiany wyróżnione są kolorem niebieskim.

.catItemView { margin-bottom: 24px!important; padding-bottom: 10px; border-bottom: 1px solid #666; }
iopi
31-01-2012, 19:47
/* Latest items list */
div.latestItemList {padding:0 8px 8px 0;}

div.latestItemView {} /* this is the item container for this view */
{padding:4px;border-bottom:3px dotted #ccc;}
{ margin-bottom: 24px!important; padding-bottom: 10px; border-bottom: 1px solid #666; }
div.latestItemHeader {}
div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}


ok wkleiłem ale nie wiem czy dobrze bo efektu nadal nie mam.

może coś jednak nie tak robie
nikszal
31-01-2012, 19:56
może coś jednak nie tak robie
Pewnie, że źle. To ma być klasa .catItemView

.catItemView { margin-bottom: 24px!important; padding-bottom: 10px; border-bottom: 1px solid #666; }

Ten zapis jest błędny, bo nie odnosi się do żadnej klasy
{ margin-bottom: 24px!important; padding-bottom: 10px; border-bottom: 1px solid #666; }

Jak chcesz to zaklikaj do mnie na gg - 4599073.
iopi
31-01-2012, 22:07
Wielkie podziekowania za pomoc, brakowało klasy, przy okazji naprawiliśmy pare innych rzeczy w moim .css
jeszcze raz dzieki.

męczyłem kolege 2 godziny na gg:up: