nicht angemeldet
probleme mit mehreren Infoboxen!!!
HiHo Leute,
ich habe folgendes Problem:
Ich habe bei euch das mit der infobox gelesen, ist auch cool die sache, aber ich weiss nicht wie ich mehrere infoboxen in einer HTML schmeisse.
also wie mache ich es das ich mehrere infoboxen in einer html-datei reinpacke weil ich z.b. nen steckbrief in infobox format machen will, der will mir aber immer nur eine infobox gestatten :(
vielen dank in voraus
greetz KillaZ
-
Hi,
Ich habe bei euch das mit der infobox gelesen, ist auch cool die sache,
du sprichst von http://aktuell.de.selfhtml.org/tippstricks/css/infobox/?
aber ich weiss nicht wie ich mehrere infoboxen in einer HTML schmeisse.
IDs dürfen nur 1x/Dokument vorkommen, du musst also entweder mehrere davon definieren, oder anders lösen - ich zB habe mir <i> dafür ausgeborgt:
HTML:
<div id="header">
<a href="#">foo<i> blablabla</i></a>
<a href="#">foo<i> blablabla</i></a>
</div>CSS:
#header a i {
display:none;
}#header a:hover i {
display:block;
position:absolute;
top: ... ;
right: ... ;
}also wie mache ich es das ich mehrere infoboxen in einer html-datei reinpacke weil ich z.b. nen steckbrief in infobox format machen will, der will mir aber immer nur eine infobox gestatten :(
S. oben - und wer ist "der"?
LG Roland
-
löl, na mi der meine ich den browser ;)
jo danke schonmal ich probiere es mal aus, ich hoffe das hilft mir weiter.
ich mecker wenns auch nichts hilft :D
-
hallo nochmals,
GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR
jetzt spinnt der kack nurnoch rum löl
ich habe hier mal den Quelltext eingefügt:
_____________________________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
padding-top:130px;
cursor:crosshair;
}#box {
color:black;
background-color:transparent;
position:absolute;
top:100px;
left:30px;
z-index:1;
}#box a i {
color:#f6e4c1;
background-color:#b8ab8f;
font-family:arial, sans-serif;
font-size:100%;
font-weight:bold;
text-decoration:none;
display:block;
padding:5px;
}#box a i:visited {
color:#f6e4c1;
background-color:#b8ab8f;
}#box a i:hover {
color:#A7C2DA;
background:url(table_wars_body.gif);
text-decoration:none;
width:400px;
cursor:crosshair;
}#box a i:active {
color:#f6e4c1;
background-color:#b8ab8f;
}#box a i .info {
display:none;
}#box a i:hover .info {
color:black;
font:14px courier,sans-serif;
display:block;
padding:5px;
text-align:justify;
}-->
</style></head>
<body>
<div id="box">
<a href="#">KillaZ Testet:<i><span class="info"><table border="1" width="500" style="color:#ffffff;font-weight:bold;"><tr><td width="100%" valign="top">lalalalalalalalalalal TESSSST <br> TEST IHR SPACKEN!!!</td></tr></table></span></i></a>
</div><div id="box">
<a href="#">KillaZ Testet:<i><span class="info"><table border="1" width="500" style="color:#ffffff;font-weight:bold;"><tr><td width="100%" valign="top">lalalalalalalalalalal TESSSST <br> TEST IHR SPACKEN!!!</td></tr></table></span></i></a>
</div></body>
</html>
_____________________________________________________________________
mist mensch ich komm mit der welt netmehr klar rofl-
Hi,
#box a i {
...
}das benötigst du nur, wenn du (so wie in meinem Beispiel) die Tags auch so verschachtelst: <a>Link<i>Hinweis</i></a> Machst du aber nicht, ist also wirkungslos.
<div id="box"> ... </div>
<div id="box"> ...</div>Eine ID darf pro Dokument nur einmal vorkommen - sagte ich ja bereits. Wenn du etwas mehrmals verwenden willst, nimm eine Klasse.
Vielleicht hilft dir ja
http://fractatulum.de/fraccss/sample/menu2format.htm
http://fractatulum.de/fraccss/sample/menu3format.htmweiter, dort siehst du mehrere Anwendungsbeispiele.
LG Roland
-
Hi!
ich bin noch beim probieren und rumtüfteln aber deine Links haben mir gut geholfen danke nochmal!!
cYa
-
-
-