Just nu i M3-nätverket
Gå till innehåll

Positionering


Jompan

Rekommendera Poster

Jag håller på och kodar svenska flaggan via CSS.

Fyra blå fält över en gul bakgrund, men de två vänstra fälten (part1 och part3) syns inte.

    <div id="content">
        <div class="flag sverige">
            <div class="part1"></div>
            <div class="part2"></div>            
            <div class="part3"></div>
            <div class="part4"></div>            
		</div>


#content {
	border: 2px solid blue;
	background-color: #FFE5FF;
	padding: 2em;
	margin: 0 auto;
	height: 500px;
	width: 800px;
	border-radius: 50px;
}

.flag {
	position: relative;
	width: 160px;
	height: 100px;
}
.sverige {
	background-color: #fffe00;	/* Gul */
}

.sverige .part1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50x;
	height: 40px;
	background-color: #003199;	/* Blå */
}

.sverige .part2 {
	position: absolute;
	top: 0;
	left: 70px;
	width: 90px;
	height: 40px;
	background-color: #003199;	/* Blå */
}

.sverige .part3 {
	position: absolute;
	top: 60px;
	left: 0;
	width: 50x;
	height: 40px;
	background-color: #003199;	/* Blå */
}

.sverige .part4 {
	position: absolute;
	top: 60px;
	left: 70px;
	width: 90px;
	height: 40px;
	background-color: #003199;	/* Blå */
}

Vad gör jag för fel?

 

// Jompan

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...