Witam, kolejne problemy. Nie wiem co źle co muszę dodać do tego aby było pod spodem.
Chodzi oczywiście o obrazek oraz ten tekst, który się na nim znajduje a powinien być osobno.
Dodatkowo chciałbym dodać obok tego obrazka dwa inne coś czuje, że mi się nie uda czy ktoś podpowie jak to zrobić?
INDEX.HTML
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<title>Nazwa Twojego Portfolio</title>
<link rel="stylesheet" href="css/html5reset-1.6.1.css" type="text/css"/>
<link rel="stylesheet" href="css/css.css" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/media-queries.css">
</head>
<body>
<!-- Informacje na temat całej strony -->
<div id="container">
<!-- Wszystko co jest na lewej stronie strony -->
<div id="lewa-strona">
<!-- Logotyp Paniczny -->
<div class="logotyp">
<!-- Odnośnik do głownej strony -->
<a href="#">PanicznyArt.pl</a>
</div>
<omnie>
<h1>O mnie</h1>
<div class="podkreslenie"></div>
</omnie>
</div>
<div id="border">
<div class="left-professional"/>
<p>Profesjonalizm </p>
<h1>Wszystkie moje prace wykonuję profesjonalnie, do każdego klienta podchodze indywidualnie, przez co klient jest zadowolony z otrzymanej grafiki </h1>
</div>
<div class="oferta">
<p>Tania Oferta </p>
<h1> Podchodzą do zlecenia staram się je wykonać najlepiej jak potrafię nie wyciągając dużo z kieszeni mojego klienta </h1>
</div>
<div class="punktualnosc">
<p>Punktualność</p>
<h1> Wszystkie zlecenia, które przyjmuję staram się wykonywać zawsze na określony termin, dzięki czemu daje to pełne zadowolenie mojego klienta </h1>
</div>
</div>
</body>
</html>
CSS.CSS
body {
background: url('../gfx/bg.png') top center repeat-x;
}
a {
text-decoration: none;
}
#container { margin:0 auto;width:100%; max-width:1024px; }
#lewa-strona {
float:left;}
#lewa-strona .logotyp {
both:clear;
position: none;
float: left;
}
#lewa-strona .logotyp a {
display: block;
margin-top: 67px;
margin-left:46px;
width:317px;
max-width: 317px;
height: 65px;
background: url(../gfx/logo.png) top left no-repeat;
text-indent: -700em;
}
#lewa-strona omnie {
float: left;
clear: both;
margin-left: 446px;
margin-top: 119px;}
#lewa-strona omnie h1 {
color:#ff7700;
font-size:20px;
font-family:"Myriad Pro";
}
#lewa-strona omnie .podkreslenie {
background: url(../gfx/podkreslenie.png) no-repeat;
width:49px;
height:1px;
margin-left:28px;
margin-top:8px;}
#border {}
#border .left-professional {
background: url(../gfx/professional.png);
height:96px;
width:84px;
margin-left:154px;
margin-top:51px;
clear:both;
}
#border .left-professional p {
font-size:20px;
color:#fd861f;
font-family: "Myriad Pro";
}
#border .left-professional h1 {
width:192px;
text-align:left;
font-size:13px;
color:#393939;
font-family: "Myriad Pro";
}