...in eine Zeile

...in eine Zeile

Beitragvon baraber » 28.07.2010, 18:26

Hallo zusammen,
also ich verzweifele noch bald....also ich habe folgendes Problem:

ich möchte das die BEIDEN Teile ( hier zB.: "Firma" & das darunter "Peter Beispiel GmbH") in EINER Zeile sprich nenbeneinander in 2 Zellen einer Tabelle stehen.

Meine Frage is : Wie erreiche ich das ?

Hier der Firebug code:

der Zeile FIRMA :

.profile dt {
font-weight:normal;
margin:0 0 0.2em;
}
user.css?U (Zeile 55)
Geerbt vondiv.art-PostContent
.art-PostContent {
color:#686379;
font-family:Sans-Serif;
font-size:13px;
font-style:normal;
font-weight:normal;
text-align:justify;
}
style.css?U (Zeile 767)
Geerbt vonbody
body {
color:#8F8F8F;
font-family:Sans-Serif;
font-size:13px;
font-style:normal;
font-weight:normal;

der Zeile Peter Beispiel GmbH

.profile dd {
color:#000000;
margin:0 0 1em;
}
user.css?U (Zeile 60)
Geerbt vondiv.art-PostContent
.art-PostContent {
color:#686379;
font-family:Sans-Serif;
font-size:13px;
font-style:normal;
font-weight:normal;
text-align:justify;
}
style.css?U (Zeile 767)
Geerbt vonbody
body {
color:#8F8F8F;
font-family:Sans-Serif;
font-size:13px;
font-style:normal;
font-weight:normal;

Wer weis wie man diese Beiden Zeile nebeneinander in eine Zeile, jedoch in eine Zelle ( 1 Tabellenzeile mit 2 Zellen) zusammenfügt...

Bin für jeden Tipp dankbar, da ich sonst noch verzweifele...

Danke im Vorraus lg Tony
baraber
neu hier
 
Beiträge: 7
Registriert: 10.04.2009, 12:41

Re: ...in eine Zeile

Beitragvon sejuma » 28.07.2010, 19:05

Wer weis wie man diese Beiden Zeile nebeneinander in eine Zeile, jedoch in eine Zelle ( 1 Tabellenzeile mit 2 Zellen) zusammenfügt...


Indem du eine Tabelle verwendest:

HTML:
Code: Alles auswählen
<table>
<tr>
<td>Firma:</td>
<td>Peter Beispiel GmbH</td>
</tr>
</table>
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: ...in eine Zeile

Beitragvon baraber » 28.07.2010, 19:28

Hallo,

danke für die schnelle Antwort. Jedoch kann ich diesen Befehl nirgends eingeben. Das ganze hat folgenden code an der Stelle die du meinst:

<dl>
<dt class="profile-profile_homepage">Homepage</dt>
<dd class="profile-profile_homepage">
</dd>
<dt class="profile-profile_firma">Firma</dt>
<dd class="profile-profile_firma">Peter Beispiel GmbH</dd>
<dt class="profile-profile_anschrift">Anschrift</dt>
<dd class="profile-profile_anschrift">Lange Str. 23 74613 Öhringen</dd>
<dt class="profile-profile_telefon">Telefon</dt>
<dd class="profile-profile_telefon">07941 / 77777777</dd>
</dl>

hmmm und nun was würdest du da machen ?

Danke im Vorraus

lg
baraber
neu hier
 
Beiträge: 7
Registriert: 10.04.2009, 12:41

Re: ...in eine Zeile

Beitragvon sejuma » 29.07.2010, 06:23

Gib das im CSS-Teil ein:
Code: Alles auswählen
.profile-profile_firma  {float: left;}
.profile-profile_anschrift, . profile-profile_anschrift {clear: left;}

und ändere HTML so:
Code: Alles auswählen
<dl>
<dt class="profile-profile_homepage">Homepage</dt>

<dd class="profile-profile_firma">Firma</dd>
<dd class="profile-profile_firma">Peter Beispiel GmbH</dd>

<dt class="profile-profile_anschrift">Anschrift</dt>
<dd class="profile-profile_anschrift">Lange Str. 23 74613 Öhringen</dd>
<dt class="profile-profile_telefon">Telefon</dt>
<dd class="profile-profile_telefon">07941 / 77777777</dd>
</dl>


Dennoch wäre es aus meiner Sicht sinnvoller, wenn du für diesen Zweck anstelle einer definition-list eine Tabelle verwenden würdest.
Musst eben auch etwas HTML- und CSS-Grundlagen lernen.
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "...in eine Zeile"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste