Hallo synaptic,
vielen Dank für deine Antwort. Tut mir sehr leid, dass ich jetzt erst antworte. Ich werde deine Lösungsvorschläge mal austesten und schauen, was am besten klappt.
Hallo synaptic,
vielen Dank für deine Antwort. Tut mir sehr leid, dass ich jetzt erst antworte. Ich werde deine Lösungsvorschläge mal austesten und schauen, was am besten klappt.
Perfekt! Das ist so simpel darauf wäre ich im Leben nie gekommen
Hallo,
ich habe ein kleines Problem bei Wordpress. Bei mir im Blog bricht der Titel in der mobilen Ansicht nicht richtig um.
Hier der Link zu der Blogseite: https://www.wassertest-online.de/blog/wasserverschmutzung/
Danke schonmal für eure Hilfe!
Hallo,
ich habe einen Div Box um den eine Border mit einer Border-radius liegt. Diese Border soll sich über den darin enthalten
Div mit einem Bild drin legen. der code sieht wie folgt aus:
<div id="box1">
<div id="prodBild">
<img src="Pfad zum Bild" width="100%" height="auto" alt="Produktbild">
</div>
<div id="prodText">
<p>asdfkjlsadkjf</p>
</div>
</div>
#box1, #box2, #box3, #box4, #box5, #box6,
#box7, #box8, #box9, #prodText, #prodKaufen{
width: 100%;
max-width: 600px;
margin: auto;
}
#box1, #box2, #box3, #box4, #box5,
#box6, #box7, #box8, #box9{
border: 5px solid #234d65;
border-radius: 10px;
margin-bottom: 4%;
}
#prodText{
padding: 2%;
background-color: #fcfcfb;
}
Alles anzeigen
Über Hilfe bin ich sehr dankbar
Da das Lokal ist, kann ich leider keinen Link schicken, aber hier ist das HTML dazu. Clearfix habe ich angewendet, bringt aber nichts.
<div id="bewertungsboxen"> <div id="box1">
<img src="img/personenbild.png" alt="Person Bild" class="personenbild">
<div id="blau">
</div>
<div id="boxInhalt">
<img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
<div id="boxText">
<p><span style="font-size: 16px"><b>“Sehr einfach durchführbar und gut erklärt”</b></span><br>
Mein Chef hat den Wassertest bestellt und mir ohne weitere Erklärung \"auf den Tisch\" gelegt. Anfangs hatte ich etwas Bedenken, da ich noch nie eine Wasserprobe abgefüllt habe. Die beiliegende Anleitung erklärt allerdings Schritt-für-Schritt ALLES. Daher kann ich besten Gewissens sagen, dass es \"spielend\" einfach durchführbar ist und man keine Vorkenntnisse aus dem Bereich benötigt.</p>
</div>
<p class="name">Niemann</p>
</div>
</div>
<div id="box2">
<img src="img/personenbild.png" alt="Person Bild" class="personenbild">
<div id="blau">
</div>
<div id="boxInhalt">
<img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
<div id="boxText">
<p><span style="font-size: 16px"><b>“Sehr gute und strukturierte Abwicklung”</b></span><br>
Die Organisation der Logistik hat uns imponiert. Das Paket war am Tag nach der Bestellung und Bezahlung bei uns. Die Durchführung war einfach und verständlich. Die telefonische Erreichbar Ihres Unternehmens hervorragend und freundlich. Der UPS-Fahrer kam pünktlich wie vereinbart. Die Laborbefunde waren übersichtlich und sofort verständlich und wie zu erwarten: Ebenfalls pünktlich. Großartig. Ein Lob aus Hildesheim!</p>
</div>
<p class="name">Niemann</p>
</div>
</div>
<div id="box3">
<img src="img/personenbild.png" alt="Person Bild" class="personenbild">
<div id="blau">
</div>
<div id="boxInhalt">
<img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
<div id="boxText">
<p><span style="font-size: 16px"><b>“Gut erklärt”</b></span><br>
Die Utensilien für die Wasserprobe sowie die Ergebnisse der Analyse waren pünktlich und vollständig. Guter Service.</p>
</div>
<p class="name">Niemann</p>
</div>
</div>
</div>
<div class="clearfix"></div>
Alles anzeigen
- - - Aktualisiert - - -
Ich habs rausgefunden! Habe einfach alle drei Boxen auf float: left; gesetzt und dann ging es. Manchmal ist die Lösung einfacher als man denkt
Moin zusammen!
ich habe folgendes Problem: Ich möchte drei Div-Boxen nebeneinander floaten lassen. Allerdings fällt die letzte Box nach unten, obwohl neben den anderen noch genug Platz ist.
Hier auch noch zusätzlich mein Code:
#bewertungsboxen{
width: 940px;
height: 397px;
margin: auto;
margin-top: 19px;
}
#box1, #box2, #box3{
width: 300px;
height: 397px;
}
#box1{
float: left;
}
#box2{
margin: 0 320px;
}
#box3{
float: right;
}
#blau{
width: 300px;
height: 56px;
background-color: #234d65;
}
Alles anzeigen
Ich weiß grade absolut nicht mehr weiter und bin dankbar über jede Hilfe.