Autor Zpráva
maska
Profil
#1 · Zasláno: 16. 6. 2006, 08:06:59
Odpovědět Citovat
Dobré ráno všichni,
jsem totální začátečník a prosím o radu.
Zkouším si udělat stránky v podobě: hlavička, levý sloupec, obsah a patička. Do hlavičky jsem si vložil obrázek, jehož velikost a umístění jsem přizpůsobil (pomocí <span style>). Chtěl bych ho orámovat (to se mi povedlo), ale chtěl bych, aby v tomto orámování bylo kolem obrázku bílé pozadí. Jinak celá hlavička má modré pozadí.
Zkoušel jsem si pročíst diskusi, ale na podobný problém jsem nenarazil. Pokud tam je vysvětlen, omlouvám se za opakování dotazu a stačí mi odkaz na toto objasnění.
Jinak díky za každou radu.
Mistr
Profil
#2 · Zasláno: 16. 6. 2006, 09:54:03
Odpovědět Citovat
Zkus sem poslat odkaz na tu stránku nebo sem alespoň nakopírovat její kód či ty nejdůležitější partie.
maska
Profil
#3 · Zasláno: 16. 6. 2006, 12:17:26
Odpovědět Citovat
Tak mám toto:
<html>

<head>



<title>Maskova strana</title>
<style>
#obsah { position: absolute; width: 600px; top: 120px; left: 150px; }
#patka { width: 100%; }
#hlavicka { position: absolute; width: 760px; top: 0px; left: 0px; height: 120px; }
#levy { position: absolute; width: 150px; top: 120px; left: 0px; }
#pravy { position: absolute; width: 110px; top: 120px; left: 650px; }
#levy { background-color: green; color: white; border-style: none; border-width:
medium; }
#levy h3 { color: black; }
#levy a:link { color: yellow; }
#levy a:visited { color: silver; }
#levy a:hover { color: red; }
#pravy { background-color: green; color: white; border-style: none; border-width:
medium; }
#hlavicka { background-color: navy; color: yellow; border-style: none; border-width:
medium; }
#patka { background-color: green; color: yellow; border-style: none; border-width:
medium; }
div {padding: 6px}



</style>
</head>

<body>

<div id="obsah">
<h1>OBSAH STRÁNEK</h1>
<p>Tady je text</p>

<p id="patka">A <a href="stranka2.html">zpět</a> za Maskou.</div>
<div id="hlavicka">
<h1>MASKOVA STRÁNKA</h1><span style="position: absolute; top: 10px; left: 0px;"><img src="pmask6.gif" alt="kapr" align="right"></span>
</div>

<div id="levy">
<H2>ODKAZY</h2>
<p><a href="rocniky.html">PĚŠMO</a></p>
<p><a href="cyklo.html">KOLMO</a></p>
<p><a href="lyže.html">LYŽMO</a></p>
<p><a href="http://www.rozhledny.wz.cz">ROZHLEDNY</a></p>
<p><a href="vychazka16">16</a></p>
<P><A HREF="http://zlin.cz/">Zlín.cz</a></p>
<p><a href="http://www.mestozlin.cz">Město Zlín</a></p>

</div>





</body>

</html>

To je v pořádku, ale při kliknutí na odkaz PĚŠMO (mám tam zkopírované údaje z této úvodní stránky) bych chtěl na místě obr. maska jiný. A v tom je ten problém.
Buď je podbarvený pozadím hlavičky (když tam mám:

<div id="hlavicka">
<h1>MASKOVA STRÁNKA</h1><span style="position: absolute; top: 8px; left: 0px; "><img border="3" src="TURISTA.WMF" alt="kapr" align="right" WIDTH="65" HEIGHT="99"></span>
</div> )

a nebo to bílé pozadí není jen v ohraničené části obrázku, ale je po celé své šířce v hlavičce (když tam mám:

<div id="hlavicka">
<h1>MASKOVA STRÁNKA</h1><span style="position: absolute; top: 8px; left: 0px; background-color: white"><img border="3" src="TURISTA.WMF" alt="kapr" align="right" WIDTH="65" HEIGHT="99"></span>
</div> ). Je tam přidané to background-color: white do <span style>.

Bude to buď prkotina nebo to mám úplně blbě, ale jsem na samém začátku a samouk.
Tak ještě jednou dík za pomoc nebo aspoň za vysvětlení.
Časová prodleva: 3 dny
maska
Profil
#4 · Zasláno: 19. 6. 2006, 14:54:23
Odpovědět Citovat
Tak částečně jsem na to došel: v umístění obrázku chybně zadaná hodnota - left: 0px místo left: 680px.
Ale zbývá ještě maličkost: jak ohraničit tento obrázek, aby bílé pozadí obrázku nepřesahovalo do pozadí celé hlavičky (je to cca 2mm).
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0