Autor Zpráva
ctverecek
Profil
Zdravim, potreboval bych poradit jak napozicovat fotku na strankach www.vyslystav.cz (ta uvodni jak je tam ten delnik s tou slecnou) aby pod ni nebyla takova mezera. Mezera tam vznikne protoze si pomoci tridy introduction relativne napozivuju pozici fotky ale jak se zbavit toho mista kde by mela byt fotka puvodne kdybych nepouzil tridu introduction?

CSS:
.introduction{
  position: relative;
  left: 260px;
  top: -320px;
  margin: 0px;
  padding: 0px;
}


HTML:
<h1 class="center">VYSLYSTAV s.r.o.</h1>

Stavební firma VYSLYSTAV s.r.o. úspěšně podniká v oblasti stavebního průmyslu. Společnost má za sebou řadu úspěšných realizací staveb. 
Hlavní obory činnosti naší firmy jsou:<br />

<ul id="offer">
  <li onmouseover="Tip('Naše firma se zabývá stavbou rodinných domů na klíč, zajistíme veškerou potřebnou dokumentaci a vše co je potřeba k výstavbě domu.', TITLE, 'Stavby rodinných domů na klíč', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Stavby rodinných domů na klíč</li>
  <li onmouseover="Tip('Jsme specialisti v zateplování fasád všemi systémy, a samozřejmostí je dodávka veškerého potřebného materiálu.', TITLE, 'Zateplování fasád', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Zateplování fasád</li>
  <li onmouseover="Tip('Provádíme strojní omítky stěn a stropů na klíč.Jedná se o omítky jednovrstvé, dvouvrstvé, kletované hladké. Vše provádíme  v jakém koliv rozsahu, jak rodinných domů tak bytových domů. Samozřejmostí je kompletní dodávka včetně práce, materiálu a konečného úklidu po omítkách. Provádíme venkovní fasády šlechtěné omítky několika zrnitostí včetně samotného probarvení, nebo finálního nátěru dle výběru zrnitosti omítky a odstínu, také jsme schopni zpracovat a zajistit finální podobu  Vaší fasády již před samotným započetí prací. Tyto veškeré práce provádíme na rodinných domech tak i na bytových domech.', TITLE, 'Fasády a omítky', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Fasády a omítky</li>
  <li onmouseover="Tip('Naše firma má odborníky co se týče rozvodů topení, vody a odpadů jak v rodinných domech tak v bytových domech. V tomto oboru působíme už od roku 1993.', TITLE, 'Topení, voda, odpady', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Topení, voda, odpady</li>
  <li onmouseover="Tip('Zajistíme kompletní dodávku slunečních kolektoru, včetně veškeré projektové dokumentace a montáže. Pomůžeme při vyřizování dotací.', TITLE, 'Sluneční kolektory', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Sluneční kolektory</li>
  <li onmouseover="Tip('Pomůžeme s navrhnutím velikosti fotovoltaické elektrárny, zařídíme projektovou dokumentace a veškeré podklady pro smlouvu s odběratelem energie. Zajistíme kompletní montáž i s dodávkou materiálu.', TITLE, 'Fotovoltaické systémy', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Fotovoltaické systémy</li>
  <li onmouseover="Tip('Zajistíme kompletní dodávku tepelných čerpadel: vzduch-voda, země-voda.', TITLE, 'Tepelná čerpadla', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Tepelná čerpadla</li>
  <li onmouseover="Tip('Průmyslové vysavače. ', TITLE, 'Průmyslové vysavače', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Průmyslové vysavače</li>
  <li onmouseover="Tip('Nechcete pořád zalévat zahradu ručně? Máme pro Vás řešení, uděláme pro Vás zavlažování Vaší zahrady či skleníku, včetně projektu a dodávky materiálu. Jsme partnery společnosti Netafim. ', TITLE, 'Zavlažování zahrad a skleníků', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Zavlažování zahrad a skleníků</li>
  <li onmouseover="Tip('Pomůžeme Vám se zařízením Vašeho zahradního jezírka dle Vašich představ.', TITLE, 'Zahradní jezírka', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Zahradní jezírka</li>
  <li onmouseover="Tip('Zajistíme kompletní dodávku plastových a dřevěných oken na klíč.', TITLE, 'Plastová okna, euro okna', BGCOLOR, '#cce8f8', FONTCOLOR, '#000000', FONTSIZE, '14px', FONTFACE, 'Calibri, sans-serif', BORDERCOLOR, '#1784c2', WIDTH, '-300')" onmouseout="UnTip()">Plastová okna, euro okna</li>
</ul>

<img class="introduction" src="./images/introduction2.png">
panther
Profil
ctverecek
nevím, jestli jsem tě správně pochopil, ale co ji posunout záporným horním marginem namísto position?
ctverecek
Profil
JJ diky to je ono ;-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: