Flaggen mit HTML

[KleeneJule]

Hallo alle zusammen,

ich muss für die Schule Flaggen im HTML Format machen und kenn mich damit noch garnicht so gut aus.:-(
Ich hab wohl alle soweit fertig, es fehlt nur noch eine. DIE SCHWEIZ.
Ich hab keine ahnung, wie ich das machen muss, das in der Mitte das weiße Kreuz ist und rundherum Rot.:?:
Wär echt super, wenn mir jemand helfen könnte.
Schonmal Danke im Vorraus.:lol:

Jule

 

[XraYSoLo]

mit HTML? wird schwierig. du kannst versuchen, DIV-blöcke übereinander zu legen, um das kreuz hinzubekommen, der hintergrund sollte keine schwierigkeit darstellen.

Nils aka XraYSoLo

 

[Maxi]

Du sollst die Flaggen in reinem HTML machen?

Naja, bei der Schweiz-Flagge, die quadratisch ist könntest du ne Tabelle machen, 4x4 kästchen groß und den einzelnen, ebenfalls Quadratischen Zellen die jeweilige Hintergrundfarbe (rot oder weiß) zufügen.

Und mich würde interessieren welche anderen du schon wie gemacht hast...

 

[dasch]

zu der Methode von klenejule hätte ich auch noch einen Vorschlag:
hol dir the gimp, und da fügst du ein bild einer schweizflage ein, und da kann man dann irgendwie das als HTML Tabelle rausbekommen müsste glaub Filter/Web/ImageMap sein ;)
MfG
Dasch

 

[Commodore]

Ist doch ganz einfach:


Du nimmst einen div, den du auf entsprechende Größe bringst. Dann gibst du ihm eine rote Hintergrundfarbe, die Textfarbe wird weiß. Dann richtest du den Text mittig aus (vertikal und horizontal), erhöhst die Textgröße und schreibst ein einfaches Plus rein.

Fertig ;)

 

[philipp]

Absolute und relative DIVs

 

[incendium]

flaggen in html für die schule.....was habt ihr denn für hausaufgaben....:-)

 

[mi-schi]

Die Frage ist, welche Flaggen. Die Deutsche ist einfach zu machen, die Amerikanische eher nicht...

 

[Maxi]

Die Frage ist, welche Flaggen. Die Deutsche ist einfach zu machen, die Amerikanische eher nicht...

die für die Schweiz, wurde doch schon geschrieben :idea:

 

[mi-schi]

die für die Schweiz, wurde doch schon geschrieben :idea:

Aso, hab ich überlesen. Mit dem Plus finde ich am besten:razz:

 

[WhispR]

das müsste der Code für die Tabelle sein:

<table width="600" height="600">

<tr height="200px">
	<td width="200px"> </td>
	<td width="200px" style="background-color:#FF0000;"> </td>
	<td width="200px"> </td>
</tr>

<tr height="200px">
	<td width="200px" style="background-color:#FF0000;"> </td>
	<td width="200px" style="background-color:#FF0000;"> </td>
	<td width="200px" style="background-color:#FF0000;"> </td>
</tr>

<tr height="200px">
	<td width="200px"> </td>
	<td width="200px" style="background-color:#FF0000;"> </td>
	<td width="200px"> </td>
</tr>

</table>

 

[Frank]

jo, aber der mit CSS und dem Plus ist schöner ^^

hab mal was gebastelt, aber weiß net ob es von der Größe her stimmt xD

.schweiz {
  overflow : hidden;
  margin : 0;
  padding : 0;
  background-color : #ff0000;
  color : #ffffff;
  font-family : arial;
  font-weight : bold;
  font-size : 100px;
  line-height : 40px;
  width : 44px;
  text-indent : -6px;
}

<div class="schweiz">+</div>

 

[Commodore]

@frank: Ich weiß ja nicht welche Auflösung / Schrift / Browser du hast, aber bei mir siehts aus wie die Flagge von Dänemark ^^

So funktionierts aber:

.schweiz {
  background-color:#f00;
  width:100px;
  height:100px;
  position:relative;
}
.weiss{
  background-color:#fff;
  position:absolute;
}

<div class="schweiz">
<div style="width:70px; height:20px; top:40px; left:15px;" class="weiss"> </div>
<div style="width:20px; height:70px; left:40px; top:15px;" class="weiss"> </div>
</div>

 

[KleeneJule]

hab die Flaggen fertig, mit Tabelle: Deutschland, Holland, Spanien, Österreich, Belgien, Frankreich und Italien. Eben alles leichte, bis auf die Schweiz, naja, wie schon gesagt, machen das zum ersten mal und ich kenn mich damit noch garnicht aus, also hab ich auch keine Ahnung, was ein div ist,... aber dafür gibt es ja Internet, wo ich gleich gucken werd.
Ihr habt mir aber alle echt super geholfen, hab die Flagge auch fast fertig, es muss nur das Kreuz kleiner und das bekomm ich nicht raus.

so sieht es bis jetzt aus:

<html>
    <head>
        <title>
        Schweizflagge
        </title>
    </head>
    <body><center>
<h1>Schweiz</h1>

<table cellspacing="1" Cellpadding="1" border="1" width="50%" height="35%">

<tr bgcolor="red" height="100px">
  <td width="50px"> </td>
  <td width="50px" style="background-color:white;"> </td>
  <td width="50px"> </td>
</tr>

<tr bgcolor="red"  height="100px">
  <td width="50px" style="background-color:white;"> </td>
  <td width="50px" style="background-color:white;"> </td>
  <td width="50px" style="background-color:white;"> </td>
</tr>

<tr bgcolor="red"  height="100px">
  <td width="50px"> </td>
  <td width="50px" style="background-color:white;"> </td>
  <td width="50px"> </td>
</tr>

</table>