Bajki dla przeglądarek, co czyta IE, a co FF?

[chrisf]

...rady
Mam problem( pewnie jak tysiace kobiet i męzczyzn w moim wieku ) śledze internetowe fora, ale jak na razie nie znalazłem odpowiedzi. Problem pewnie został juz rozwikłany przez moich dziadków i w tysiacach wersjach, ale ja jestem amatorem i nie ruszyłem jeszcze pełną parą itp itd, a i postanowiłem ułatwić sobie życie( bo forum jest całkiem fajne):).

FF i Opera czyta, a IE nie. Probuje stworzyc wewnętrzny margines, ktory da małą obwódkę i odstęp od "borderu" wokół zdjęć. jak nakłonić iE do współpracy?

.mosimage {
padding: 1px 1px 1px 1px;
border: 1px solid #5e9a01; -to nie przechodzi pod IE

[magic]

Masz 2 możliwości:

1. Użyć CSS (jak w pytaniu). Polecam zestaw artykułów w Pomocy: http://www.pomoc.joomla.pl/pomoc/index.php/content/category/5/46/30/
a jak to nie pomoże: http://www.pomoc.joomla.pl/pomoc/index.php/content/category/5/46/30/

2. Do wstawiania fotek uzywać edytora tekstu dla Joomla!, który potrafi dla wstawianej fotki dodać odstęp i ramkę. Np. MosCE (chyba JCE też potrafi, i inne ...).

Ta pierwsza opcja jest lepsza, bo zrobisz raz (a dobrze) i będzie jak chcesz, druga wymaga pobrania i zainstalowania edytora, no i może nie działać dobrze z niektórymi templatkami.

P.S. Nie wyklucza to, że ktoś (fachowiec od CSS?) może zaproponuje tutaj konkretny zestaw definicji CSS ... Zapraszam fachowców :)

[chrisf]

MosCE własnie nie dawał mi tego efektu, wiec stworzyłem oddzielną klase w css. ale Ie z tym nie radzi ... no cóż poczytam moze inny edytor .. nie wiem ...

[Rybik]

cały figiel polega na tym ze mosimage wchodzi jako pierwsza a potem nadpisują ja inne ustawienia
/mambots/content/mosimage.php


// assemble the <image> tag
$image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $attrib[0] .'"'. $size;
// no aligment variable - if caption detected
if ( !$attrib[4] ) {
$image .= $attrib[1] ? ' align="'. $attrib[1] .'"' : '';
}
$image .=' hspace="6" alt="'. $attrib[2] .'" title="'. $attrib[2] .'" border="'. $border .'" />';
// assemble caption - if caption detected
if ( $attrib[4] ) {
$caption = '<div class="mosimage_caption" style="width: '. $width .'; text-align: '. $attrib[6] .';" align="'. $attrib[6] .'">';
$caption .= $attrib[4];
$caption .='</div>';
}
// final output
if ( $attrib[4] ) {
$img = '<div class="mosimage" style="border-width: '. $attrib[3] .'px; float: '. $attrib[1] .'; margin: '. $params->def( 'margin' ) .'px; padding: '. $params->def( 'padding' ) .'px;'. $width .'" align="center">';
// display caption in top position
if ( $attrib[5] == 'top' ) {
$img .= $caption;
}
$img .= $image;
// display caption in bottom position
if ( $attrib[5] == 'bottom' ) {
$img .= $caption;
}
$img .='</div>';
} else {
$img = $image;
}

to fragment pliku odpowiedzialny za konstrukcje mosimaga, moze to tak ametoda na bezczelnego ale ja bym dolozyl jakis znacznik klasy w tagu <img> i potem to formatował w cssie. Albo na sztywno mu tam sypnąć biały border, margines etc...

Marginesy zachowuja sie bardziej stabilnie w roznych przegladarkach niz paddingi ...

Najeleganciej byloby dostac sie do tagu <img> bez grzebania w kodzie czyli z cssa tylko mam teraz jogurt z mózgu po pracy i nie pamietam jak sie toto składa do kupy. Ma być tak, że formatowanie ma dotyczyć każdego <img> wewnątrz klasy mosimage, czyli jakieś:


img.mosimage {
padding: 1px 1px 1px 1px;
border: 1px solid #5e9a01;
}


Nie zapomnij też o tym, że zastosowanie klasy mosimage jest opcjonalne, obrazki bez ustawionego podpisu sa formatowane bezposredniow tagu img, a tylko te z podpisem przez divke z klasą ;) więc jednak trzeba uruchomic paluszki :p

[chrisf]

Albo na sztywno mu tam sypnąć biały border, margines etc...

Marginesy zachowuja sie bardziej stabilnie w roznych przegladarkach niz paddingi ...
Dzieki brzmi to zachęcająco- jutro rusze na polowanie, a otym borderze w kolorze tła myślałem. Fajnie, stokrotne dzieki Rybik, jak cos urodze to napisze
. Zapewne pójde na skróty- zdefinije dwie klasy ( dwa tła w templetce gdzie będą "zdjątka") i dosypie cos w kolorze tła. ( a pózniej wybór w edytorze Mosce) Na ten numerek z kodami w mosimige .php wybiore sie przy okazji jak trochę urosnę chyba, że będe musiał wcześniej.

[Rybik]

przypomnij mi sie na maila za tydzien to poszperam ;)

[chrisf]

mosimage {
padding: 1px 1px 1px 1px;
border: 1px solid #5e9a01; -tegi Ie nie czyta

ale to juz tak :

<table class="bg01" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td bgcolor="#ffffff"><img src=... (gdzie bg.01 to wymyślona klas w css-ie
.bg01 {
background-color: #5e9a01;} - to tak na oko

sposbów jest wiele
zabawa w edytorze z funkcją wstaw tabelę i wstaw obraz daje wiele mozliwosci na osiągnięcie pożądanego efektu. Tylko edytuje sie trochę cięzko...

[magic]

MosCE własnie nie dawał mi tego efektu...
A próbowałeś zastosować razem z podpisem pod zdjęcie? ;)

[chrisf]

Oj,
Magic ty chyba jesteś zakochany...