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 |
|
|
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
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Do 29.09.2011 09:48
Titel
|
|
|
no link, no service.
|
|
|
|
|
Anzeige
|
|
|
Emoticon
Threadersteller
Dabei seit: 21.09.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.09.2011 10:02
Titel
|
|
|
Das ganze projekt ist noch nicht mal ansatzweise online, alles was ich z.Z, mache liegt fein brav bei mir auf dem PC ...
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 29.09.2011 10:12
Titel Re: Div will nicht rechts unter einer Grafik stehen |
|
|
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.
|
|
|
|
|
Emoticon
Threadersteller
Dabei seit: 21.09.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 05.10.2011 14:52
Titel
|
|
|
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...
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mi 05.10.2011 14:55
Titel
|
|
|
So lange Du syntaktisch falsch arbeitest, kann alles passieren.
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Mi 05.10.2011 14:56
Titel
|
|
|
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.
|
|
|
|
|
|
|
|
Ä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
|
|