Forum portalu Fan-Strefa.pl

Dla webmastera => Kodowanie => Wątek zaczęty przez: Haymitch w 16 Maj 2015, 16:29:21

Tytuł: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: Haymitch w 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>
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: B△stille w 16 Maj 2015, 19:36:48
osadź jako osobny element ustawiając indywidualne wartości
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: Haymitch w 16 Maj 2015, 20:16:34
B△stille, a mógłbyś bardziej łopatologicznie mi to wyjaśnić? :/ ;)
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: PA_BLO w 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;
}
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: Haymitch w 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?
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: PA_BLO w 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).
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: Haymitch w 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?
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: PA_BLO w 16 Maj 2015, 23:20:50
Napisz do mnie na priv.
Tytuł: Odp: Kodowanie obrazków w jednym rzędzie
Wiadomość wysłana przez: FuFa w 04 Sierpień 2015, 20:39:18
Z tego co pamiętam to reklamy na fan-strefie mają 100% szerokości.