Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Dopisał by ktoś kawałek kodu CSS?
#1
Toungue 
http://i47.tinypic.com/23jkaa.gif

Prosiłbym o dopisanie kodu tak by 4 białe kwadraty wyświetlały się jak na obrazku Smile
plik html
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>

  <title>TEST :) </title>

  <link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>


    <div id="all">
        <div id="1"></div>
        <div id="2"></div>
        <div id="3"></div>
        <div id="4"></div>
    </div>


</body>
</html>

CSS
Kod:
body  
    {background: url('tlo.jpg');
     color: #FF4200;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
     font-weight: bold;
     text-shadow: 0 1px 0 #FFFFFF;
    }
*
    {margin: 0px;
     padding: 0px;
    }
img
  {border: 0px;
    }
#all
    {background-color: #a64747;
     width: 600px;
     height: 600px;
     border-bottom: 5px solid #ffffff;
     border-right: 5px solid #ffffff;
     margin: 30px auto;
    }

Zrobiłbym to sam ale nie umiem. Z góry dziękuję za odpowiedź i pozdrawiam, Norx Smile
Odpowiedz
#2
Proszę.
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>

  <title>TEST :) </title>

  <style>
  
    body  
    {background: url('tlo.jpg');
     color: #FF4200;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
     font-weight: bold;
     text-shadow: 0 1px 0 #FFFFFF;
    }
*
    {margin: 0px;
     padding: 0px;
    }
img
  {border: 0px;
    }
#all
    {
     background-color: #a64747;
     width: 600px;
     height: 600px;
     border-bottom: 5px solid #ffffff;
     border-right: 5px solid #ffffff;
     margin: 30px auto;
    }
    
.kwadrat {
    float: left;
    width: 270px;
    height: 270px;
    background: #fff;
    margin: 20px 0 0 20px;
}
    

  
  </style>
</head>
<body>


    <div id="all">
        <div class="kwadrat"></div>
        <div class="kwadrat"></div>
        <div class="kwadrat"></div>
        <div class="kwadrat"></div>
    </div>


</body>
</html>
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [JavaScript] Proszę o sprawdzenie kodu msx83 1 2,616 02-01-2013, 00:43
Ostatni post: andrzejhi
  CSS i html poprawność kodu sunrise 2 2,866 23-08-2012, 04:57
Ostatni post: sunrise
  Pomógłby mi ktoś zrobić prostą rzecz? [email protected] 7 5,027 10-08-2012, 01:33
Ostatni post: camelrafal
  Układanie kodu Kartofelek 0 1,447 25-07-2012, 13:55
Ostatni post: Kartofelek
  Ikona favicon - jak dodać do kodu? neneth 9 6,822 29-04-2011, 14:16
Ostatni post: Ancik

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl