Div Boxen hinauf stellen

Diskutiere Div Boxen hinauf stellen im Web & Grafik Forum im Bereich Internet & Telekomunikation Forum; Hallo Leute Ich hab eine Navigation in einem Bild drinnen. Daneben rechts soll eine Box mit 649px Breite und 400px Höhe daneben sie wird aber...
Neues Thema erstellen Antworten
  • Div Boxen hinauf stellen Beitrag #1
S

steve46

Gesperrter User
Dabei seit
22.08.2008
Beiträge
209
Reaktionspunkte
0
Ort
Bad Hall
Hallo Leute

Ich hab eine Navigation in einem Bild drinnen. Daneben rechts soll eine Box mit 649px Breite und 400px Höhe daneben sie wird aber stattdessen unter das Bild diagonal angzeigt.

Lg Steve46
 
  • Div Boxen hinauf stellen Beitrag #2
futtlui

futtlui

Bekanntes Mitglied
Dabei seit
21.01.2003
Beiträge
10.439
Reaktionspunkte
2
sie wird unter das Bild diagonal angezeigt? Ich versteh kein Wort.
Drück Dich mal bitte in Sätzen (mit Satzzeichen) aus und so dass es auch jemand versteht der die Seite nicht vor sich hat - oder poste nen Screenshot.
 
  • Div Boxen hinauf stellen Beitrag #5
S

Savior

Bekanntes Mitglied
Dabei seit
20.06.1999
Beiträge
492
Reaktionspunkte
0
Das Problem ist wohl auf die float-Eigenschaft der linkbox zurückzuführen. -> "float: center" gibt es einfach nicht. Deshalb werden diese divs "normal" dargestellt, also mit automatischem Zeilenumbruch.

Eine einfache Lösung wäre, die ganze Navigation in ein Navigations-Div zu packen, welches z.b. "float: left" hat und in diesem Nav-Div die einzelnen Menüelemente ohne Float anzuordnen.
 
Zuletzt bearbeitet:
  • Div Boxen hinauf stellen Beitrag #7
S

Savior

Bekanntes Mitglied
Dabei seit
20.06.1999
Beiträge
492
Reaktionspunkte
0
Ja sicher sind die Menüpunkte nebeneinander. Die haben ja jetzt auch alle float: left... Ich würde dir wirklich raten dich erstmal etwas mehr in Sachen CSS-Propterties zu belesen. Das dürfte hilfreicher sein als deine aktuelle Trial&Error-Taktik. ;)

Hier nochmal mein bereits zuvor angesprochener Lösungsvorschlag:

Bei der linkbox das float komplett raus und das als Style hinzu:

#navDiv {
float: left
}


PHP: 
<div id="navDiv">
    <div class="linkbox">
        <ul>
        <li><font color="white">Home</font></li>
        </ul>
    </div>
    <div class="linkbox">
        <ul>
        <li><font color="white">Hunde</font></li>
        </ul>
    </div>
    <div class="linkbox">
        <ul>
        <li><font color="white">Mitglieder</font></li>
        </ul>
    </div>
</div>


Dann noch ein kleiner Hinweis am Rande. Du hast mehrmals die ID #linkbox auf der Seite. IDs dürfen aber standardmäßig nur einmal pro Seite auftauchen.
Also statt #linkbox einfach .linkbox nehmen bei deinem CSS-Style.
Weiteres dazu: Link
 
  • Div Boxen hinauf stellen Beitrag #8
S

steve46

Gesperrter User
Dabei seit
22.08.2008
Beiträge
209
Reaktionspunkte
0
Ort
Bad Hall
Vielen Dank!!!!!
 
  • Div Boxen hinauf stellen Beitrag #9
S

steve46

Gesperrter User
Dabei seit
22.08.2008
Beiträge
209
Reaktionspunkte
0
Ort
Bad Hall
Jetzt funktioniert aber der .linkbox:hover nicht mehr
 
  • Div Boxen hinauf stellen Beitrag #10
S

Savior

Bekanntes Mitglied
Dabei seit
20.06.1999
Beiträge
492
Reaktionspunkte
0
Füge mal noch nen DOCTYPE in deine Seite ein. Der kommt ganz als erstes, also vor <html>:

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
 
  • Div Boxen hinauf stellen Beitrag #11
S

steve46

Gesperrter User
Dabei seit
22.08.2008
Beiträge
209
Reaktionspunkte
0
Ort
Bad Hall
Jetzt funktioniert alles einwandfrei, Danke!!!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Neues Thema erstellen Antworten
Thema:

Div Boxen hinauf stellen

ANGEBOTE & SPONSOREN

https://www.mofapower.de/

Neueste Beiträge

Statistik des Forums

Themen
213.180
Beiträge
1.579.173
Mitglieder
55.879
Neuestes Mitglied
stonetreck
Oben