Wygląd dodawanych mediów "moje media"

[osukaru]

Witam,

 

czy spotkał się ktoś już z tym, że pod dodaniu przykładowo zdjęcia z galerii poprzez "Moje media" do posta/tematu, dodaje się tak jak poniżej.

 

Czyli zdjęcie jest w dobrym miejscu, ale tekst jest przesunięty poniżej zamiast ładnie obok...
Gdzie to można zmienić/poprawić ?

Pozdrawiam

[DawPi]

Witaj,

na każdym skinie tak jest? Na każdej rozdzielczości?

[osukaru]

Tak, w każdym skinie tak samo, na innych przeglądarkach również.

 

Zauważyłem, że jak strona się ładuje to przez sekundę jest ok a potem się rozjeżdża... próbowałem w firebug ogarnąć co jest nie tak ale jakoś nie mogę dojść do tego :/
 

Edytowane 15 Kwietnia 2013 przez osukaru

[teez]

Link do forum.

[osukaru]

http://wlkpnalegalu.pl/topic/324-test/

[DawPi]

.bbcode_mediaWrap .details {

Dodaj do tego:

float: right;

[osukaru]

ta zmianę dodać w ccs ipb_common tak? tylko tam znalazłem

Dodałem tam i tak nie do końca jest efekt... tekst przestawił się do prawej strony tabelki (nie wszystkie)
Nie jest tak normalnie za zdjęciem :/

 

Zauważyłem, że tekst jest ok po usunięciu szerokości na sztywno tabelki :
 

._sharedMediaBbcode {
	width: 500px;

Wtedy wygląda to nawet ok ale to raczej obejście, niż rozwiązanie problemu...

Edytowane 15 Kwietnia 2013 przez osukaru

[DawPi]

Spróbuj z marginem, paddingiem..

[osukaru]

Nie ogarniam jednak ;p
Pójdę chyba na łatwiznę i usunę szerokość tabeli

Edytowane 15 Kwietnia 2013 przez osukaru

[DawPi]

Nie dodawaj do tego nic. Dodaj do tego co napisałem wyżej.

[osukaru]

.bbcode_mediaWrap .details {
	color: #616161;
	font-size: 12px;
	line-height: 1.5;
	margin-left: 15px;
        float: right;

Oraz usunięte w ._sharedMediaBbcode

width: 500px;

Efekt tekstu do obrazka jest taki jak chcę

Efekt negatywny to tylko mniejsza ramka dopasowana do tekstu

[osukaru]

Ucieszyłoby mnie bardzo nawet to rozwiązanie gdyby wszystkie przeglądarki wyświetlały to prawidłowo... ale chrome jakoś nie łapie nowych ustawień :/

[osukaru]

Ok udało się ogarnąć i chrom'a.

Wygląda to tak:

 

.bbcode_mediaWrap .details {
    width: 450px;
    color: #616161;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
        float: left;
}

Oraz usunięte w ._sharedMediaBbcode

width: 500px; 

Dadane w img.bbc_img {

float: right;

Się trzeba jak zwykle namęczyć