Witam
Mam przygotować w języku css (XHTML) takie oto boxy(w załaczniku). Nie wiem za bardzo jak się do tego zabrać, bo nie rozumiem tego, ale może ktos mi w tym pomoże. Może to być bardzo czasochłonne, ale mam nadzieję, że ktos mi pomoże. Z góry dzięki.
More Questions From This User See All
Recommend Questions
mkaminski185
October 2020 | 0 Replies
1. Jakie zagadnienia (trzy elementy) obejmuje technologia informacyjna?2. Jakie elementy znajdują się na płycie głównej komputera – opisz krótko ich funkcje:• procesor:• pamięć RAM:• chipset:• karty rozszerzeń lub kontrolery zintegrowane z płytą główną:• pamięć ROM:3. Jakie urządzenia, obok płyty głównej, mogą znajdować się wewnątrz obudowy komputera?4. Wymień urządzenia zewnętrzne (peryferyjne).5. Co to jest system operacyjny i jak nazywają się najpopularniejsze systemy operacyjne?6. Opisz system plików w systemie Windows.7. Jakie to pliki (formaty plików):• *.exe:• *.pdf:• *.txt:• *.doc:• *.xls:• *.jpg:• *.png:• *.doc:• *.mp3:• *.mp4:
laurasleczka2009
October 2020 | 0 Replies
Ważne. Posłuchajcie mam problem zawsze jak włączam firefox to włącza mi się ta sama strona. Czyli ( Dajmy na to że pisze sobie coś na wordzie i chce poszukąć coś w firefoxie no go odpalam i patrze pierwsza strona jaka mi się otworzy to yt) I nie wiem czego tak się dzieje proszę pomocy.
laurasleczka2009
October 2020 | 0 Replies
Ważne. Posłuchajcie mam problem zawsze jak włączam firefox to włącza mi się ta sama strona. Czyli ( Dajmy na to że pisze sobie coś na wordzie i chce poszukąć coś w firefoxie no go odpalam i patrze pierwsza strona jaka mi się otworzy to yt) I nie wiem czego tak się dzieje proszę pomocy.
Plik index.html:
<!DOCTYPE HTML>
<html>
<head>
<link type='text/css' rel='stylesheet' href='./style.css' />
</head>
<body>
<div id="czarny">
<div id="czarny-container">
<div id="lewy">
<div id="lewy-gora">
</div>
<div id="lewy-dol" style="background-color: #00ff00">
</div>
<div id="lewy-dol" style="background-color: #ffff00">
</div>
<div id="lewy-dol" style="background-color: #118fe4">
</div>
<div id="lewy-dol" style="background-color: #dd0808; border-right: 0;">
</div>
</div>
<div id="prawy">
<div id="prawy-gora">
<div style="width: 211px; height: 100%; background-color: #dd0808; float: left; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;">
</div>
<div style="width: 211px; height: 100%; background-color: #ffff00; float: left; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;">
</div>
</div>
<div id="prawy-srodek">
<div style="width: 140px; height: 100%; background-color: #118fe4; float: left; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;">
</div>
<div style="width: 140px; height: 100%; background-color: #118fe4; float: left; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;">
</div>
<div style="width: 140px; height: 100%; background-color: #118fe4; float: left; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;">
</div>
</div>
<div id="prawy-dol">
<div style="width: 211px; height: 100%; background-color: #118fe4; float: left; border-left: 1px solid #FFFFFF;">
</div>
<div style="width: 211px; height: 100%; background-color: #00ff00; float: left; border-left: 1px solid #FFFFFF;">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Plik style.css:
div#czarny {
background-color: #000000;
width: 900px;
height: 700px;
text-align: center;
}
div#czarny-container {
background-color: #000000;
width: 850px;
height: 650px;
border: 1px solid #7200ff;
text-align: center;
margin: 0 auto;
position: relative;
top: 23px;
}
div#lewy {
width: 425px;
height: 100%;
margin: 0;
text-align: left;
background-color: #FFFFFF;
border: 0px;
float: left;
}
div#prawy {
width: 425px;
height: 100%;
margin: 0;
text-align: right;
background-color: #FFFFFF;
border: 0px;
float: right;
}
div#lewy-gora {
height: 50%;
background-color: #FFFFFF;
}
div#lewy-dol {
width: 105px;
height: 50%;
float: left;
border-right: 1px solid #FFFFFF;
}
div#prawy-gora {
height: 216px;
}
div#prawy-srodek {
height: 216px;
}
div#prawy-dol {
height: 216px;
}
//Jeśli chcesz, to mogę część tych stylów w divach w pliku index.html przenieść do style.css, jeśli taka forma Cie nie zadowala.