Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Kodowanie obrazków w jednym rzędzie  (Przeczytany 1558 razy)

Haymitch

  • Nowicjusz
  • *
  • Wiadomości: 8
  • Reputacja: 0
    • Zobacz profil
    • Hunger Games Polska & Divergent Polska & MovieFanatics.pl
Kodowanie obrazków w jednym rzędzie
« dnia: 16 Maj 2015, 16:29:21 »
Hej!
Tworzę właśnie nowy szablon dla mojej strony i w związku z tymi nowymi reklamami postanowiłem znaleźć dla niej odpowiednie miejsce.
Powiedzcie, jakie kody wstawić do header.php w WordPressie, by: po lewej znalazło się zdjęcie, w środku znalazła się reklama (i tu potrzebny mi jeszcze dodatkowy kod) i by po prawej znalazło się kolejne zdjęcie. Macie jakieś pomysły? Wrzucam załącznik, by jaśniej Wam to przedstawić. :)
<nagłówek mam już zakodowany tylko stoję z pracą przy tym poniżej>
“If someone tells you to change yourself, tell them to go fuck themselves.”

B△stille

  • Fanik
  • **
  • Wiadomości: 191
  • Reputacja: 1
    • Zobacz profil
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #1 dnia: 16 Maj 2015, 19:36:48 »
osadź jako osobny element ustawiając indywidualne wartości

Haymitch

  • Nowicjusz
  • *
  • Wiadomości: 8
  • Reputacja: 0
    • Zobacz profil
    • Hunger Games Polska & Divergent Polska & MovieFanatics.pl
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #2 dnia: 16 Maj 2015, 20:16:34 »
B△stille, a mógłbyś bardziej łopatologicznie mi to wyjaśnić? :/ ;)
“If someone tells you to change yourself, tell them to go fuck themselves.”

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #3 dnia: 16 Maj 2015, 21:13:41 »
Ja zrobiłbym tak:
<div class="image01"><img src="..."></img></div>
<div class="reklama">[[reklama]]</div>
<div class="image02"><img src="..."></img></div>
<div class="clear"></div>

CSS:
div.image01{
float: left;
display: block;
}
div.reklama{
float: left;
display: block;
}
div.image02{
float: left;
display: block;
}
div.clear{
clear:both;
}
Do you want more?


Haymitch

  • Nowicjusz
  • *
  • Wiadomości: 8
  • Reputacja: 0
    • Zobacz profil
    • Hunger Games Polska & Divergent Polska & MovieFanatics.pl
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #4 dnia: 16 Maj 2015, 22:54:52 »
Ja zrobiłbym tak:
<div class="image01"><img src="..."></img></div>
<div class="reklama">[[reklama]]</div>
<div class="image02"><img src="..."></img></div>
<div class="clear"></div>

CSS:
div.image01{
float: left;
display: block;
}
div.reklama{
float: left;
display: block;
}
div.image02{
float: left;
display: block;
}
div.clear{
clear:both;
}

Wyświetlają się schodki. :/ Gdzie problem?Zajrzyjcie w załącznik. :( Sidebar jest o kilka centymetrów w lewo od nagłówka, tak samo jest z drugim zdjęciem. Może to przez to?
“If someone tells you to change yourself, tell them to go fuck themselves.”

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #5 dnia: 16 Maj 2015, 23:04:09 »
A ile pikseli ma główny box w którym chcesz umieścić oba zdjęcia + reklamę? Czy jest on równy wymaganym wymiarom? Bo ja masz za małego div'a to nie dziwię się, że elementy są przesunięte. Musiałbym zobaczyć to online, aby stwierdzić co może być przyczyną zaistniałem sytuacji.

Po za tym nie wiem czy reklama zawsze ma stały wymiar (bo to też ma wpływ na wyświetlanie się elementów). Niektóre reklamy mogą mieć 750x200 a z kolei inne już większy lub mniejszy rozmiar ( w zależności od treści banneru).
Do you want more?


Haymitch

  • Nowicjusz
  • *
  • Wiadomości: 8
  • Reputacja: 0
    • Zobacz profil
    • Hunger Games Polska & Divergent Polska & MovieFanatics.pl
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #6 dnia: 16 Maj 2015, 23:07:31 »
Zrobiłem optymalne wymiary, by wszystko się zmieściło w zależności od reklamy. Myślę, że wszystko powinno zmieścić. Jeśli miałbyś ochotę, to mógłbym Ci przydzielić Admina i byś to zobaczył poprzez Preview Thems?
“If someone tells you to change yourself, tell them to go fuck themselves.”

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #7 dnia: 16 Maj 2015, 23:20:50 »
Napisz do mnie na priv.
Do you want more?


FuFa

  • Nowicjusz
  • *
  • Wiadomości: 15
  • Reputacja: 0
    • Zobacz profil
    • MargaretJ.pl
Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #8 dnia: 04 Sierpień 2015, 20:39:18 »
Z tego co pamiętam to reklamy na fan-strefie mają 100% szerokości.

Forum portalu Fan-Strefa.pl

Odp: Kodowanie obrazków w jednym rzędzie
« Odpowiedź #8 dnia: 04 Sierpień 2015, 20:39:18 »