Formatierungs Frage :(

[lexastyle]

Mahlzeit alle zusammen =)
bin mal wieder auf ein Problem gestoßen und zwar muss ich geschütze leerzeichen verwenden um eine einigermaßen schöne formatierung zu bekommen :/ ( Platz rechts )
Leider sieht es wirklich blöd aus im Code und ich wollte dies nun ändern.
Auf frames wollte ich soweit eigentlich verzichten da man hier ja überall liest das die böse sind



Bild:

<p align="right"><a href="mailto:[email protected]">Support</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br/> 
<img src="../gfx/imagemap2.gif" border="0" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</p>

 

[Icy]

Warum teilst du dem Element nicht einfach einen entsprechenden Wert für margin-right zu?

#navi {
  margin-right: 50px;
}

MfG Icy

 

[lexastyle]

weil ich ehrlich gesagt absolut keine ahnung von dem befehl hatte und leider damit nichts anzufangen weiss^^

btw : Ist das nicht ein php code der dann in die css muss ?


>Solved<

p {margin-right:150px;}
hat super geklappt =)

möchte aber noch gerne was wissen.
Und zwar möchte ich jeweils das das bild rechts sowie links ist nur das problem ist wenn ich margin-left schreibe kommts ja auf eine seite :(

 

[littleHtml Freak]

#navi ist die ID
(im html code:

<div id="navi">kkbkj</div>

)
margin-left(oder right oder bottom oder top) ist der css befehl für einen innenabstand
also dem abstand des inhaltes und dem rand des elements(z.b. div oder p)
also das kommt in die css-datei und du muss deinem element noch die entsprechende id geben (kannst auch ne class nehmen sieht dann so aus: div class="navi" und im css dan entsprechend div.navi {...)
und für alls weitere CSS 4 You - The Finest in Stylesheets
mfg
edit: was genau meinst du?

 

[lexastyle]

Ja habs nun versucht so wie du es meintest aber im moment sieht es noch so aus

<p.rechtslayer align="right"><a href="mailto:[email protected]">Support</a>
<br/> 
<img src="../gfx/imagemap2.gif" border="0" />
</p>
<p.linkslayer align="left"><a href="mailto:[email protected]">Support</a>
<br/>
<img src="../gfx/imagemap1.gif" border="0" />
</p>

 p.rechtslayer {margin-right:150px;}
 p.linksslayer {margin-left:150px;}

es gibt momente an denen ich einfach weinen möchte

 

[littleHtml Freak]

und was genau möchtest du?
möchtest du die obere navileiste so haben wie untere oder was?

[COLOR=#000080]<p.rechtslayer align=[COLOR=#0000FF]"right"[/COLOR]>[/COLOR]

geht das???
müsste es nicht

<p class="rechtslayer">

heißen?
(wieso steht das align nicht im css und sowieso ginge es nicht besser mit float: right?)
mfg

 

[csstester]

margin-left(oder right oder bottom oder top) ist der css befehl für einen innenabstand

UPS, padding ist der innenabstand vom inhalt zum rahmen(egal ob sichtbar oder nicht), erst danach kommt margin un ist somit der aussenabstand.

SELFHTML: Stylesheets / CSS-Formate definieren / Das CSS Box-Modell

 

[Körnerbrötchen]

<p.rechtslayer align="right"><a href="mailto:[email protected]">Support</a>
<br/> 
<img src="../gfx/imagemap2.gif" border="0" />
</p>
<p.linkslayer align="left"><a href="mailto:[email protected]">Support</a>
<br/>
<img src="../gfx/imagemap1.gif" border="0" />
</p>

wird zu

<p class="rechtslayer"><a href="mailto:[email protected]">Support</a>
<br/> 
<img src="../gfx/imagemap2.gif" border="0" alt="hier einen Alternativtext einfügen, welcher das Bild beschreibt!" />
</p>
<p class="linkslayer"><a href="mailto:[email protected]">Support</a>
<br/>
<img src="../gfx/imagemap1.gif" border="0" alt="hier einen Alternativtext einfügen, welcher das Bild beschreibt!" />
</p>

p.rechtslayer {
 margin-right:150px;
 float:right;
}
p.linksslayer {
 margin-left:150px;
 float:left;
}

es gibt momente an denen ich einfach weinen möchte

Stimmt, aber ein solcher sollte es jetzt nicht sein!

 

[lexastyle]

Danke du hast mir mächtig geholfen =)
verstehe nun auch wo der fehler war.
Besten dank =)

aber irgendwie hat sich mailto selbstständig gemacht >.>
hier html sowie bild un php snippet

<div class="Support">
    <a href="mailto:[email protected]">Support</a> </div>

div.support {
 margin-right:150px;
 float:right;}

ach und

p.linksslayer

ein s zuviel

 

[Körnerbrötchen]

Bitte, bitte! Kein Problem...

Ein s mehr oder weniger auf der Welt... wen stört's.

 

[littleHtml Freak]

du willst support warschinlich in einem der "Pflanzenkästen" haben oder?
der support klassen div kommt in den links(oder rechts) layer-div dann musst du mit margin die position verändern
alternativ auch mit
left right top oder bottom
voraussetztung ist aber dass du position: absolute; im entsprechenden css hast
mach am besten float: left; ist nämlich das "normale" und right sorgt dann nur für verwirrung
hoffe hab dir geholfen
mfg