Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.11.2011 um 14:36 (UTC)    
Titel: Bilder positionieren

Hallo Freunde,

ich hab diesen code, der auch klappt,



<style type="text/css">
<!--
#zelle1
{
height: 100px;
width: 100px;
background-image: url('http://img.webme.com/pic/f/fc-huchting/feedback1.png');
}
#zelle1:hover
{
background-image: url('http://img.webme.com/pic/f/fc-huchting/feedback2.png');
}
-->
</style>

<div id="zelle1">


Nun möchte ich aber, dass das Bild (mittig links) auf der Website ist.
könntet ihr mir bitte den genauen Code geben und mir zeigen wo ich ihn reintragen muss ?

Danke

Mfg
fch
Beitrag04.11.2011 um 15:07 (UTC)    
Titel:

Versuch es mal statt zelle 1 mit zelle 6 Very Happy
Beitrag04.11.2011 um 20:10 (UTC)    
Titel:

Hallo,

weltallspiele hat Folgendes geschrieben:
Versuch es mal statt zelle 1 mit zelle 6 Very Happy

Question Question Question

fc-huchting hat Folgendes geschrieben:
Nun möchte ich aber, dass das Bild (mittig links) auf der Website ist.

Wie kann etwas mittig und gleichzeitig links sein?
Erkläre mal bitte, wie du das meinst.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag05.11.2011 um 12:05 (UTC)    
Titel: position

Also ich möchte das bild ganz links am rand haben.
und desweiteren möchte ich das das bild, nicht oben links sich befindet oder auch unten links sondern mittig links.
Beitrag05.11.2011 um 15:28 (UTC)    
Titel:

Ok, so macht das Sinn.

Du solltest als erstes dein div Element schließen und dich nicht darauf verlassen, dass der Browser deine Fehler verbessert.

Danach solltest du den Hintergrund des Bildes transparent machen. Anschließend gibst du folgendes bei Text unter dem Design ein:
Zitat:
<script type="text/javascript">
var e = document.getElementById('zelle1');
var t = document.getElementsByTagName('body')[0].offsetHeight / 2 - 73;
e.style.position = 'absolute';
e.style.left = '0';
e.style.top = t + 'px';
</script>

______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


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