HTML Raster?

20.05.2020, 21:21 
<html> 
<head>
 <link rel="stylesheet" href="style.css"> 
 <script src="script.js"></script> 
</head> 
<body>
<div id="art">
	<div class="row">
		<div class="pixel"></div>
		<div class="pixel"></div>
		<div class="pixel"></div>
		</div>
	<div class="row">
                <div class="pixel"></div>
                <div class="pixel"></div>
		<div class="pixel"></div>
                </div>
	<div class="row">
                <div class="pixel"></div>
		<div class="pixel"></div>
		<div class="pixel"></div>
                </div>
	<div class="row">
                <div class="pixel"></div>  
		<div class="pixel"></div>
                <div class="pixel"></div>
		</div>
	<div class="row">
                <div class="pixel"></div>  
		<div class="pixel"></div>
                <div class="pixel"></div>
		</div>
	<div class="row">
                <div class="pixel"></div>  
		<div class="pixel"></div>
                <div class="pixel"></div>
		</div>
	<div class="row">
                <div class="pixel"></div>  
		<div class="pixel"></div>
                <div class="pixel"></div>
		</div>
	<div class="row">
                <div class="pixel"></div>  
		<div class="pixel"></div>
                <div class="pixel"></div>
		</div>


	</div>
	</div>
</body> 
</html>
glebkema  20.05.2020, 21:27

Fügen Sie auch den Code aus style.css hinzu. Zumindest der Code, der für #art, .row und .pixel gilt.
rierju 
Fragesteller
 20.05.2020, 21:31

Vielen dank für deinen Einsatz habe es aber schon geschafft

3 Antworten

Limearts
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, Spiele und Gaming
20.05.2020, 21:24 
<div class="row">
		<div class="pixel"></div>
		<div class="pixel"></div>
		<div class="pixel"></div>
		</div>

Das ist eine Zeile mit drei Feldern. Also, was musst Du tun damit aus 3 Feldern 8 Felder werden? Ich bin mir sicher das findest Du leicht heraus. :)

Sollte die Darstellung dieser 8 Felder auf der Breite hin unstimmig ausfallen, musst Du im Stylesheet entsprechend die Klassen .row und .pixel bearbeiten.
Woher ich das weiß:Berufserfahrung – selbstständiger Dienstleister und Nerd
rierju 
Fragesteller
 20.05.2020, 21:26

Vielen Dank Ich habe es jetzt verstanden ;)

0
DaMenzel
20.05.2020, 21:20

Was ist der entsprechende Code?
rierju 
Fragesteller
 20.05.2020, 21:21

Ich füge den Code zu meiner Frage hinzu

0
rierju 
Fragesteller
 20.05.2020, 21:22

<html> 

<head>

 <link rel="stylesheet" href="style.css"> 

 <script src="script.js"></script> 

</head> 

<body>

<div id="art">

<div class="row">

<div class="pixel"></div>

<div class="pixel"></div>

<div class="pixel"></div>

</div>

<div class="row">

        <div class="pixel"></div>

        <div class="pixel"></div>

<div class="pixel"></div>

        </div>

<div class="row">

        <div class="pixel"></div>

<div class="pixel"></div>

<div class="pixel"></div>

        </div>

<div class="row">

        <div class="pixel"></div>  

<div class="pixel"></div>

        <div class="pixel"></div>

</div>

<div class="row">

        <div class="pixel"></div>  

<div class="pixel"></div>

        <div class="pixel"></div>

</div>

<div class="row">

        <div class="pixel"></div>  

<div class="pixel"></div>

        <div class="pixel"></div>

</div>

<div class="row">

        <div class="pixel"></div>  

<div class="pixel"></div>

        <div class="pixel"></div>

</div>

<div class="row">

        <div class="pixel"></div>  

<div class="pixel"></div>

        <div class="pixel"></div>

</div>

</div>

</div>

</body> 

</html>

0
codinghelp
Nutzer, der sehr aktiv auf gutefrage ist
im Thema programmieren
20.05.2020, 21:20

Also wenn du schon so ein Raster hinbekommen hast dürfte das größere doch kein Problem mehr sein... Und ohne Code kann dir eh keiner helfen