Drei DIV-Boxen nebeneinander?

Hallo, ich möchte meine Webseite übersichtlicher machen indem ich zwischen zwei Balken einen Text haben möchte, leider gelingt es mir nicht eine 3. Box hineinzubekommen, nur für die Schrift. Das erste Bild ist der jetzige Stand, das zweite Bild soll zeigen wie die Webseite aussehen sollte, das dritte ist mein php code. box_2 linke box mit den Balken, box_3 die rechte.

2 Antworten

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

10.12.2017, 19:40

Der Quellcode ist nicht PHP sondern CSS.

Für das was Du erreichen willst brauchst Du auch CSS. PHP spielt für die Gestaltung keine Rolle. Leider hast Du keinen HTML-Code gepostet, der wäre noch relevant gewesen.

So kann ich dir nur pauschal folgenden Tipp geben:

HTML

<div class="links">inhalt link</div>
<div class="rechts">inhalt rechts</div>
<div class="mitte">inhalt mitte</div>

CSS

.links { float: left; }
.rechts { float: right; }
.mitte {}

Dadurch wird das was in der Mitte steht von den beiden anderen umgeben. Weitere Gestaltung und Inhalte sind völlig dir überlassen.

Alternative dazu: Flexbox oder CSS-Table. Siehe: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Woher ich das weiß:Berufserfahrung – mit dem Internet verbunden seit 1993

Andi1111111

Fragesteller

10.12.2017, 20:04

sry meinte auch css lol danke

tavkomann

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, CSS

10.12.2017, 19:34

Kannst du bitte ein lauffähiges Beispiel bei JSFiddle erstellen?

Andi1111111

Fragesteller

10.12.2017, 20:14

Es geht schon danke

Ich habe in einem div Container zwei div Container nebeneinander.

Wenn man die Webseite vom Handy aus öffnet, sollen die zwei div Container welche nebeneinander sind übereinander angezeigt werden, ansonsten sieht der Text echt schlecht aus, wie kriege ich das hin?

...zur Frage

div-class auf bestimmten Seiten ein-/ausblenden?

Ich möchte gerne mit einem php-script das die div-Box Info nur auf der Seite index.php angezeigt wird und auf allen anderen Seiten ausgeblendet wird. Wiederum möchte ich die box Breadcrumbs auf allen Seiten angezeigt haben, außer auf der index.php Seite, wie bekommen man sowas hin?

...zur Frage

HTML/CSS 2 Bilder nebeneinander?

Ich würde gerne in HTML mit CSS 2 bilder nebeinander positionieren. Beide sind in einer DIV BOX... Siehe das Bild im Anhang..

...zur Frage

Objekte sollen die Div-Box nicht verlassen. (CSS)

Hallo!

Wie schaffe ich es, das es Objekte (Text, Bilder, etc...) nicht ihre Div-Box verlassen (also formatiert bzw. kleiner werden, wenn ich zum Beispiel das Fenster verkleiner, oder die Webseite auf dem Handy öffne.

Schonmal vielen Dank im Vorrau :)

Lg mono

...zur Frage

Wie kann ich zwei DIV-Elemente nebeneinander bekommen?

Hallo,

ich wollte eine Internetseite mit HTML erstellen, auf der ich mich im Kopfbereich vorstelle und rechts von mir ein Bild sein soll.

Kann mir jemand helfen, wie ich das hinbekomme? Wie bekomme ich die div-Elemente nebeneinander? Und wie kann ich dem div dann sagen, dass das Bild oben rechts sein soll und in dem anderen div der Text zentriert wird?

...zur Frage

Webseiten Aufbau...Div Blöcke nebeneinander?

Hallo

Ich bin dabei eine Seite aufzubauen die aus mehreren Div Blöcken besteht ...Siehe Bild

Ich stehe vor einem Problem ...wie schaffe ich es drei Div Blöcke nebeneinander zu positionieren ....

div.Navigation | div.Content | div.Informationen

...kann mir da jemand helfen

Das ganze mache ich in ASP.NET ...sollte aber eigentlich egal sein weil das ja nur mit HTML und CSS zu tun haben muss

gruß .w.t

...zur Frage

HTML DIV Box von externer Webseite in eigene einfügen?

Ist es möglich, dass ich eine DIV Box von einer anderen Webseite z.B. von YouTube in meiner Webseite einbinde??

Vielleicht mit dem Tag "include" oder "iframe" aber damit kenne ich mich leider nicht aus.

Danke für eure Hilfe!

...zur Frage

Javascript geht nicht in einem von XMLHttpRequest geladenen Div?

Hallo ich versuche gerade mit XMLHttpRequest einen Div auf meiner Webseite zu aktuallisieren soweit geht das auch nur wenn ich versuche in der datei die geladen werden soll etwas mit Javascript auszuführen wird dies nicht getan. Ich habe aber überprüft das die datei geladen wird. Das was ich in JS geschrieben habe wird auch in den Div geladen nur nicht ausgeführt..
Hier meine Datei die den Div läd:

  <script language="javascript" type="text/javascript">
    function getData() {
      var xhr = new XMLHttpRequest();                 // Create XMLHttpRequest object
    
      xhr.onload = function() {                       // When response has loaded
        // The following conditional check will not work locally - only on a server
        if(xhr.status === 200) {                       // If server status was ok
          document.getElementById('load').innerHTML = xhr.responseText; // Update
        }
      };
      
      xhr.open('GET', 'sql/load.php', true);        // Prepare the request
      xhr.send();                                 // Send the request
    }
    
    setInterval(getData, 1000);
</script>

<div id='load'></div>

Hier meine Load.php

<?php
session_start();
require_once "config.php";
require_once "link_user.php";
        //Check new messages
        $test = "false";
        $sql = "SELECT * FROM msg WHERE touser='$user_name' AND readmsg='$test' LIMIT 1";
        $query = mysqli_query($db_link, $sql) or die (mysqli_error());
        $num = mysqli_num_rows($query);
        while ($row = mysqli_fetch_array($query)) {
            $chat_id = $row["chat_id"];

        }
        if($num == 1){
            
echo "<script>
var notification = new Notification('Notification title', {
    icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
    body: 'Hey there! You\'ve been notified!',
   });</script>
";
        }
?>

...zur Frage

wie alle bilder im ordner automatisch auf webseite anzeigen?

also, ich habe einen ordner auf meinem webspace, welcher bilder enthält, jetzt habe ich ne webseite, auf der alle bilder im ordner dargestellt werden sollen, ab und zu kommen bilder hinzu, jetzt soll es automatisch alle bilder bild für bild nehmen, einen html rahmen und noch paar andere elemente drum herum machen und auf der webseite nacheinander anzeigen, wie mache ich das mit html, css und php?

andere vorschläge auch gerne

...zur Frage

CSS boxen nebeneinander positionieren?

Kann mir Jemand bitte helfen, mein Problem ist, dass ich nicht weiß wie ich die boxen wie am ersten Bild dargestellt nebeneinander positionieren soll.

ich habs mit float: right; float: right,top; .... und 10 andere varianten eine Stunde lang rum exprimentiert, aber es hat nicht geklappt.

...zur Frage

HTML / CSS: Mein div wird oben abgeschnitten?

https://jsfiddle.net/qkw45jne/1/

Wenn der Bildschirm zu klein wird (in der Höhe), wird das rote div oben teilweise abgeschnitten. Scrollbars kommen aber trotzdem, da die teile drunter vollständig zu sehen bleiben.

Was muss ich ändern, dass auch das rote div immer vollständig da bleibt?

In dem jsfiddle könnt ihr das recht einfach nachstellen, indem ihr die mittlere grenze hoch schiebt. Dann wird irgendwann auch der text im roten div sichtbar:

...zur Frage

Balken in html/css hinbekommen?

Wie mache ich diese verschiedenen Balken diese weiße dunkelblau und schwarze balken?

Das ist ein bild von einer anderen webseite. Das würde ich auch gerne so für ein schulprojekt machen

...zur Frage

PHP submit button funktioniert nicht?

Ich habe für ein Schul Projekt eine Seite gebaut auf der man währungen umrechnen kann. Ich habe dafür Zwei Boxen wo man einmal in euro und einmal von euro umrechnen kann. Für eine Box funktioniert der submit button, aber nur wenn in allen feldern was geschrieben ist. Der in der 2. Box wo man von euro umrechnet funktioniert der submit button garnicht, da bekomme ich diese fehlermeldung:

Fatal error: Uncaught TypeError: Unsupported operand types: string * float in C:\xampp\htdocs\p5.php:8 Stack trace: #0 {main} thrown in C:\xampp\htdocs\p5.php on line 8

So wie auf dem Bild funktioniert es, aber nur wenn ich alle felder fülle. Es soll aber auch gehen wenn ich mal nur von euro umrechnen will.

...zur Frage

Mehrere Divs nebeneinander ohne Überlappen (HTML)

Hallo Zusammen

Ich würde gerne in meiner Webseite ein Div mit einem Inhalt links der Seite, sowie der Hauptinhalt in einem anderen Div rechts der Seite anzeigen lassen.

Das habe ich soweit auch hingekriegt. Jetzt kommt das Problem:

Bei Verkleinerung des Browserfensters überlappen sich die einzelnen Divs und ich möchte fragen wie man diese dazu zwingt sich nebeneinander einzureihen...

Freue mich auf Ratschläge,

Liebe Grüsse

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen