  |
| Autor |
Nachricht |
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
 Verfasst am: 24.05.2004, 22:56 Titel: CSS ohne Tabelle |
 |
|
Hallo,
ich möchte hier mal eine CSS-Frage stellen
<table align="center"width="100%"cellspacing="0" border="0" cellpadding="0">
<tr><td class="Link"><a href="../counter/scarklick.php?sdl_id=7"target="_blank"><b>LINK</b></a></td>
<td class="text"align="right"><b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b></td>
</tr>
<tr><td align="left"colspan="2"><p id="p2">mehr Text</p>
</td></tr>
</table>
Wie bekomme ich am einfachsten die "Hit-Anzeige" auf der ersten Zeile mit CSS rechtsbündig
<div id="content">
<div class="Link">">
<a href="../counter/scarklick.php?sdl_id=7"target="_blank">LINK</a>
</div>
<div class="text">
mehr Text
</div>
</div>
Was mache ich damit um es rechtbündig zu bekommen
<b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b>
2.Frage:
Kann man mittels CSS bei h - oder p-Tags beeinflussen, dass der Absatz bzw die Leerzeile welche entsteht, verschwindet? Und dies ohne feste Positionen festzulegen.
Gruss Enno
|
|
| Nach oben |
|
 |
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 25.05.2004, 21:21 Titel: Re: CSS ohne Tabelle |
|
|
Hallo Enno,
| Zitat: | | Wie bekomme ich am einfachsten die "Hit-Anzeige" auf der ersten Zeile mit CSS rechtsbündig |
mit text-align:right
| Code: | | <p style="text-align:right"><b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b></p> |
| Zitat: | 2.Frage:
Kann man mittels CSS bei h - oder p-Tags beeinflussen, dass der Absatz bzw die Leerzeile welche entsteht, verschwindet? Und dies ohne feste Positionen festzulegen. |
mit margin-bottom:0 kannst du den unteren Rand auf 0 setzen.
| Code: | | <h1 style="margin-bottom:0">Titel</h1> |
wenn das nicht ausreicht, zusätzlich padding-bottom:0 oder bei nachfolgendem Element margin-top:0
_________________
 Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 25.05.2004, 23:01 Titel: |
|
|
achso, auf einer Höhe ohne den Einsatz von Tabellen?
das ginge mit float:left auf der linken und text-align:right auf der rechten Seite:
| Code: | <div class="text" style="float:left"><a href="../counter/scarklick.php?sdl_id=7"target="_blank"><b>Klamm-Free SMS</b></a></div>
<div style="text-align:right"><b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b></div> |
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
| Verfasst am: 25.05.2004, 23:38 Titel: |
|
|
ja das funktioniert normalerweise - Danke
bei mir leider nicht, da ich mit absoluten und relativen Positionen der IDs gearbeitet habe. Da verschiebt sich jetzt der Link um die angegebene Pixelzahl nach oben 
Gruss Enno
EDIT: Mit CSS
http://www.geldheinz.de/test.html
ohne
http://www.geldheinz.de/test2.html
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 26.05.2004, 01:05 Titel: |
|
|
*hmm* da seh ich jetzt vier mehr oder weniger befriedigende Lösungen:
1. die Position des verschobenen Elements korrigieren
| Code: | <div class="text" style="float:left; position:relative; top:0;"><a href="../counter/scarklick.php?sdl_id=7"target="_blank"><b>Klamm-Free SMS</b></a>
</div>
<div class="text" style="text-align:right"><b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b></div> |
Nachteil: Opera verschiebt das Element nicht
2. mit display:inline
| Code: | <div class="text" style="display:inline; width:49%"><a href="../counter/scarklick.php?sdl_id=7"target="_blank"><b>Klamm-Free SMS</b></a>
</div>
<div style="display:inline; text-align:right; width:49%"><b><script src="../counter/scarklick.php?sdl_show=7"></script> Hits seit 24.03.04 </b></div> |
Nachteil: Mozilla zeigt das rechte Element nicht rechts an - und es bleibt ein rechter Rand (den man aber vielleicht auf andere Weise wegformatieren könnte)
3. an dieser Stelle doch mit Tabellen arbeiten
4. die Elemente anders platzieren (Tabellenlayout mit Layern nachzubauen, ist nicht immer ein glückliches Vorhaben, Layer bieten ganz andere Gestaltungsmöglichkeiten)
Vielleicht fält jemand anders aber auch noch eine weitere Lösung ein 
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
| Verfasst am: 26.05.2004, 16:39 Titel: |
|
|
Besten Dank,
ich werd mal schauen...
Gruss Enno
|
|
| Nach oben |
|
|
David Reisner
Power-Poster [Admin]
Anmeldung: 08.04.04
Beiträge: 727
Wohnort: Peggau/Öst ...
|
|
| Nach oben |
|
|
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
| Verfasst am: 05.06.2004, 10:52 Titel: |
|
|
im Moment leider noch nicht, werde wahrscheinlich die absoluten Positionen ändern müssen. Den Content für die Sumas nach oben zu bringen scheint auch nicht viel für die Optimierung der seite zu bringen.
Hatte zuletzt nicht mehr allzuviel Zeit
Gruss
_________________
kostenlose SMS versenden I kostenlos SMS verschicken
|
|
| Nach oben |
|
|
Enno
Erfahrener [User]
Anmeldung: 09.04.04
Beiträge: 50
|
| Verfasst am: 21.06.2004, 22:15 Titel: |
|
|
Wollte nur schnell mitteilen, dass ich das Problem gelöst habe.
Ich bin die absoluten Posionen teilweise mit dem Tag "margin" umgangen
Gruss Enno
_________________
kostenlose SMS versenden I kostenlos SMS verschicken
|
|
| Nach oben |
|
|
Andreas Schroth
Bekannter [Admin]
Anmeldung: 08.04.04
Beiträge: 1668
Wohnort: Lauf a. d. ...
|
| Verfasst am: 22.06.2004, 05:30 Titel: |
|
|
schön zu hören, dass das Problem gelöst ist. 
|
|
| Nach oben |
|
|
|
|
