Kilka problemów z CSS

artur_m

Witam! Postanowiłem zmienić szablon swojego bloga, ponieważ obecnie wydaje się on być nieco przestarzały. Na podstawie jednego z szablonów "fabrycznie" bloksowych stworzyłem nowy - probny21.blox.pl (nie mogę podawać linków, więc muszę to robić w ten sposób). Oczywiście natknąłem się jednak na kilka problemów - byłbym wdzięczny za wszelką pomoc w ich obejściu.

A oto i problemy:
1. Szablon "rozjeżdża się" w IE - szczególnie dotyczy to kwestii ikony RSSów i całego elementu BlogRSS, który w IE po prostu się nie pojawia. Zapewne ma to związek z tym, że położenie tego elementu jest ustalone za pomocą parametru margin i to jeszcze z wartością minusową. Czy da się w jakikolwiek inny sposób niż powyższy przenieś ten element na lewą stronę boksu z kategoriami?

2. Z niewiadomych mi przyczyn, szeroka szpalta nie sięga "dna" głównego boksu - pozostaje duży margines w kolorze tego drugiego (a więc szarym), co wygląda nieco dziwnie, no i w szablonie nie ustawiałem tego typu marginesów. Wydaje mi się, że rozwiązaniem mogłoby być ustawienie koloru głównego boksu na biały, ale wtedy analogiczny problem dotyka waskiej szpalty - kończy się w połowie wysokości strony, zamiast dochodzić do jej końca. Czy da się temu jakoś zaradzić?

3. Może to nie problem, ale fajnie byłoby mieć "klikalny" tytuł, pomimo tego, że jest on obrazkiem. Wiem, że w kilku szablonach Katemac istnieje coś takiego, ale nie mam pojęcia jak to zrobić. Czy to jest dodatkowa warstwa z obrazkiem ustawiana nad tytułem z CSSa już poprzez pole na HTML, czy robi się to jakoś inaczej?

Z góry dzięki za pomoc!

Pozdrawiam,
Artur

EDIT: Problem 2 rozwiązany - po prostu jeszcze raz wgrałem szablon, na którym się oparłem. Ale reszta nadal aktualna.

irytek05

Szeroka szpalta może nie dotykać krawędzi strony jesli wpisałeś jej dopełnienie bottom, lub margines bottom. A moze masz stopkę?
To po pierwsze, a po drugie, ten obrazek tytułowy razem z napisem.
Ja robię to tak, że w #BlogTytulBox określam wielkość obrazka, ustawiam padding na zero, margin na auto np:
#BlogTytulBox {
border: 1px solid red;
padding:0;
margin: 0 auto;
height: 235px;
width: 730px;
}
Sam obrazek umieszczam w #BlogTytulText, pozycjonuję absolutnie, ustalam top na ileś pikseli i left na auto. Oczywiście tytuł bloga muszę zmniejszyć do 1 pixela, aby nie był widoczny (musi być, bo potrzebne nam linkowanie), color tytułu dajemy odpowiedni do tła, aby stał się jak najmniej widoczny. Przykładowy zapis:

#BlogTytulText {font-family: 'Century Gothic', georgia;
padding-top: 0px;
padding-left: 0px;
font-size:1px;
text-align: left;
background: url(/resource/nagloweknowy1.gif) no-repeat top center;
position: absolute; top: 34px; left:auto;

}
Mam nadzieję, że poradzisz sobie:)

artur_m

Dzięki za odpowiedź!

Szablon już wdrożyłem u siebie - rzutoka.blox.pl (nadal nie mogę podać linka w cywilizowany sposób Wink

), mimo iż miał kilka niedociągnięć. Problem z rozjeżdżaniem się szablonu w IE rozwiązałem (chodziło o różnice w interpretacji margin, padding i position:absolute w IE).

Z tym obrazkiem sprawdzę później - ale bardzo dziękuję Smile

Nadal jednak występuje problem ze zbyt krótką szeroką szpaltą - widać to choćby wtedy, gdy w danej kategorii jest tylko 1 wpis - rzutoka.blox.pl/html/1310721,262146,21.html?448147 . Dla tego elementu nie mam ani padding-bottom, ani margin-bottom. Nie mam też stopki (w ogóle brak takiego elementu w CSSie - a robiłem szablon na podstawie szablonu Connections). Wiesz więc co może być przyczyną tak dziwnego zachowania? Może ten brak stopki - nawet ukrytej, o wysokości 0px?

irytek05

Sprawdziłam i widzę, że masz Stopkę Smile

Jest pod BlogBodyBox, tylko ktoś ją wyłączył, wpisując display: none; Wink

To, że masz krótką szeroką szpaltę na stronie komentarzowej, to jest rzecz normalna. Notka jest krótka, a stronę rozciągnęła długa lista dodatków pod wąską szpaltą. Tak się dzieje we wszystkich szablonach. Im większa jest różnica w kolorze tła między szeroką szpaltą a resztą bloga, tym bardziej jest to widoczne.
Jedyna rada, to "krótka" wąska szpalta, lub jednolite tło na blogu. Albo dłuższe notki:)

artur_m · Wysłany: Nie 15:19, 01 Mar 2009 Temat postu:

Dzięki! Stopkę dodałem, bo bałem się, że to brak tego elementu sprawia, że działa to tak, a nie inaczej. Zauważyłem ciekawą rzecz - np. w jednym z szablonów udostępnionych przez Katemac - 45szablonkatemac.blox.pl/html nie ma takiego problemu, mimo iż wąska i szeroka szpalta mają różne kolory... Z tym, że ani wąska ani szeroka szpalta nie mają koloru, za to BlogBodyBox ma ustalone tło, wypozycjonowane do lewej strony i mające działać, jako tło wąskiej szpalty... Spróbuję coś takiego zrobić u siebie - dzięki za pomoc w obu sprawach!

Aha - a czy masz może jakieś uwagi do szablonu, który stworzyłem? Czy coś w nim zmienić? (Oprócz linków - sam wiem, że trzeba coś w nich zmienić Smile

). Będę wdzięczny za wszelkie sugestie!

Pozdrawiam,
Artur

EDIT: Zrobiłem tak jak w tym szablonie i działa tak, jak chciałem. Wystarczyło zrobić plik o szerokości i kolorze takim jaki miała mieć wąska szpalta, a wysokości 1 lub 2px; ustawić go jako tło, powielane w osi Y. I voila Smile

irytek05 · Wysłany: Nie 16:05, 01 Mar 2009 Temat postu:

Artur, w szablonie swoim Katemac zastosowała powtarzający się plik graficzny. W programie graficznym tworzy się tło na którym zaznaczasz kolor szerokie i wąskiej kolumny. Wystarczy wąski pasek. W BlogBodyBox umieszcza się go, a on powielając się w dół (repeat-y), tworzy wizualną wąską szpaltę sięgającą stopki. Stopka w tym szablonie też jest grafiką.
Przypatrzyłam się Twojemu szablonowi i nie mam zastrzeżeń ani do wykonania, ani do pomysłu. Nawet bardzi mi się spodobał pomysł nagłówka:) Linki tez wydają mi się w porządku (nastawiłeś zwijanie zakładek na otwarte dwie pierwsze, ciekawie to wygląda), ale jeśli masz inne pomysły, to próbuj:)
Pozdrawiam! irytek

artur_m · Wysłany: Pon 16:47, 02 Mar 2009 Temat postu:

Boże, ależ to nielogiczne Smile

Dobrze, że da się to jednak obejść w sposób taki, jak opisałaś!

Cieszę się, że szablon Ci się podoba - cały czas troszkę go modyfikuję, aby był bardziej "przyjazny" użytkownikom. Pod względem koncepcji nic już się nie zmieni - tylko ten "klikalny" nagłówek chciałbym jakoś zrobić i byłoby już okej. Niestety, po krótkich próbach zarówno Twojego sposobu, jak i tego Katemac nadal nie udało mi się tego przezwyciężyć. Ale na razie nie mam więcej czasu żeby nad tym przysiąść.

Tak czy inaczej - dziękuję serdecznie za pomoc!