header swf rozjechał mi stronę

[romcio73]

witam
mam problem ze swoją stroną (http://www.voxline.pl) ponieważ po zmianie banera jgp na swf rozjechała się cała strona, załączyłem baner według wskazówek z forum, rozmiar zachowany z oryginała, ale nie wiem czemu tak się stało, kombinowałem wczoraj trochę to udało się podnieść lewe menu na pozycję, ale z resztą mam problem, nie wiem jak sobie z tym poradzić może macie jakieś pomysły, rozwiązania ?

moja templatka (http://1.bp.blogspot.com/_l__oruqz1MM/TGE3MfbgcNI/AAAAAAAACTA/BC6v186g2fs/s1600/1525.jpg)

kod html który wstawiłem:

<div id="header">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="980" height="300" id="headerimg" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param NAME="WMODE" VALUE="transparent"/>
<param name="movie" value="http://voxline.pl/templates/siteground-j15-125/images/headerimg.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://voxline.pl/templates/siteground-j15-125/images/headerimg.swf" quality="high" bgcolor="#ffffff" width="980" height="300" WMODE="transparent" name="headerimg" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>

css wygląda następująco:


#header {
margin:0 auto;
padding:5px 16px 0 0;
position:relative;
height:295px;
width:964px;
background: transparent url(../images/headerimg.swf) no-repeat top center;
}

[tomaszek83]

wskazówek z jakiego forum? swf w css? pierwsze słyszę.

[alex51]

Nie zgadzają się wymiary pliku swf z wartościami hight i width podanymi w pliku template.css (wiersz 101). Sprawdź, czy wystarczy poprawić ten fragment css dostosowując wymiary i usuwając wartości padding.:

#header {
margin:0 auto;
padding:0;
position:relative;
height:300px;
width:980px;
background: transparent url(../images/headerimg.swf) no-repeat top center;
}

[romcio73]

zmieniałem już wcześniej, ale nie było efektu

p.s. teraz jest według przepisu

[alex51]

Zostało jeszcze poprawić własność padding, zmieniając znajdujące się tam wartości na 0 0 0 0; lub tylko samo 0;

[romcio73]

robiłem, baner jest ok ale właśnie reszta ?

lewa stronę podniosę ale co z reszta ? gdzie szukać ?

[alex51]

Nie wiem jak wyglądało to przed podmianą pliku w header, ale "fabryczny" wygląd szablonu siteground-j15-125 ma takie obniżenie pozycji left i right.

[romcio73]

a to czekaj zaraz podmienie, coś rozwaliłem header-em swf, albo w kodzie html jest coś nie tak ponieważ tam tylko pozmieniałem z swf na jpg, tak jak pisałem w kodzie jest coś nie tak bo robie wycinke i jest ok na jpg


< <div id="header">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="980" height="300" id="headerimg" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param NAME="WMODE" VALUE="transparent"/>
<param name="movie" value="http://voxline.pl/templates/siteground-j15-125/images/headerimg.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://voxline.pl/templates/siteground-j15-125/images/headerimg.swf" quality="high" bgcolor="#ffffff" width="980" height="300" WMODE="transparent" name="headerimg" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>

[a_m]

pomiędzy animacją a menu jest kilka niepotrzebnych divów spychających zawartość strony w dół: #search, .logo

-------------
witaj alex51

[alex51]

Nie wiem jak dodajesz plik swf, ale jeśli robisz to wpisując go "na sztywno" do pliku index.php szablonu, to nie jest to najlepsze rozwiązanie. Lepsze sposoby są opisane w poradniku na wiki. Obniżenie środkowej części (content) powoduje pozycja top, która nie powinna się tu znajdować. Można jeszcze podwyższyć content edytując marginesy w tym fragmencie:
template.css wiersz 326:

div#maincolumn {
float: left;
width:500px;
padding:0 10px;
margin:34px 0 10px 0;
}ale trzeba pierwszą wartość marginesu dać na około -62px.

//Cześć @a_m, w końcu będzie fachowa pomoc :)

[romcio73]

dzięki powycinałem newsflash i jest ok :)

poszły reputację za myśl przewodnią :) jeszcze raz dzięki :)