Witaj szanowny Gościu na forum Odjechani.com.pl. Serdecznie zachęcamy do rejestracji. Tylko u nas tak przyjazna atmosfera. Kliknij tutaj, aby się zarejestrować i dołączyć do grona Odjechanych!

Strona odjechani.com.pl może przechowywać Twoje dane osobowe, które w niej zamieścisz po zarejestrowaniu konta. Odjechani.com.pl wykorzystuje również pliki cookies (ciasteczka), odwiedzając ją wyrażasz zgodę na ich wykorzystanie oraz rejestrując konto wyrażasz zgodę na przetwarzanie swoich danych osobowych w ramach funkcjonowania serwisu. Więcej informacji znajdziesz w naszej polityce prywatności. Pozdrawiamy!


jak zakodować?
#11
zrobiłem od nowa tyle co tu źle:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bez nazwy</title>

<style type="text/css">

#o1 {color: black; font-family: Arial; font-size:12px; position:absolute; top:0px; z-index:11; right:150px;}

#o2 {color: black; font-family: Arial; font-size:12px; position:absolute; top:23px; z-index:22;right:150px;}

#o3 {color: black; font-family: Arial; font-size:12px; position:absolute; top:46px; z-index:33;right:150px;}

#o4 {color: black; font-family: Arial; font-size:12px; position:absolute; top:68px; z-index:44;right:150px;}

#o5 {color: black; font-family: Arial; font-size:12px; position:absolute; top:90px; z-index:55;right:150px;}

#o6 {color: black; font-family: Arial; font-size:12px; position:absolute; top:112px; z-index:11; right:150px;}

#o7 {color: black; font-family: Arial; font-size:12px; position:absolute; top:134px; z-index:22;right:150px;}

#o8 {color: black; font-family: Arial; font-size:12px; position:absolute; top:156px; z-index:33;right:150px;}

#o9 {color: black; font-family: Arial; font-size:12px; position:absolute; top:179px; z-index:44;right:150px;}

#o10 {color: black; font-family: Arial; font-size:12px; position:absolute; top:204px; z-index:55;right:150px;}

#o11 {color: black; font-family: Arial; font-size:12px; position:absolute; top:224px; z-index:55;right:150px;}

#o12 {color: black; font-family: Arial; font-size:12px; position:absolute; top:246px; z-index:55;right:150px;}

ul{list-style-type: none;}

</style>

</head>
<body>
<div id="image1" style="position:absolute;width:770px;height:770px;z-index:1;">
<img src="images/img2.jpg" id="image1" alt="" style="width:770px;height:770px;"></div>

<div id="image2" style="position:absolute;width:770px;height:148px;z-index:2;">
<img src="images/img1.jpg" id="image2" alt="" style="width:770px;height:148px;"></div>

<div id="image3" style="position:absolute;width:159px;height:277px;z-index:3;top:182px;">
<img src="images/img6.png" id="image3" alt="" style="width:159px;height:277px;"></div>

<div id="image4" style="position:absolute;width:212px;height:184px;z-index:4;top:228px;left:195px;">
<img src="images/img4.png" id="image4" alt="" style="width:212px;height:184px;"></div>

<div id="image5" style="position:absolute;width:212px;height:184px;z-index:5;top:500px;left:185px;">
<img src="images/img5.png" id="image5" alt="" style="width:143px;height:120px;"></div>

<div id="image6" style="position:absolute;width:212px;height:184px;z-index:6;top:500px;left:390px;">
<img src="images/img5.png" id="image6" alt="" style="width:143px;height:120px;"></div>

<div id="image7" style="position:absolute;width:212px;height:184px;z-index:7;top:500px;left:602px;">
<img src="images/img5.png" id="image7" alt="" style="width:143px;height:120px;"></div>

<div id="image8" style="position:absolute;left:112px;top:190px;width:125px;height:16px;z-index:8;text-align:left;">
<span style="color:#000000;font-family:Arial;font-size:13px;">
<ul>
<li id="o1">napis1</li>
<li id="o2">napis2</li>
<li id="o3">napis3</li>
<li id="o4">napis4</li>
<li id="o5">napis5</li>
<li id="o6">napis6</li>
<li id="o7">napis7</li>
<li id="o8">napis8</li>
<li id="o9">napis9</li>
<li id="o10">napis10</li>
<li id="o11">napis11</li>
<li id="o12">napis12</li>
</ul></span></div>


</body>
</html>
  Odpowiedz
#12
Podstawy podstaw się kłaniają, zacznij od przeczytania kursu html a następnie przeczytaj kurs css , dopiero potem zacznij cokolwiek robić.
W tym kodzie który przedstawiłeś jasno widać, że nawet nie przeczytałeś wstępu do html i css, gdyby tak było wiedziałbyś o podstawowych błędach jakie popełniłeś.
Wymienię tylko kilka z nich:
- Nie określiłeś DOCTYPE
- Duplikowanie stylowania
- Stylowanie id częściowo w <style> a częściowo bezpośrednio w div

Zastanów się co chcesz osiągnąć bo teraz to zrobiłeś totalny bałagan, część stylowania masz w sekcji <style> a reszta jest bezpośrednio w divach i to jeszcze zrobiona 2 razy, skoro stylujesz diva o określonym id to po co jeszcze raz stylujesz img z tym samym id co div ?

Ogólnie to zerknij sobie na walidator html i wszystko Ci się wyjaśni http://validator.w3.org/check , ale zacznij od podstaw czyli od przeczytania kursów html i css
  Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości