Zaloguj się

teN · 08-08-2010, 03:20

http://i38.tinypic.com/ek5ohx.png

[Obrazek: ek5ohx.png]

Witam

Jak na obrazku wyżej, mam problem z banerem i menu ponieważ banner jest w lini poziomej wraz z menu a chciałbym aby był pod menu lecz obok loga (jak na obrazku ).

css

Kod:
html, body {

    background-image: url("images/tlo.png");

    background-repeat: repeat;

    color: #000;

    margin: 0;

    padding: 0;

    margin-top: 15px;

    margin-bottom: 10px;

    margin-left: 100px;

    margin-right: 100px;

}

#NAGLOWEK {

    background-color: ;

    margin-right: 300px;

    height: px;

    width: 300px;

    height: 170px;

}

#MENU {

    text-align: center;

    height: 30px;

    background-color: #292929;

    width: 300px;

    float: right;

    overflow: hidden;

    color: white;

    word-spacing: 1cm;

}

#SPONSOR {

    background-color: #292929;

    height: 30px;

    float: right;

    overflow: hidden;

    color: white;

    word-spacing: 1cm;

}

#TRESC {

    margin-top: 30px;

    text-align: center;

    background-color: #;

}

#STOPKA {

    clear: both;

    background-color: #;

    font-size: small;

    text-align: center;

    color: #616060;

}

A {

 color : white;

 text-decoration : none;

}

/* this is for the mouseout and default settings */

.on {

   color: white;

 }

 /* :hover is a pseudo selector to use to set the mouseover attributes */

.on:hover {

   color: #00b4ff;

 }

html

Kod:
<body>

<div id="top">

    <div id="MENU"> <a class="on" href="index.html">news</a> <a class="on" href="portofolio.html">portofolio</a> <a class="on" href="contact.html">contact</a></div>

    <div id="SPONSOR"> ---sponsor--- </div>

    <div id="NAGLOWEK"><img src="images/logo.png" alt="Logotypes"/></div>     

    <div id="TRESC">

        <img src="images/logo/1.png" class="obrazek" />

<br /><br /><br />

        <img src="images/logo/2.png" />

</div>

<div id="STOPKA">All right reserved by logotypes.pl<br />Copyright &copy; 2010</div>

</div>

</body>

Proszę o poprawę bo już chwilę się meczę i nie mogę nic wymyślić.

lukasz323 · (Ten post był ostatnio modyfikowany: 09-08-2010, 01:14 przez lukasz323.)

Rozwiązane Smile

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

<!--

html, body {

    background-image: url("images/tlo.png");

    background-repeat: repeat;

    color: #000;

    margin: 0;

    padding: 0;

    margin-top: 15px;

    margin-bottom: 10px;

    margin-left: 100px;

    margin-right: 100px;

}

#top{

    overflow:hidden;

}

#menuspons{

    overflow:hidden;

    float:right;

    width:300px;

}

#NAGLOWEK {

    width: 300px;

    height: 170px;

    float:left;

}

#MENU {

    text-align: center;

    height: 30px;

    background-color: #292929;

    width: 300px;

    overflow: hidden;

    color: white;

    word-spacing: 1cm;

}

#SPONSOR {

    background-color: #292929;

    height: 30px;

    overflow: hidden;

    color: white;

    word-spacing: 1cm;

}

#TRESC {

    margin-top: 30px;

    text-align: center;

    background-color: #;

}

#STOPKA {

    clear: both;

    background-color: #;

    font-size: small;

    text-align: center;

    color: #616060;

}

A {

color : white;

text-decoration : none;

}

/* this is for the mouseout and default settings */

.on {

   color: white;

}

/* :hover is a pseudo selector to use to set the mouseover attributes */

.on:hover {

   color: #00b4ff;

}

-->

</style></head>

<body>

<div id="top">

 <div id="NAGLOWEK"><img src="images/logo.png" alt="Logotypes"/></div>

<div id="menuspons">

    <div id="MENU"> <a class="on" href="index.html">news</a> <a class="on" href="portofolio.html">portofolio</a> <a class="on" href="contact.html">contact</a></div>

    <div id="SPONSOR"> ---sponsor--- </div>

  </div>

</div>

    <div id="TRESC">

        <img src="images/logo/1.png" class="obrazek" />

<br /><br /><br />

        <img src="images/logo/2.png" />

</div>

<div id="STOPKA">All right reserved by logotypes.pl<br />Copyright &copy; 2010</div>

</div>

</body>

</html>

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie