mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:53 Benutzername: Passwort: Auto-Login

Thema: Div will nicht rechts unter einer Grafik stehen vom 29.09.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div will nicht rechts unter einer Grafik stehen
Autor Nachricht
Emoticon
Threadersteller

Dabei seit: 21.09.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.09.2011 09:08
Titel

Div will nicht rechts unter einer Grafik stehen

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

ich bin eigendlich Printer, muss mich aber im mom mit dem Coden einer Web-Site beschäftigen und das im grunde autodidaktisch... Hier mein Problem:

Wir ihr im Code gleich sehen werdet will ich eine Liste, die ich als Navigation nutzen möchte rechts mit einem Abstand von 5 Pixeln zum Rand und etwa 10 Pixeln nach oben unter einer Grafik, dem Logo plazieren. Die beiden liegen zwar auch rechts, aber meine Liste bleibt links unter der grafik hängen und rutscht nicht so wie ich es will an den Rand.

Html
Code:

<div class="Hintergrund">                            <!-- Ab hier Klasse "Hintergrund" -->
     <img src="../Grafiken/Portrait-KUNDE.png" id="KUNDE-Portrait"><br>
     <img src="../Grafiken/Logo_verschnitt_test.png" id="Kurzlogo_index">

     <p class="Text">
         <span>Acero odit,</span><br>
         con re, utemquias endae pe ditiur? Qui officab ius unt <br>
         volloresequi deliquam qui conet et estiis destion et que <br>
         pliquidel inum volorepra consedi beat harchil ignihitat. <br>
         Enda quiassit fugias <span>modic</span> tem fuga. Itasimolupta <br>
         quassent, sum facest fugitat aut lat. Ignihiciis qui tem <br>
         aut del iunt verfere remporitia etus aut qui que evellaut <br>
         denisiment, corerfernam quid qui res ipsantus, nonecto <br>
         temostis nullaces ad es doluptat.<br>
         <br>
         KUNDE
     </p>

<div class="Navi">
         <li>Start</li>
     <hr class="linie">
         <li>ats</li>
     <hr class="linie">
         <li>Work-Life-Coaching</li>
     <hr class="linie">
         <li>Vita</li>
     <hr class="linie">
         <li>Kontakt</li>
     <hr class="linie">
</div>
</div>                           


CSS
Code:

.Hintergrund { width:1000px;
         height: 1024px ;
         font-family: sans-serif;
         font-size: 12px;
         text-align: left;                       
         text-color:#3D3E40;
         margin-left: auto;                       
         margin-right: auto;
         border-left: 138px solid ;             
         border-left-color: #008EB8;
         border-right: 138px solid ;
         border-right-color: #008EB8;
         background-color:#FFFcf5        }

.Navi {  font-family: sans-serif;
         font-size: 1.2em;
         font-weight: semi-bold;
         text-align: left;
         text-color: #3D3E40;
         list-style: none;
         float: right ;                           
         padding:3px  ;
         margin-top: 5px ;
         margin-right:5px;                     }

.Text {  padding:8px  ;                         
         border: 0.1em solid blue ;             
         margin:10px  ;
         float: left ;
         clear: left     }

.linie { width: 150px;
         border: solid #008EB8 1px;     }


/*IDs*/

#KUNDE-Portrait   {    float: left ;
                        margin: 10px;     }

#Kurzlogo_index    {    float: right ;
                        margin: 10px;    }



Wie gesagt ich bin absolut blutiger Anfänger und habe auch in der Suchfunktion keinen passenden Thread gefunden - bzw. wüsste nicht wie ich das hier anders betiteln sollte... Bin für jede Hilfe dankbar * Ich bin unwürdig *
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 29.09.2011 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

no link, no service.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Emoticon
Threadersteller

Dabei seit: 21.09.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.09.2011 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

Das ganze projekt ist noch nicht mal ansatzweise online, alles was ich z.Z, mache liegt fein brav bei mir auf dem PC ...
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 29.09.2011 10:12
Titel

Re: Div will nicht rechts unter einer Grafik stehen

Antworten mit Zitat Zum Seitenanfang

Emoticon hat geschrieben:
Code:

<div class="Navi">
         <li>Start</li>
     <hr class="linie">
         <li>ats</li>
     <hr class="linie">
         <li>Work-Life-Coaching</li>
     <hr class="linie">
         <li>Vita</li>
     <hr class="linie">
         <li>Kontakt</li>
     <hr class="linie">
</div>

Das kann schon mal nicht stimmen, <li> müssen immer direkt innerhalb eines <ul> oder <ol> sein. Diese wiederrum dürfen nur <li> enthalten, sodass dein <hr> keinen Sinn macht, du solltest hier lieber auf border (css) zugreifen.
  View user's profile Private Nachricht senden
Emoticon
Threadersteller

Dabei seit: 21.09.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 05.10.2011 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm gut zu wissen, muss dazu sagen ich bin eig Printer und muss mich halt nun mit Web auseinander setzen...
Warum zeigt dann aber der Internet explorer auch ohne <ul> z.b. Aufzählungszeichen? (bitte werter das nicht als gezicke, ich hab einfach wirklich keine Ahnung)

Mein eigenldiches Problem ist übrigens gelöst, ging mit einem Clear.... aber keine Ahnung warum er ausgerechnet jetzt funktioniert hat. Hab's x-mal probiert...
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Mi 05.10.2011 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

So lange Du syntaktisch falsch arbeitest, kann alles passieren.
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Mi 05.10.2011 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

Emoticon hat geschrieben:

Warum zeigt dann aber der Internet explorer auch ohne <ul> z.b. Aufzählungszeichen? (bitte werter das nicht als gezicke, ich hab einfach wirklich keine Ahnung)


is doch völlig irrelevant, warum der irgendwelchen fehlerhaften unfug irgendwie darstellt.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] DIV im DIV - Grafik rechts unten postionieren?
Platzierung v. Grafik oben rechts ohne <table>
Flash Grafik per Mouseover nach links oder rechts bewegen
footer bleibt bei javascriptaktion im IE stehen
Fireworks, Navigation bleibt stehen
MC-Button soll bei klick stehen bleiben
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.