[HTML][CSS]Problem z ułożeniem szablonu Opcje

[adrianozo]

Witam wszystkich. Mam problem z ułożeniem szablonu.

Aktualnie wygląda to tak:

http://img697.imageshack.us/f/asdcb.png/

A chcę, żeby wyglądało tak:

http://img192.imageshack.us/f/2asd.png/

Kod html:

[HTML] pobierz, plaintext 
<div id="gora">
    <div id="logo">
        <a href=""></a>
    </div>
    <div id="menu_1">
    </div>
    <div id="menu">
        <a href="">Home</a>
        <a href="/portfolio.html">Portfolio</a>
        <a href="/oferta.html">Oferta</a>
        <a href="/o_mnie.html">O mnie</a>
        <a href="/kontakt.html">Kontakt</a>
    </div>
    <div id="menu_2">
    </div>
    <div class="wyszukiwarka">
        <?php
        if(isset($_GET['wynik'])) 
        {
            $wynik_filtru = urlencode(trim(strip_tags($_GET['wynik'])));
        }
        if(isset($_POST['wynik']))
        {
            echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
            <input type="text" name="wynik" value="'.$_POST['wynik'].'" class="texts" />
            <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
            </form></div>';
        }
        else
        {
            echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
            <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="texts" />
            <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
            </form></div>';
        }
        ?>
    </div>
</div>
[HTML] pobierz, plaintext 

KOD CSS:

Kod

div#gora
{
}
#logo
{
width: 244px;
height: 164px;
background: url(image/logo.gif) repeat-y;
}
#logo  a
{
width: 244px;
height: 164px;
background: url(image/logo.gif) repeat-y;
}
div#menu_1
{
width: 42px;
height: 41px;
background-image: url(image/bg_lay_05.gif);
margin: 0 auto;
}
div#menu
{
margin: 0 auto;
width: 43%;
height: 41px;
background: url(image/bg_lay_07.gif) repeat-x;
}
div#menu a
{
font-weight: bold;
padding: 10px 0 0 0;
font-size: 17px;
font-style: italic;
display: inline-block;
text-decoration: none;
color: #FFFFFF;
margin-right: 20px;
margin-left: 20px;
height: 41px;
text-align: center;
}
div#menu a:hover
{
font-weight: bold;
color: #3399FF;
}
div#menu_2
{
width: 12px;
height: 41px;
background-image: url(image/bg_lay_09.gif);
margin: 0 auto;
}

Problem w tym, że nie wiem co dać w kontenerze div#gora, żeby wyglądało tak jak na drugim obrazka.

Proszę o pomoc.
Z góry dziękuje (IMG:style_emoticons/default/smile.gif)

[potreb]

Zainstaluj sobie "Internet Explorer Platform Preview" masz debugowanie stron od 5 do 9.
5 i 6 olać. Zresetuj najpierw style, używaj borderów dla elementów, żebyś widział co jest nie tak.

Po drugie:

[HTML] pobierz, plaintext 
<div id="wyszukiwarka_1">
	</div>
	<div class="wyszukiwarka">
		<div class="wyszukiwarkas"><form action="/szukaj.html" method="post">
			<input type="text" name="wynik" value=" Szukaj w serwisie..." onclick="this.value=' '" class="texts" />
			<input type="image" name="submit" src="image/bg_lay_20.gif" value=" " class="submits" />
			</form></div>	</div>
</div>
[HTML] pobierz, plaintext 

Ten sposób jest beznadziejny, nadajesz tła dla elementów div i input. Dlaczego nie zrobisz dla samego inputa tła i submit button?

Zresztą jak chcesz przedstawiać komuś swoją ofertę najpierw naucz się podstaw.

Ten post edytował potreb 19.09.2010, 15:10:52