Próbuje zrobić stronę www już od dawna, ale ciągle mi coś nie wychodzi. Lay zrobiłem bez problemów, nie jest najpiękniejszy, ale praca jest do szkoły, więc wystarczy żeby była.
Mój pierwszy problem polega na napisaniu tekstu na layu. Najlepiej pokażę w czym problem na zdjęciu :
Nawet nie wiem co robię źle..
Drugi problem tkwi w tym, że muszę wpisywać css w pliku z htmlem bo jak mam w style.css to w ogóle ich nie rozpoznaje.
<link rel=“stylesheet” href=“style.css” type=“text/css” /> - to jest poprawny kod?
Dodaję jeszcze cały kod:
<html>
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<title>Krzysztof Kiełt</title>
<style type="text/css">
body {
background-color: #000;
margin: 0;
padding: 0;
text-align:center;
}
div {
font: verdana 12px #000;
position:relative;
}
#container {
margin:0 auto;
padding:0 5px 0 5px;
position:relative;
width:1000px;
background-color:#fff;
text-align:left;
clear: both;
}
#naglowek {
background: #fff url(logo.jpg) no-repeat;
width:700px;
height:171px;
margin-bottom:10px;
}
#lewakolumna {
width:450px;
float:left;
position:relative;
z-index:0;
}
#prawakolumna {
width:400px;
float:right;
top:0px;
}
#stopka {
clear:both;
text-align:center;
}
#tekst1 {
z-index:2;
position:relative;
width:100%;
top:15%;
left:15%;
padding:15px;
</style>
</head>
<body>
<div id="container">
<div id="naglowek"><img src="naglowek.jpg"</img> </div>
<div id="lewakolumna"><img src="kolumnalewa.jpg"</img>
<div id="tekst1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, </div>
</div>
<div id="prawakolumna"> <img src="kolumnaprawa.jpg"</img>
<div id="tekst2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum.
</div>
</div>
<div id="stopka"><img src="stopka.jpg"</img>Created by Krzysztof Kiełt</div>
</div>
</body>
<html>
Wiem że mam tam pełno baboli niepotrzebnych, bo czasem byłem jużtak wkurzony na to że mi nie wychodzi i próbowałem sam coś dopisać
Pozdrawiam i z góry dziękuję
Krzysiek