Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.08.2008 um 19:24 (UTC)    
Titel: [ERLEDIGT] Infoboxen positionieren

Moin, moin
kann man diese Infobox, von der ich einige einbauen will, alle über eine Anweisung positionieren. Die Boxen sind so wie es aussieht abhängig von dem Link/Bild?

EDIT: Der Punkt ist erledigt


Zuletzt bearbeitet von sc-hassel-jugend am 16.08.2008, 07:14, insgesamt 2-mal bearbeitet
Beitrag03.08.2008 um 19:46 (UTC)    
Titel:

Was willst Du genau?
Ich verstehe das so, dass Du eine Anweisung haben möchtest um alle Boxen zu positionieren,
Du benötigst schon eine Anweisung pro Box.
Beitrag03.08.2008 um 19:50 (UTC)    
Titel:

Ich hatte die Idee, statt jeder Box eine Positionierung ( die jedesmal andere Werte hat) eine allgemeine Positionierung zu verpassen. Jetzt gerade beim Schreiben Wink geht nicht auch einfach bei jeder Box statt position:left etc =position:center?
Beitrag03.08.2008 um 19:52 (UTC)    
Titel:

Wenn Du alle Boxen mit einem Code positionierst, sind alle Boxen übereinander, das sollte doch klar sein, oder?
Du brauchst natürlich für jede Box eine neue Position.
Beitrag03.08.2008 um 19:57 (UTC)    
Titel:

coolplace hat Folgendes geschrieben:
Wenn Du alle Boxen mit einem Code positionierst, sind alle Boxen übereinander, das sollte doch klar sein, oder?
Du brauchst natürlich für jede Box eine neue Position.


Genau das will ich erreichen, alle Boxen an der gleichen Stelle. Oder alternativ: Eine Box die beim Überfahren von Bild 1 den Text1 zeigt, Bild2 =Text2, usw
Beitrag04.08.2008 um 18:34 (UTC)    
Titel:

Das klingt mir eher nach einer Lösung mit Javascript.
Schau doch mal unter www.javarea.de
Beitrag04.08.2008 um 22:45 (UTC)    
Titel:

coolplace hat Folgendes geschrieben:
Das klingt mir eher nach einer Lösung mit Javascript.
Schau doch mal unter www.javarea.de

Hallo Coolplace, ich habe schon Quadrataugen vom suchen Crying or Very sad , aber ich habe eine Lösung gefunden. Ich mache das alles per CSS. Danke für deine Mühe.

Wenn ich damit fertig bin poste ich selbstverständlich die Lösung. Wink

Lass den Thread bitte auf.
Beitrag07.08.2008 um 18:17 (UTC)    
Titel:

Ich freu mich auf die Lösung Wink

Vielleicht habe ich ja auch was falsch verstanden.


Zuletzt bearbeitet von coolplace am 07.08.2008, 19:18, insgesamt einmal bearbeitet
Beitrag08.08.2008 um 09:51 (UTC)    
Titel:

coolplace hat Folgendes geschrieben:
Ich freu mich auf die Lösung Wink

Vielleicht habe ich ja auch was falsch verstanden.

Hallo Coolplace
Die Lösung poste ich wie versprochen, ich möchte aber erst die Seite fertig haben. Außerdem schreibe ich dann ein Tut wie ich das gemacht habe.
Aber ich brauche für dasselbe Projekt noch einen Tipp:
Diesen Code habe ich verwendet.
Zitat:

<style type="text/css">
<!--
td.r_o {
position: absolute;
top:665px;
left:8px;
z-index;
}
-->
</style>
<table>
<tr>
<td class="r_o"><img src="http://img.webme.com/pic/m/xxxxxx/unternavineu.png"></a></td>


Wie kann ich da ein Script mit Hintergrundbild einfügen. Wenn das nicht geht, hast du evtl. eine Alternative?
Beitrag08.08.2008 um 19:27 (UTC)    
Titel:

Ich habe mir Deine HP angeschaut und bin mir trotzdem nicht ganz sicher, was Du damit meinst.

Zitat:
Ein Script mit Hintergrundbild einfügen...


Oder willst Du an der Stelle ein Hintergrundbild haben?
Beitrag10.08.2008 um 21:38 (UTC)    
Titel:

coolplace hat Folgendes geschrieben:
Ich habe mir Deine HP angeschaut und bin mir trotzdem nicht ganz sicher, was Du damit meinst.

Zitat:
Ein Script mit Hintergrundbild einfügen...


Oder willst Du an der Stelle ein Hintergrundbild haben?

Ich habe das so gelassen wie es ist!

Und wie versprochen das Tut für die Info-Boxen. Zu finden unter: www.schassel-c2.de.tl
Beitrag14.08.2008 um 15:43 (UTC)    
Titel:

Ich greife das Thema noch mal auf: Auf meiner Seite habe ich diese Box eingefügt: Hiermit wird der Button positioniert, das rote ist mein Versuch.
Zitat:


#box14{
height:154px;
with:500px;
position:absolute;top:668px;
padding:0;
float:right;
margin-right:160px;
margin-left:634px;

font:bold 14px verdana, sans-serif;
background-image:url(http://img.webme.com/pic/m/music-fag/reglernavihover2.png);
background-repeat:x-repeat;

}

#box14 div{display:none;}

#box14:hover div{
display:block;
width:250px;
height:80px;
position:absolute;bottom:668px;left:-258px;
border:1px solid #ff9900;
padding:5px;
font:normal 12px verdana, sans-serif;}

Und das ist die Textbox die auf das Bild reagiert
Zitat:

<div id="box14">

<a href="http://music-fag.de.tl/Referenzen.htm"><img src="http://img.webme.com/pic/m/music-fag/reglernavihover2.png" width="32" height="154"
alt=""></a>
<div>
<p><strong>Navi-Stop!</strong></p>
<p>Ab hier ist die Navi ausgesetzt. Die restlichen Buttons sind nur Dekoration!</p>
</div>
</div>
</body>
</html>

Ich habe schon so ziemlich alles ausprobiert, was zu finden war.
Meine Frage: wie kann ich #box 14 dazu überreden das sich der Button wiederholt.
Beitrag16.08.2008 um 06:13 (UTC)    
Titel:

Hab es selber hinbekommen.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de