Witam, mam pewien problem i zarazem parę pytań. Ale najpierw wkleję kod.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Tu podaj opis twojej strony" />
<meta name="Keywords" content="Tutaj wpisz słowa kluczowe" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Author" content="Tu wpisz swoje imię i nazwisko" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Strona oparta na divach</title>
</head>
<body>
<div id="logo">Poznaj Linuxa !</div>
<div id="belka"></div>
<div style="clear:both;"></div>
</body>
</html>
I jeszcze css:
body
{
background-color: aqua;
}
#logo
{
font-size: 48px;
color: white;
font-family: Verdana;
text-align: center;
}
#logo:hover
{
color:indianred;
cursor:pointer;
text-decoration:underline;
}
#belka
{
background-color: darkorange;
width: 700px;
height: 100px;
float: left;
}
Po pierwsze nie działa mi div belka. To znaczy pojawia się ma określony kolor, ale mimo zastosowania float: left; i clear:both; ona jest pod divem logo a ja chciałbym, aby div belka była na divie logo. Czyli po prostu napis na takim prostokącie.
Po drugie, po zastosowaniu float: left; nie wiem jak mam wyśrodkować wtedy tekst. Próbuje text-align: center; ale to nie działa bo domyślam się że float to blokuje. To jak w takim razie to zrobić ?
Po trzecie w sumie podobne pytanie jak wyżej, lecz jak wyśrodkować nie tekst a dowolny element. Na przykład tą belkę. Próbowałem z margin left i right na auto ale nic to nie dało. Chciałbym żeby ktoś mi to wytłumaczył. Może ja źle rozumiem te dziedziczenie i nic mi nie wychodzi, sam nie wiem.