Css Infobox

Css Infobox

Beitragvon steffen » 07.11.2009, 13:27

hallo community,
ich habe für meine wbsite mehrere infoboxen vorhergesehen,
wenn ich jedoch mehr als eine infobox einbinde, beeinflussen sie sich gegenseitig. dh. alle sind übereinander,wie kann ich an unterschiedlichen stellen platzieren?

hier der quelltext von einer box:

<style type="text/css"><!--body {padding-top:130px;} #box {color:black;background-color:transparent;position:absolute;top:165px;left:405px;z-index:1;} #box a
{color:#474747;background-color:#;font-family:arial, sans-serif;font-size:100%;font-weight:bold;text-decoration:none;display:block;padding:5px;border-top:0px solid
#e4d9c0;border-right:0px solid #837c6b;border-bottom:0px solid #837c6b;border-left:0px solid #e4d9c0;} #box a:visited {color:#474747;background-color:#82e2ff;} #box a:hover {color:#474747;background-color:#82e2ff;text-decoration:noneone;width:400px;border-top:2px solid #474747;border-right:2px solid
#474747;border-bottom:2px solid #474747;border-left:2px solid #474747;} #box a:active {color:#82e2ff;background-color:#82e2ff;} #box a .info {display:none;}
#box a:hover .info {color:black;background:#82e2ff;font:14px courier,sans-serif;display:block;padding:5px;text-align:justify;}-->
</style>
<div id="box"><a href="#"; span style="font-variant:normal; font-size:200%">überschrift der box<span class="info">text der box</span></a></div>
steffen
neu hier
 
Beiträge: 2
Registriert: 07.11.2009, 13:20

Re: Css Infobox

Beitragvon sejuma » 07.11.2009, 13:55

Verzichte auch die absolute Positionierung.
Am besten packst du die Infoboxen in einen übergeordneten Div, den du mit margin und/oder float positionierst. Darin sollten sie sich dann autmatisch untereinander anordnen. Willst du sie nebeneinander haben, so versehe sie mit einem "float: left;"
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Css Infobox

Beitragvon steffen » 08.11.2009, 11:22

Danke für die hilfe, aber das mit in div bereiche einteilen hat leider nicht funktioniert.
Ich habe die Infobox nach diesem tut erstellt, hat sonst noch jmd eine idee, wie ich den quelltext 2mal einstzen kann, ohne dass sich die boxen gegenseitig beeinflussen?
http://aktuell.de.selfhtml.org/artikel/css/infobox/
steffen
neu hier
 
Beiträge: 2
Registriert: 07.11.2009, 13:20

Re: Css Infobox

Beitragvon Laus » 08.11.2009, 13:27

Gib doch jeder Box eine eigene ID und Platziere sie dann im CSS entsprechend.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Re: Css Infobox

Beitragvon sejuma » 08.11.2009, 14:06

Oder poste mal einen Link zu deiner Problemseite, damit man alles im Zusammenhang sieht.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46


Moderatoren: Laus, Moderatoren

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

Wer ist online?

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