Frage von Bamba675, 6

Html Website Overlay?

Hi! Hab ne Frage zum Website programmieren. Ich möchte die Website dritteln (links, mitte, rechts) und den linken und rechten streifen leicht rot färben. Kann mir jemand helfen und mir den Code sagen?

Antwort
von Dory1, 6
html
<div class="links">links</div>
<div class="mitte">mitte</div>
<div class="rechts">rechts</div>

css

body {
margin: 0;
background: -moz-linear-gradient(left, #f7a385 0%, #f7a385 30a%, #ffffff 33.33%, #ffffff 66.66%, #f7a385 66.66%, #f7a385 100%);
background: -webkit-linear-gradient(left, #f7a385 0%, #f7a385 33.33%, #ffffff 33.33%, #ffffff 66.66%, #f7a385 66.66%, #f7a385 100%); background: linear-gradient(left, #f7a385 0%, #f7a385 33.33%, #ffffff 33.33%, #ffffff 66.66%, #f7a385 66.66%, #f7a385 100%); } .links, .mitte, .rechts { float: left; width: 33.33%; }

Demo: http://codepen.io/anon/pen/rLYbQK

Antwort
von Skalted, 5

Du kannst ganz einfach eine Tabelle verwenden, und diese mit CSS ganz nach deinen Wünschen stylen.


Versuchs mal damit:

<style type="text/css">
.left{
  float: left;
}
.right{
  float:right;
}

</style>

<table>
<tr>

<td class="left">links</td>

<td>mitte</td>

<td class="right">rechts</td>

</tr>
</table>

Übrigens wer mit HTML umgeht nennt das streg genommen nicht Programmieren, da es sich um eine Markup-Sprache handelt;) Aber das nur nebenbei.


Kommentar von Skalted ,

Entschuldige ich hab mich grade selbst verrant! Du benötigst keinerlei CSS wenn du eine Tabelle verwendest! 



<table>
<tr>

<td>links</td>

<td>mitte</td>

<td>rechts</td>

</tr>
</table>


Ist vollkommen ausreichend!

Kommentar von TitusPullo ,

float hätte auch garkeine auswirkung auf td´s. Dennoch, Tabellen für sowas zu verwenden macht man seid gut 10 Jahren, oder sogar länger, nicht mehr :D

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten