Suche im Forum:
Suchen


Autor Nachricht
Beitrag21.12.2010 um 22:33 (UTC)    
Titel: wie fixiere ich ein bild auf meiner hauptseite?

ich habe hier mal einen screenshot gemacht so wie es aussehen soll.
screenbild 1




es gibt aber das problem das sich das bild beim vergrößern des browserfensters verschiebt.
SIEHE SCREENBILD "


wie bekomme ich es für alle ansichten fixiert an genau diese stelle.
(siehe screenbild 1)

wie seht ihr die seite?
gibt es einen code für alle browser? das die ansicht gleichbeahlten wird`?


hier auch mein code
der auf meiner home-seite im quellcode eingefügt idt.

<div style="position: absolute; top: 18px; left: 192px; z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position:absolute;
//--></style>
______________


ICH FREU MICH AUF EUCH!
R.E.K.


Zuletzt bearbeitet von die-loewenbande am 21.12.2010, 23:56, insgesamt 4-mal bearbeitet
Beitrag21.12.2010 um 22:55 (UTC)    
Titel:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=43406

versuch mal das unterste.

gruss gringo

edit: geht auch nicht.. ich glaube da fehlt eh irgendwas mit left 50% oder so ähnlich.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 22.12.2010, 00:01, insgesamt einmal bearbeitet
Beitrag21.12.2010 um 23:03 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=43406

versuch mal das unterste.

gruss gringo

edit: geht auch nicht.. ich glaube da fehlt eh irgendwas mit left 50% oder so ähnlich.


steht jetzt im textfeld mhhhh .... wäre schön wenn es funktioniert
gibts noch ideen?

lg rob
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag22.12.2010 um 09:36 (UTC)    
Titel:

Code:
<div style="position: absolute; top: 18px;[b] left: 192px;[/b] z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position:absolute;
//--></style>


Das fett gedruckte stimmt soviel ich weiß nicht, weil der Hintergrund verschiebt sich ja beim Vergrößern auch.

benutze mal

line-width: IRGEND EINE ZAHL%;

oder

width: IRGEND EINE ZAHL %;
______________
TUTORIALS:
=> Headertext entfernen
=> Login / Counter / Daten über den Besucher irgendwo anzeigen lassen
=> Feedback-Balken am Rand erstellen
=> Java Applet in Website einbinden
Webseitentools:
=> Kostenlose Downloadcounter erstellen

Wenn ich dir geholfen habe kannst du mir ja hier ein Kommentar hinterlassen.
Beitrag22.12.2010 um 09:45 (UTC)    
Titel:

darkbloodstudios hat Folgendes geschrieben:
Code:
<div style="position: absolute; top: 18px;[b] left: 192px;[/b] z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position:absolute;
//--></style>


Das fett gedruckte stimmt soviel ich weiß nicht, weil der Hintergrund verschiebt sich ja beim Vergrößern auch.

benutze mal

line-width: IRGEND EINE ZAHL%;

oder

width: IRGEND EINE ZAHL %;



was fett-gedrucktes? ich seh nichts?

danke das line- dingens hat geklappt nur noch etwas nach links müsste ich doch ich hab keinen code zum verändern
______________


ICH FREU MICH AUF EUCH!
R.E.K.


Zuletzt bearbeitet von die-loewenbande am 22.12.2010, 11:19, insgesamt 4-mal bearbeitet
Beitrag22.12.2010 um 10:31 (UTC)    
Titel:

die-loewenbande hat Folgendes geschrieben:
darkbloodstudios hat Folgendes geschrieben:
Code:
<div style="position: absolute; top: 18px;[b] left: 192px;[/b] z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position:absolute;
//--></style>


Das fett gedruckte stimmt soviel ich weiß nicht, weil der Hintergrund verschiebt sich ja beim Vergrößern auch.

benutze mal

line-width: IRGEND EINE ZAHL%;

oder

width: IRGEND EINE ZAHL %;



was fett-gedrucktes? ich seh nichts?

danke das line- dingens hat geklappt nur noch etwas nach links müsste ich doch ich hab keinen code zum verändern



bitte wer kann helfen???
lg robert
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag22.12.2010 um 10:37 (UTC)    
Titel:

Beitrag22.12.2010 um 10:40 (UTC)    
Titel:

darkbloodstudios hat Folgendes geschrieben:
Poste nochmal den Code, den du jetzt hast.


<div style="position: absolute; top: 18px; z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position: absolute;
//--></style>


das kurriose daran ist das jedesmal nach dem abspeichern das line-width wieder fehlt und dennoch das bild die position hält ???
______________


ICH FREU MICH AUF EUCH!
R.E.K.


Zuletzt bearbeitet von die-loewenbande am 22.12.2010, 11:51, insgesamt einmal bearbeitet
Beitrag22.12.2010 um 11:02 (UTC)    
Titel:

Beitrag22.12.2010 um 11:06 (UTC)    
Titel:

darkbloodstudios hat Folgendes geschrieben:
gib bei line-width einfach mal einen größeren Wert ein


wenn ich da einen wert eingebe passiert nix

so hab ich es momentan

<div style="position: absolute; top: 18px; left-width: 170px; z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position: absolute;
//--></style>
<div style="text-align: right;"><strong><span style="font-size: large;"><span style="color: rgb(128, 0, 0);"><br />
<br />


egal ob ich den wert verändere es bleibt so
______________


ICH FREU MICH AUF EUCH!
R.E.K.


Zuletzt bearbeitet von die-loewenbande am 22.12.2010, 12:09, insgesamt einmal bearbeitet
Beitrag22.12.2010 um 11:14 (UTC)    
Titel:

Beitrag22.12.2010 um 11:33 (UTC)    
Titel:

darkbloodstudios hat Folgendes geschrieben:
Also im Moment fällt mir grad auch nichts mehr ein.


nun hab ich es.
was ist der *margin* für ein befehl?


<div style="position: absolute; top: 18px; margin-left: -16px; z-index: 5;"><img alt="" src="http://img.webme.com/pic/d/die-loewenbande/loew_gif.gif" /></div>
<style type="text/css">
<!--
.loewgif {
background-image:url();
position: absolute;
//--></style>


noch etwas ... nun fehlt ein hauch nach links um mit der weißen kante abzuschließen aber kommabefehle nimmt er nicht an ;O) siehe margin-left -16,1px
Wink
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag22.12.2010 um 13:40 (UTC)    
Titel:

schaut nun einmal bitte wie ihr das weiße gif logo seht auf meinen seiten
und ob es sich bei unterschiedlicher auflösung oder browseranwenung verschiebt oder fixiert bleibt.

habt vielen dank dafür
robert

http://www.die-loewenbande.de.tl
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag22.12.2010 um 13:51 (UTC)    
Titel:

bei mir funktionierts - in allen Auflösungen bleibts fixiert - aber jetzt fehlt ja das linke Stück am Header

ist das so gewollt?

[Zitat]aber kommabefehle nimmt er nicht an ;O) siehe margin-left -16,1px

nein das geht auch nicht, weil es keine 0,1 oder 0,..... Pixel gibt sondern nur ganze Zahlen
______________
MfG aus dem Weihnachtsland


Zuletzt bearbeitet von weihnacht-im-netz am 22.12.2010, 14:53, insgesamt einmal bearbeitet
Beitrag22.12.2010 um 13:54 (UTC)    
Titel:

weihnacht-im-netz hat Folgendes geschrieben:
bei mir funktionierts - in allen Auflösungen bleibts fixiert - aber jetzt fehlt ja das linke Stück am Header

ist das so gewollt?

[Zitat]aber kommabefehle nimmt er nicht an ;O) siehe margin-left -16,1px

nein das geht auch nicht, weil es keine 0,1 oder 0,..... Pixel gibt sondern nur ganze Zahlen


das ist gewollt ja Wink
denn auf der ein oder anderen seite verbirgt sich hinter dem weißen loewenbande.gif etwas ;O)

was mir jetzt noch fehlt ist der klitzekleine rest links den ich brauch damit die kante kein knick hat.
schön das es beibehalten ist bei unterschiedlichen browsern ;O)
______________


ICH FREU MICH AUF EUCH!
R.E.K.


Zuletzt bearbeitet von die-loewenbande am 22.12.2010, 14:56, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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