Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.08.2012 um 16:21 (UTC)    
Titel: Leiste u. a. mit Top-Button

Hallo,

hat jemand ein Code wie ich eine Leiste unten "am Boden" hinbekomme und die immer mit der Seite mitläuft (beim scrollen). In der man etwas rein schreiben kann und wo man einen Top-Button (damit man zum Seitenanfang kommt) reinfügen kann.
Vielen Dank!

Gruß
Philipp


Zuletzt bearbeitet von philipp-richter am 03.09.2012, 11:07, insgesamt einmal bearbeitet
Beitrag26.08.2012 um 17:21 (UTC)    
Titel:

Bei Text über dem Design einfügen:
Zitat:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 50px;
position: fixed;
color: #FFFFFF;
background-color: #000000;
bottom: 0px;
}
</style>
<div id="fixedFooter"><a href="#">nach oben</a>Bla, bla, bla</div>

50: Höhe des Footers in Pixel
FFFFFF: Farbe des Textes im Footer (Klick)
000000: Hintergrundfarbe (Klick)
<a href="#">nach oben</a>: "nach oben"-Link
Bla, bla, bla: Text im Footer

Wenn du noch andere Sachen ändern möchtest, sag bitte was genau.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 26.08.2012, 18:21, insgesamt einmal bearbeitet
Beitrag02.09.2012 um 09:49 (UTC)    
Titel: Danke!

Danke! Hat funkoniert, habe nur noch ein Problem. Ich will links und rechts den Top Button nur der Button rechts hält sich nicht immer am Rand (je nach Auflösung). Wie kann man das ändern?

Code:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 30px;
position: fixed;
color: #FFFFFF;
bottom: 0px;
filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}
</style>
<div id="fixedFooter"><table width="100%">
    <tbody>
        <tr>
            <td width="93%" class="leftb"><a href="#"><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /><span style="color: rgb(255, 255, 255);"> nach oben</span></a></td>
            <td width="7%" class="rightb"><a href="#"><span style="color: rgb(255, 255, 255);">nach oben </span><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /></a></td>
        </tr>
    </tbody>
</table></div>


Gruß
Philipp


Zuletzt bearbeitet von philipp-richter am 03.09.2012, 11:07, insgesamt einmal bearbeitet
Beitrag02.09.2012 um 12:44 (UTC)    
Titel:

Das liegt daran, dass die 7% je nach Auflösung unterschiedlich groß sind, aber dein Top-Button nur eine bestimmte Größe hat und sich innerhalb diesen 7% immer links platziert. Ich habe mal alles grün makiert, das ich ergänzt oder verändert habe:

Zitat:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 30px;
position: fixed;
color: #FFFFFF;
bottom: 0px;
filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}
</style>
<div id="fixedFooter"><table width="100%">
<tbody>
<tr>
<td width="50%" class="leftb"><a href="#"><div style="text-align: left;"><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /><span style="color: rgb(255, 255, 255);"> nach oben</span></a></div></td>
<td width="50%" class="rightb"><a href="#"><div style="text-align: right;"><span style="color: rgb(255, 255, 255);">nach oben </span><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /></a></div></td>
</tr>
</tbody>
</table></div>


Liebe Grüße


Zuletzt bearbeitet von vui am 02.09.2012, 13:49, insgesamt 2-mal bearbeitet
Beitrag02.09.2012 um 14:48 (UTC)    
Titel:

Vielen Dank!

Gruß
Philipp
Beiträge der letzten Zeit anzeigen:   


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