Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Zły wygląd na Mozilli
#1
Mam taki problem

Oto jak wygląda rozmieszczenie obrazków na Operze i co mnie zdziwiło najbardziej nawet na IE:

[Obrazek: dt-713042394069.png]

A oto wygląd rozmieszenia obrazków na Mozilli:

[Obrazek: dt-513042394077.png]

I moje pytanie. Dlaczego i jak to poprawić?
Odpowiedz
#2
hmm.... przydał by się kod w jaki sposób umieściłeś te obrazki. Bez tego będziemy gdybać i 100 lat Smile
Odpowiedz
#3
Kod css:
Kod:
.jestesmyna{
width: 100%;}
.jestesmyna1{
width: 20%;
float: left;
}
.jestesmyna2{
width: 10%;
float: right;
}

Kod HTML:
Kod:
<div class=jestesmyna>
<div class=jestesmyna1>



<a href="http://nk.pl/profile/26001734"><img src="http://eminempolska.pl/ikony/nk2.png" alt="NK" border="0" onmouseover="this.src = 'http://eminempolska.pl/ikony/nk.png'" onmouseout="this.src = 'http://eminempolska.pl/ikony/nk2.png'">
</a>
<a href="http://eminempolska.pl/portal/index.php?format=feed&type=rss"><img src="http://eminempolska.pl/ikony/rss2.png" alt="RSS" border="0" onmouseover="this.src = 'http://eminempolska.pl/ikony/rss.png'" onmouseout="this.src = 'http://eminempolska.pl/ikony/rss2.png'">
</a>



</div>
<div class=jestesmyna2>

<a href="http://www.facebook.com/pages/EminemPolska/145854655480270"><img src="http://eminempolska.pl/ikony/facebook2.png" alt="Facebook" border="0" onmouseover="this.src = 'http://eminempolska.pl/ikony/facebook.png'" onmouseout="this.src = 'http://eminempolska.pl/ikony/facebook2.png'">
</a>

</div>
</div>

Nie jestem bardzo dobry w te klocki, dlatego kody wyglądają tak a nie inaczej Big Grin
Odpowiedz
#4
yhmm, to jeszcze napisz jak byś chciał aby te buttony sie układały
Odpowiedz
#5
dwa po lewej, jeden po prawej. Tak jak na operze ;D
Odpowiedz
#6
u mnie na operze, ie, ff, chrome wszystko wygląda tak jak chcesz. Ale dodałem kilka linijek do css. Jak będzie ok to wywal wpis o ramce Wink

Kod:
.jestesmyna{
width: 100%;
}
.jestesmyna1{
width: 45%;
float: left;
border: solid;
text-align: left;
position: relative;
}
.jestesmyna2{
width: 45%;
float: right;
border: solid;
text-align: right;
position: relative;
}
Odpowiedz
#7
Ok teraz działa, wielkie dzięki Big Grin i oczywiście plusik :d
Odpowiedz
#8
cieszę się, że mogłem pomóc
Odpowiedz
#9
Na IE nadal widzę są problemy...
____________________________________
niski zus
Pozdrawiam, karski1
Zapraszam na mojego Pinteresta!
https://pl.pinterest.com/hist_pl_yt
Odpowiedz
#10
Coś widzę, nie za bardzo ludzie na tym forum zainteresowani programowaniem?
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości