Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Skrypt JS+CSS
KubaBest
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 2
Dołączył: 21.06.2011

Ostrzeżenie: (0%)
-----

Witam, chcę stworzyć stronę gdzie będzie 100 divów (każdy o wymiarach 10%, z margin wliczonym w rozmiar div'u)
Divy pojawiają się na stronie dzięki skryptowi JS.
Jednak są one o różnych rozmiarach.

Pliki:
HTML (index.html):
[HTML] pobierz, plaintext 
  1. <!doctype>
  2. <html>
  3. <head>
  4.  
  5. 	<link rel="stylesheet" href="main.css"/>
  6. 	<script type="text/javascript" src="js.js"></script>
  7.  
  8. </head>
  9. <body>
  10. 	<script type="text/javascript">prepare_page();</script>
  11.  
  12.  
  13. </body>
  14. </html>
[HTML] pobierz, plaintext


CSS (main.css):
Kod
*{
    margin: 0px;
    padding: 0px;
}
body{/*
    width: 100%;
    height: 100%;*/
    background: #E7EBEE;
}
.moz{
    width: 10%;
    height: 10%;
    margin: 5px;
    border-radius: 15px;
    background: #BECBD1;
    display: inline-block;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


JS(js.js):
Kod
function prepare_page(){
    createSlides();
}

function createSlides(){
    for(var i=1;i<=100;i++){
        document.write('<div class="moz" id="'+ i +'">nr: '+ i +'</div>');
    }
}


+

screenshot wyniku (z zaznaczonym błędem):
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Podejrzyj konsolą przeglądarki, czy czegoś dodatkowego tam nie ma/etc.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 18:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn