Pytanie do sgk i ols

[pink_not_dead]

Przepraszam z miejsca, ze zawracam wam glowe ale mam problem z blogiem na ktory do tej pory
nie byl w stanie odpowiedziec mi nikt na forum - w momecie dodawania kolejnych wpisow do bloga
wpisy poprzednie przesuwaja sie calymi blokami w prawo (niezaleznie od szablonu jakiego uzywam)
w efekcie kolumny tekstowe zaczynaja sie deformowac a obrazki wypadac poza szpalte bloga.
(powiniennem dolaczyc wam zrzuty ekranowe ale nie wiem jak to zrobic na forum)

Jak na razie poradzilem sobie z tym polowicznie tzn. wycinajac z CSS opis boxu wpisu .BlogWpisBox
{margin: 8px 12px 5px 25px} badz zamieniajac w nim standardowe parametry na .BlogWpisBox
{margin: 8px 12px 5px 0px} udalo mi sie uzyskac rowna kolumne ale za to calkowicie pozbawiana
marginesow (co mozna zobaczyc aktualnie na moim blogu pinknotdead.blox.pl/html) i to jest
opcja z jakiej chwilowo kozystam, aczkolwiek brak marginesow jest nieco uciazliwy dla czytajacego.

To tak - moze to oczywiscie zostac tak jak jest ale troche nie daje mi spokoju fakt, ze nie rozumiem
dlaczego tak sie dzieje.

Jezeli macie jakis pomysl to prosze o komentarze

Maurycy

[cito1]

Dlaczego uciążliwe dla czytającego? Wróciłam z Twojego bloga nic mnie nie
zmęczyło, no może trochę ten pink )) Pomysł super, ale co jak braknie tematu?

[sgk]

Trochę teoretycznie:
Problem jest w tym, że atrybut margin mówi o odległościach między poszczególnymi
obiektami. Jeżeli dla powtarzającego się elementu (wpis) dajesz margines, to
mogą się one między sobą nakładać powodując przesuwanie w schodki (przypuszczam,
że o to chodzi...).
Dlatego zastosuj atrybut padding, który jest coś w rodzaju marginesu
wewnętrznego w obiekcie. Zasadniczo nie powinien on zmieniać rozmiaru obiektu, a
jedynie "ściskać" to co jest w jego środku (choć czasem w IE to bywa różnie).

Krótko mówiąc:
W CSS, między wpisy .BlogWpisBox {...} a .BlogWpisTresc a {...} dodaj
następującą linię:

.BlogWpisTresc {
padding: 3px;
}

Wartość może być dowolnie wybrana przez Ciebie.
Możesz też wpisać 4, kolejno dla górnej, prawej, dolnej i lewej strony.
Poeksperymentuj...
Pamiętaj, że klasa BlogWpisBox dotyczy zarówno tytułu, daty, autora, kategorii,
itp wpisu, a BlogWpisTresc tylko samej treści notki.

Pomogło?

Zdaje się, że masz sieczkę w kodzie HTML

[s.z.y.m.o.n]

Czym edytujesz bloga? - Masz sieczkę w kodzie HTML.

Po pobieżnym przejrzeniu kodu wydaje mi się, że nie domykasz znaczników DIV, w
których umieszczasz obrazki. Powoduje to, iż kolejne wpisy są przez przeglądarkę
traktowane jako podelementy pierwszego wpisu i marginesy sumują się.

Wstawiasz też wiele niepotrzebnych znaczników, np. chcąc przejść do nowej linii
wystarczy wstawić znacznik BR (ewentualnie dwa) lub zastosować nowy paragraf
(P), a nie jak to robisz dodatkowo umieszczać BR wewnątrz DIV.

Jeżeli mam rację, to uzyskanie pożądanego przez Ciebie wyglądu bloga, bez edycji
większości wpisów, będzie trudne do uzyskania.

Dzieki !

[pink_not_dead]

Super dzieki wszytskim za rady. Tak sugestie sgk jak szymona wydaja mi sie sensowe sprobuje
najpierw edycji css-a a jak to nie pomoze zabiore sie za edycje wpisow (jestem cierpliwy) - pracuje w
edytorze prostym - z niezrozumialych dla mnie wzgledow zaden edytor zaawansowany nie chodzi na
moich macach ani pod Safari, ani pod Opera czy Firefoxem a IE na maca niestety juz nie istnieje) Co do
wyczerpania tematu to projek PND! ciagne od 2 lat i mam w planie jeszcze rok - jeszcze jedna wystawa
i wydanie albumu wiec o ile czytelnikom sie nie znudzi to materialu b.roznorodnego raczej nie
zabraknie

Dam znac jak ukrece leb tym schodom

dzieki raz jeszcze i pozdrawiam

maurycy

Jednak ciagle nie dziala

[pink_not_dead]

Czesc

No wiec tak: za rada szymona wyedytowalem wszystkie wpisy w blogu zamieniajac wszedzie

<div><br /></div><div>

na

<br><br>

tak wiec przykladowy wpis wyglada nastepujaco:


<br><br>
Too Pink To Die
<br><br>
<img src="/resource/TOO_PINK.jpg">
<br><br>
PLAY VIDEO
<br><br>

to niewatpliwie byl moj blad - jestem swierzakiem w html - bloguje od niecalych trzech tygodni. Mimo
to blog pod dodaniu parametrow

.BlogWpisBox {margin: 8px 12px 5px 25px}

ciagle mial schody, postapilem wiec zgodnie z rada sgk i dodalem między wpisy .BlogWpisBox {...}
a .BlogWpisTresc a {...}

następującą linię:

.BlogWpisTresc {
padding: 3px;
}

i klapa - blog ciagle mial schody niezaleznie od zmiany parametrow. Nie umre od tego blog w koncu
da sie czytac i wyglada OK - po prostu irytuje mnie fakt, ze nie wiem co schrzanilem.

Nie jestem pewien czy zlapalem o co chodzi z domykaniem znacznikow div w ktorych umieszczam
obrazki - ja tam w ogole nie mam takich znacznikow - moze to jest moj blad - moze moglibyscie
zerknac na wpis, ktory tu umiescilem i skorygowac to co w nim nie jest ok?

raz jeszcze dzieki bardzo za pomoc

pozdrawiam

maurycy

[s.z.y.m.o.n]

Chyba nie do końca zrozumiałeś o co mi chodziło. To nie znaczniki BR były
przyczyną błędu w wyświetlaniu, ale niedomknięte znaczniki <div>. Gdzieś w
kodzie każdego (większości) z postów masz wstawiany znacznik <div>, dla którego
brakuje znacznika zamykającego </div> i to właśnie jest przyczyną błędów w
wyświetlaniu bloga.

Przyjrzałem się troszkę arkuszowi CSS z Twojego bloga i zdaje się znalazłem
rozwiązanie (dorywcze, bo jednak kod należałoby poprawić).
Jeżeli masz jeszcze arkusz CSS przed wczorajszymi zmianami to zmień w nim styl
dla elementu o id BlogSzerokaSzpalta na następujący:

#BlogSzerokaSzpalta {border-left: 1px solid #DADADA; padding: 0 20px 10px 20px}

oraz dodaj następującą linię:

#BlogTytulBox, #BlogKategorieBox{margin: 0 -20px 0 -20px}

pozdrawiam
Szymon

[pink_not_dead]

Dzieki

Sprobowalem i wydaje mi sie, ze tedy droga - bede musial na tym jeszcze troche posiedziec bo przy
bezposrednim zastosowaniu twojej rady Boxy tytulu i kategorii wyjezdzaja mi poza szpalte a po lewej
stronie pojawia sie niedomknieta kolumna koloru - jak tylko wykaraskam sie z zobowiazan
zawodowych to przysiade na tym konkretnie.

super dzieki raz jeszcze

maurycy

[s.z.y.m.o.n]

Sprawdzałem pod IE, Firefoxem i Operą i było OK.
Cóż do Maca dostępu nie mam, a wygląda na to, że dla niego niezbędna jest jakaś
dodatkowa sztuczka.
Napisz pod jaką przeglądarką masz ten efekt (Safari, IE dla Maca ..), to może
się coś wymyśli.

Pozdrawiam
Szymon

Szymon

[pink_not_dead]

Szymon

Dzieki za opowiedz. Blad wystepuje pod kazda przegladarka tzn. Safari, Opera i Firefox bo IE odkad
wszedl na maca sysyem 10.4 nie jest juz aktualny. Co zauwazylem jeszcze to to, ze w stronach
wewnetrznych (edycji, css etc.) tez mam blad polegajacy na przesunieciu - link wyloguj i dolna ramka
sa wyrzycone w prawo poza szpalte. Dziekuje ci bardzo za zainteresowanie - w tej chwili to juz nie tyle
realny problem dla mnie ile chcec rozwiklania zagadki.

pozdrawiam serdecznie

Maurycy

[s.z.y.m.o.n]

Niezła łamigłówka była, ale teraz powinno działać
Popraw

body {margin-left: 0px; background: #F6C
url(pinknotdead.blox.pl/resource/STRIPES_02.gif) repeat; color: #333;
font: normal 13px Tahoma; margin: 0}

#BlogGlownyBox {background-color: #F9C; width: 732px; border-left: 1px solid
#DADADA; border-right: 1px solid #DADADA}

#BlogTytulBox {background-color: #FF77CC;border-bottom: 1px solid #DADADA}

#BlogSzerokaSzpalta{border-left: 1px solid #DADADA; padding: 0 20px 10px 20px}

#BlogKategorieBox {font-size: 11px; padding: 12px 12px 6px 20px; border-bottom:
1px solid #DADADA}

#SkomentujBox {margin-right: 12px; padding-top: 8px; padding-bottom: 8px}

#SkomentujBoxEtykieta {padding: 8px 0 8px 20px; border-bottom: 1px solid
#DADADA; font-size: 11px}

oraz dodaj

#BlogTytulBox, #BlogKategorieBox, #SkomentujBoxEtykieta{margin-left: -20px;
margin-right: -20px}

Pozdrawiam
Szymon