display:inline; div nach rechts bevegen

[Aleksej V.]

Hallo,

Naja, der suchserver ist schon seid 10 minuten augelastet, ich stell die frage einfach mal:

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>
Wie krig ich den 2 div rechts hin, text-align:right; funzt nicht.

Grüße aus Düsseldorf,

Aleksej

[Jan]

Hallo,

Naja, der suchserver ist schon seid 10 minuten augelastet, ich stell die frage einfach mal:

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>
Wie krig ich den 2 div rechts hin, text-align:right; funzt nicht.

so:

<div style="width:300px;float:left">Textbasierender HTML-Editor </div>
<div style="text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>

müsste es eigentlich gehen, denke ich.
probier mal.

mfg, jan aus dresden

[Aleksej V.]

Hi,

<div style="width:300px;float:left">Textbasierender HTML-Editor </div>
<div style="text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>

müsste es eigentlich gehen, denke ich.
probier mal.

Hab ich schon vorher, webweaver ist zwar rechts, aber 'Textbas...' wird verschwindet irgenwie, wird an der konstruktion der Seite liegen oder dass es im Iframe ist, keine ahnung. Funtz bei mir nicht, trotdem danke.

Grüße aus Düsseldorf,

Aleksej

[Axel Richter]

Hallo,

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>
Wie krig ich den 2 div rechts hin, text-align:right; funzt nicht.

1. Ein div mit display:inline ist ein span!
2. Ohne Breiten-Angabe ist Dein zweites div genau so breit, wie der Text "Webweaver", der drin steht. Die Text-align-Angabe nutzt also gar nichts.

<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

Ich hab mal Hintergrund-Farben verwendet, um die Auswirkungen der Breiten-Angabe zu zeigen. Breite1 + Breite2 muss = gewünschte Breite gesamt sein. Hier: 400px (Breite des iFrame).

Gruß

Axel

[Aleksej V.]

Hallo,

also irgenwie ist heut bei mir 'n tag des nichtverstehens.

1. Ein div mit display:inline ist ein span!
2. Ohne Breiten-Angabe ist Dein zweites div genau so breit, wie der Text "Webweaver", der drin steht. Die Text-align-Angabe nutzt also gar nichts.

ok

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline; width:200px;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>

<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

Ich hab mal Hintergrund-Farben verwendet, um die Auswirkungen der Breiten-Angabe zu zeigen. Breite1 + Breite2 muss = gewünschte Breite gesamt sein. Hier: 400px (Breite des iFrame).

|                                                               |
|Textbasierender HTML-EditorWebweaver                           |
|                                                               |
|                                                               |
|                                                               |
|Seinrand

So sieht es bei mir aus und durch deinen Vorschlag hat sich nichts geändert.

|                                                               |
|Textbasierender HTML-Editor                           Webweaver|
|                                                               |
|                                                               |
|                                                               |
|Seinrand

So soll es ausehen.

Grüße aus Düsseldorf,

Aleksej

[Axel Richter]

Hallo,

<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

|                                                               |
|Textbasierender HTML-EditorWebweaver                           |
|                                                               |
|                                                               |
|                                                               |
|Seinrand

Was definierst Du als CSS für a.underline?

Da "Textbasierender HTML-Editor" ja kaum 300px breit sein wird (oder wie groß ist die Schriftgröße dafür?), _kann_ "Webweawer" selbst linksbündig eigentlich nicht genau daneben stehen.

Gruß

Axel

[Aleksej V.]

Hallo,

<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

|                                                               |
|Textbasierender HTML-EditorWebweaver                           |
|                                                               |
|                                                               |
|                                                               |
|Seinrand

Was definierst Du als CSS für a.underline?

Da "Textbasierender HTML-Editor" ja kaum 300px breit sein wird (oder wie groß ist die Schriftgröße dafür?), _kann_ "Webweawer" selbst linksbündig eigentlich nicht genau daneben stehen.

Ich weiss, ist ja das merkwürdige:
css:
a {background-color:#00003E; color:#c0c0c0; text-decoration:none; cursor:default;}
a.underline:hover {color:#c0c0c0; text-decoration:underline;}

htmlcode, seite ist kompett im Iframe, kann immoment nicht hohladen, nur wenn es unbedingt nötig ist(keine php unterstüzung der server.):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> __ intrpid.de || v1.0 __ </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="daten/all.css">

<script language="JavaScript" src="daten/all.js" type="text/javascript"></script>

</head>
<body onLoad="browsercontrol()">

<?php include 'daten/anzeigen.php' ?>

<!-- ^^^^ wird nciht zu sahe tun, der code ist 160 zeilen -->

<div style="width:612px; float:left; border:4px ridge #00009F; margin-top:6px; height:304px; font-size:12px; color:#e0e0e0; text-align:left;" id="navibereich">

<br>

<div style="margin-top:4px; margin-left:7px; margin-right:7px; letter-spacing:0.1ex;"><div>
Die ganze Software die hier so ist, ist von Andreas D. geschrieben, ich programmier nicht so viel.
</div><br>

<div style="width:300px; display:inline;">Textbasierender HTML-Editor</div><div style="text-align:right; display:inline; width:200px;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>
<br><br><br>
<span style="width:300px; background-color:#00FF00;">Textbasierender HTML-Editor</span><span style="width:100px; background-color:#FFFF00; text-align:right;"><a href="webweaver.phtml" class="underline">Webweaver</a></span>

<hr  style="height:1px; color:#00009f; width:590px;">

</div>
</div>
</div>
</body>
</html>

bild:
<img src="http://www.intrapid.de/intr.jpg" border=0 alt="">

Grüße aus Düsseldorf,

Aleksej

[MudGuard]

Hallo,

<div style="width:300px; display:inline;">Textbasierender HTML-Editor </div><div style="text-align:right; display:inline;"><a href="webweaver.phtml" class="underline">Webweaver</a></div>
Wie krig ich den 2 div rechts hin, text-align:right; funzt nicht.

1. Ein div mit display:inline ist ein span!
2. Ohne Breiten-Angabe ist Dein zweites div genau so breit, wie der Text "Webweaver", der drin steht. Die Text-align-Angabe nutzt also gar nichts.

display:inline; und width:xxxpx; widersprechen sich.
Für inline-Elemente kann width nicht angewendet werden.

<div style="width:100%;">
   <div style="float:left; text-align:left;">blabla links</div>
   <div style="text-align:right;">blabla rechts</div>
</div>

Andreas

[Aleksej V.]

Hallo,

Danke es funktioniert.

Grüße aus Düsseldorf,

Aleksej