slider v záhlaví - wordpress

[cervcek]

Ahoj,
druhý den si lámu hlavu s umístěním meta slideru do záhlaví stránky v šabloně twenty eleven. Programování webu moc neovládám, snažím se podle jakpsatweb.cz . Nyní jsem to udělal úpravou header.php takto:

Kód: Vybrat vše

<table background="http://petersida.moxo.cz/wordpress/wp-content/uploads/2014/12/gympl-název.png">
<td>
<span style="position: relative; top: 0px; left: 375px"> <?php echo do_shortcode("[metaslider id=112]"); ?> </span> 
</td>
</table>

problém ale je, že slider je menší a nezakrývá celou plochu, i když obrázky mají výšku 250px, stejně jako obrázek v pozadí.
Předem díky za rady.

EDIT: takhle vypadá ona stránka

[x-rated]

kámen úrazu je tabulka - dyť v záhlaví žádnou tabulku nemáš, tak na co ji máš v kódu? to záhlaví je vážně dost špatný, asi by to chtělo ho smazat a udělat odznova
http://screenshot.cz/HHRD0/tabulka.png
takže teda to je nějakej staženej template, ve kterym se vrtá někdo, kdo tomu vůbec nerozumí, že? takhle to asi na mobilu vypadat nemá http://screenshot.cz/6GGET/pokus.png

[cervcek]

Ne, to nemá
Můžeš mi prosím napsat, jak to udělat jinak, než tou tabulkou?
Díky za odpověď.

[x-rated]

jestli to teda dobře chápu, chceš mít vlevo logo a vpravo slider, je to tak?
jestli jo, tak jednoduše uděláš dva divy s floatem vedle sebe, který budou mít požadovaný vlastnosti (nějakou tu vejšku, pozadí atd.) v levym divu bude logo, v pravym přímo ten slider
důležitý ale je, abys to pak nějak upravil pro obrazovky s menší šířkou než 1000px, takže v media query ten float zase zrušíš a dáš oběma divům margin auto, aby byly na středu...
v další fázi, kdy obrazovka bude mít menší šířku než slider, buď slideshow úplně skreješ, nebo mu dáš šířku 100% a on se bude fluidně zmenšovat podle velikosti obrazovky
a jestli s tim nemáš žádný zkušenosti, tak upřímnou soustrast

nebo je ještě jedna možnost, asi jednodušší, všechno to narveš do zelenýho divu, slideshow uvnitř něj dáš float right a tomu logu vlevo potřebný marginy, v media query to pak zase budeš muset přepsat

a to menu by to na mobilu taky chtělo trochu zkulturnit

[LuCaCZ]

šablonu Twenty Eleven nedoporučuju upravovat, vytvoř si child-theme viz http://codex.wordpress.org/sk:Odvoden%C3%A9_t%C3%A9my

[cervcek]

díky za odpovědi, jen ještě jedna věc, když budu dělat ty úpravy pro menší obrazovky, je lepší to dělat např pro: PC, Tablet, Mobil, nebo nějak responzivně?

[x-rated]

je třeba to dělat tak, aby se ti tam vždycky všechno vešlo a zobrazovalo se to bez problémů a hezky, takže nějak nechápu ty možnosti

[cervcek]

tak jsem začal a už jsem narazil na první zádrhel, to logo se mi nedaří zmenšit, roztáhlo se na celou šíři stránky

Kód: Vybrat vše

<div>
<span style="max-height: 250px;"> <img src="http://petersida.moxo.cz/wordpress/wp-content/uploads/2014/12/gympl-název.png"> </span> 
<span style="float: right;"> <?php echo do_shortcode("[metaslider id=112]"); ?> </span> 
</div>

[x-rated]

vys** se na to nebo si to nech u někoho za pár stovek udělat

[cervcek]

Kdybych si to chtěl nechat od někoho za pár stovek udělat, tak bych sem nepsal o radu. Každopádně nevím, proč by někdo nezkušený nemohl zkoušet věci, kterým nerozumí, jak jinak myslíš, že bych se to jinak mohl naučit než tak, že to prostě zkusím a někdo mi řekne, kde dělám chyby?

[x-rated]

v tomhle se dá radit ve chvíli, kdy máš aspoň nejzákladnější základy, pokud sem napíšeš, že nechápeš, proč se ti v tomhle konkrétním případě logo roztahuje přes celou šířku, tak je asi něco trochu víc špatně nebo mi vysvětli, proč ten span má u sebe max-height
a nedovedu si představit, že timhle tempem budeme řešit zobrazení na tabletu a mobilu

[cervcek]

Prostě jestli mi poradit nechceš, tak to napiš hned. Ten max-height jsem tam dal proto, že jsem se dočetl, že se jím udává maximální výška prvku. Když mi nešla určit přímo u toho obrázku, tak jsem to zkusil přes ten span.