Cześć.
Niedawno zacząłem uczyć się kodowania, gdy próbuje pisać stronę sam nie do końca elementy są pozycjonowane tak jakbym tego chciał.
Chciałbym, aby strona wyglądała tak:
http://iv.pl/images/43043594057960050662.png
Logo, wraz z treścią fajnie udało mi się ustawić, jednak dalej już jest problem.
HTML:
<div class="rectangle">
<div id="logo">
<img src="logo.png">
</div>
<div id="logo2">Kontakt=</div>
<div class="link">
<a href="#onas">O nas</a>
<a href="#oferta">Oferta</a>
<a href="#galeria">Galeria</a>
<a href="#kontakt">Kontakt</a>
</div>
<div style="clear: both;">
</div>
CSS:
.rectangle
{
width: 960px;
margin: 20px;
margin-left: 82px;
}
#logo
{
float: left;
font-family: 'Josefin Sans', sans-serif;
text-align: left;
}
#logo2
{
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
text-align: left;
margin: 15px;
margin-left: 50px;
}
.link
{
Tu już nic nie działa, chciałbym ustawić menu tak jak w linku, aby było też trochę odstępu między elementami(padding(?)). użyć text-decoration: none; color: #000000;
}
Mógłbym prosić, aby ktoś mi wytłumaczył jak zarządzać tym pozycjonowaniem, oraz czemu nie chciało mi dalej to działać?
Pozdrawiam i dziękuję.