CSS Anfänger bittet um Hilfe.

[Johnny8989]

Hallo zusammen,

habe zu dem Thema leider nichts finden können. Es ist wahrscheinlich was super einfaches aber ich beschäftige mich seit HEUTE mit CSS und kriegs nicht raus

Ich möchte zwischen meinen Texten solche "Tipp-Boxen" einbauen (siehe Bild)

https://www.bilder-upload.eu/show.php?f ... 182115.jpg

Die Box soll umrandet sein, hat links ein Bild und rechts den Text. Das feine werde ich selber hinkriegen. Aber wäre lieb wenn mir jemand das Gerüst zeigen könnte

Edit: Plugins für Wordpress habe ich auch nicht gefunden. Gibt es welche?

Danke

[Can]

Es kann hilfreich sein wenn du mit Bootstrap anfängst. Ist sozusagen eine CSS Bibliothek die viele vorgestylte HTML Elemente mitbringt.

Ein Wordpress Plugin solltest du für soetwas nicht verwenden.

https://codepen.io/anon/pen/ZOpEyW

codepen ist am anfang super um schnell mal was auszuprobieren.

[Johnny8989]

Besten Dank...

Wo pack ich den CSS code rein?

[Can]

Wordpress Blog? In eine Style Datei deines Themes. am besten legst du eine neue an und bindest diese entweder in der header.php ein oder wenn es die nicht gibt dann die index.php

[nerd]

Die Box soll umrandet sein, hat links ein Bild und rechts den Text. Das feine werde ich selber hinkriegen. Aber wäre lieb wenn mir jemand das Gerüst zeigen könnte

Code: Alles auswählen

<div class="outer">
<div class="pull-left w30">
<img src="bild.jpg">
</div>
<div class="pull-right  w70">
<span>Tip text hier</span>
</div>
</div>

Code: Alles auswählen

.pull-left {
float:left;
}

.pull-right {
.float:right
}

.outer {
border:2px solid red;
}

.w30 {
width:30%
}

.w70 {
width:70%
}

Wordpress plugin oder ein halbes megabyte an bootstrap code laden nur fuer die paar zeilen code? echt jetzt?!