Text links & text rechts in einer zeile!?

Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 16:10 | Author: PCFreund

halli hallo hallöche
ja da bin ich schon wieder mit einem neuen problem angetanzt ...
und zwar:
ich möchte copyright und breadcrumbs in einer zeile haben...
copyright soll links angezeigt werden und die breadcrumst rechts ...
mit <p> hab ich das schon probiert nur wird dann ein neuer absatz gebildet ...
also hier mal ein styleausschnitt meines footers:

Code


#footer a {

color:#FFFFFF;

}



nun möchte ichs so haben:
Homepage Links --> |Copyright Breadcrumbs| <--- homepage rechts ...

schafft das vileicht irgendjemand !?
weil ich habs nicht hinbekommen ...

bei mir wirds immer so angezeigt:

|Copyright |
| Breadcrumbs|

so nun meine frage an euch: kann das jemand hinbiegen so dass es funktioniert !?
bin schon wieder total am verzweifeln und google spuckt keine g'scheid'n ergebnisse aus ...
L.G. PCFreund

ps: hier der aktuelle code wie ich es nicht hinbekomen hab:

Code


<div id="footer">
<?php include('footer.php') ?><?php echo "<p style=\"margin-right:1em\" align=\"right\">Location: http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]</p>"; ?>
</div>



im footer.php (wird includiert) steckt nur reiner text ...

/Edit: ooh sorry ich seh grad falsches footer style-element ...
hier das richtige:

Code


#footer {

width:885px;

padding-top:40px;
padding-left:55px;

padding-bottom:10px;

color:#FFFFFF;

font-size:12px;
line-height:15px;
clear:both;
background-image:url(images/footer.png);

}



Re: |Text Links rechter text|| Datum: 05.10.2009 - 16:10 | Author: Fazitas

probiers einfach mal mit

Code



<span class="x">Copy</span>
<span class="y">Brotkrümel</span>




Weiß nicht genau obs funktioniert, war nur ne Idee.

Edit:
anstatt der class sind halt auch style oder so möglich.

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 16:10 | Author: PCFreund

und was mach ich mit dem x und den y !?

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 16:10 | Author: Fazitas

Das sind die bezeichnungen für CSS Klassen,
aber du kannst sie auch weglassen und einfach style nutzen:

Code



<span style="text-align: left;">Copy</span>
<span style="text-align: right;"></span>




kannst ja mal testen,
ob es so funktioniert weiß ich jetzt nicht,
bin grad kreativ da kann ich nicht proggen ;)

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 16:10 | Author: PCFreund

also wo x steht einfach den namen footer einfügen und dann hab ich eine neue css klasse erstellt die heißt breadcumbs mit einem # davor ... hab aber auch manche klassen da seht ein . davor ... warum ist das so !?
und dann bei den y einfach den breadcrumbs footer einfügen !?

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 16:10 | Author: Anonymous

kannst du CSS ?
# sind klassen, . sind IDs (hoffe, dass ist richtig so, sonst anders herum ;) )
lg DHMH

PS:
Gleich sind die Boxen mit Cookies ausgestattet :D

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: PCFreund

dhmh kannst du mir das schnell irgendwie machen !?

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: Fazitas

Funktioniert mei Lösungsansatz nicht den ich als 2tes gepostet hab?
Oder möchtest du es unbedingt in eine externe CSS-datei packen?

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: Anonymous

span ist ein inline Element und deshalb immer nur so breit wie der darin enthaltene Text. text-align würde deshalb wohl kuam was bringen.

sowas könnte funktionieren:

Code


im head:
<style type="text/css">
div.links {
float:left;
}
div.rechts {
float:right;
}
</style>




Code



im body:
<div class="rechts">
Dies ist der Rechte text
</div>
<div class="links">
Dies ist der Linke text
</div>





(Edit: reicht sogar aus, wenn nur beim "rechts" Div die float Eigenschaft gesetzt wurde. Dann muss der "rechts" Div wie hier im Beispiel aber auch vor dem "links" Div angegeben sein.)

mfg Balmung

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: Fazitas

okay, hab span grad nicht so genau im Kopf gehabt :)

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: PCFreund

[quote="DHMH":x7rznxox]kannst du CSS ?
# sind klassen, . sind IDs (hoffe, dass ist richtig so, sonst anders herum ;) )
lg DHMH

PS:
Gleich sind die Boxen mit Cookies ausgestattet :D[/quote:x7rznxox]

nicht richtig glaub ich ...
denn in der index.php steht:
<div id="footer">
wenn ich jetz in die style.css schau steht da ein # vor footer ... also #footer
dann gibts da noch #footer a und sonst hab ich nix mehr ... ich schau dann nochmal in die usermenubox.php da is irgendein gelaber von span oder id oder class kA

:: Bearbeitet am Mo 5. Okt 2009, 17:53 ::

. sind klassen und # sind id's

PS:

Zitat von x7rznxox
PS:
Gleich sind die Boxen mit Cookies ausgestattet :D

Lecker !!! Dann gibts kekse ! schokokekse ?

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 17:10 | Author: Anonymous

hier ein Beispiel:
http://bubi.homelinux.org/test.php

ging noch bissel kürzer :p

Code


<div style="float:right">
[home] &gt; [bread] &gt; [crumb]
</div>
Copyright &copy; 2009



Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 18:10 | Author: PCFreund

mann ich will das nicht auf die seite picken alles ich will das mit der style.css verkleben ... irgendwie ... lieber gott(dhmh) bitte hilf mir !?(und mach endlich das portal und hilf mir)

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 18:10 | Author: Anonymous

[quote="PCFreund":dv374vuj]mann ich will das nicht auf die seite picken alles ich will das mit der style.css verkleben ... irgendwie ... lieber gott(dhmh) bitte hilf mir !?(und mach endlich das portal und hilf mir)[/quote:dv374vuj]
wo ist das Problem?
Du gibts dem div dann einfach eine Klasse und setzt die eigenschaft stattdessen in der style.css.

mfg Balmung

Re: Text links & text rechts in einer zeile!?| Datum: 05.10.2009 - 18:10 | Author: PCFreund

xD stimmt ... -.- ist mir vorher auch schon aufgefallen nur funktioniert da dann irgendwas nicht .. naja ich bastel einstweilen weiter ...