kostenloser Webspace werbefrei: lima-city

Bild nach rechts?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   fabian2

   fabian2 hat kostenlosen Webspace.

   15:12, 17.12.2013

   Hey,
   ich habe nochmal eine Frage: wie kann ich ein tag/bild">Bild nach rechts mach z.b. http://www.technicpack.net/hexxit
   .
   
   Vielen dank für eure hilfe!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sonok

   Moderator

   sonok hat kostenlosen Webspace.

   15:29, 17.12.2013

   Ich seh auf der Seite mehrere Bilder ...
   
   Egal - eine Möglichkeit wäre zB
   
   <img style="position:fixed; right:0px; buttom: 0px;" blabal />
   
   Damit wäre das Bild immer rechts und scrollt nicht mit Megalesestoff
   
   Beitrag zuletzt geändert: 17.12.2013 15:45:28 von sonok

4. daswing

   Moderator

   daswing hat kostenlosen Webspace.

   15:38, 17.12.2013

   Thread in das dafür passende Forum "HTML, CSS & JavaScript" verschoben.
   
   MFG daswing

5. michaelkoepke

   michaelkoepke hat kostenlosen Webspace.

   18:30, 17.12.2013

   Hallo fabian2,
   
   wie sonok es schon geschrieben hat, kannst du es per Style-Attribut im Html-Tag schreiben.
   

   sonok schrieb:
   <img style="position:fixed; right:0px; buttom: 0px;" blabal />
   

   
   Wenn du das oben gefragte auf deiner Seite http://fabian2.lima-city.de/test/ anwenden willst,
   mach es doch über deine Style.css Datei, die du eingebunden hast!
   
   Gib deinem Tag eine id oder class, und schreibe es in die Style-Datei.
   
   In deiner Style-Datei schreibst du:
   (eingebunden hast du diese ja schon <link href="downloads.css" type="text/css" rel="stylesheet" />)
   

   #bild_rechts {
       position: absolute;
       right:0px;
       top:0px;   /*top für oben, bottom für unten)*/
   }

   
   Und in deinem HTML-Dokument (index.html) schreibst du dein Tag so:
   

   <img id='bild_rechts' src='link.png' />

   
   Viel Spaß beim schreiben :)
   MFG Micha

6. copynpaste

   

   copynpaste hat kostenlosen Webspace.

   18:48, 17.12.2013

   Also im Gegenteil zu den anderen denke ich eher, dass der TE ein Carousel meint.
   
   http://owlgraphic.com/owlcarousel/
   (Als Beispiel)
   Falls es nicht passt: Es gibt viele verschiedene JQuery Carousel(s), nur nach jquery/javascript carousel suchen und man wird fündig

7. sleeping-fish

   

   sleeping-fish hat kostenlosen Webspace.

   18:48, 26.12.2013

   geht es nicht auch mit float:right ? In nem CSS tutorial steht dass man so auch ein bild nach rechts tuhen kann

8. s*****d

   19:11, 26.12.2013

   Hallo!
   Ich denke, dass diese Konstruktion mit dem "mit der Maus nach rechts schieben" sehr komplex ist und nicht so leicht nachgebaut werden kann. Wenn es geht, dann natürlich mit Javascript und möglichst mit jQuery um den Schreibaufwand zu verringern. Also am besten einfach die Arbeit Anderer verwenden
   

   copynpaste schrieb:
   Also im Gegenteil zu den anderen denke ich eher, dass der TE ein Carousel meint.
   
   http://owlgraphic.com/owlcarousel/
   (Als Beispiel)
   Falls es nicht passt: Es gibt viele verschiedene JQuery Carousel(s), nur nach jquery/javascript carousel suchen und man wird fündig

   
   Ich denke auf der Seite passt wohl am ehesten diese Demo: http://owlgraphic.com/owlcarousel/demos/images.html. Da einfach die margins entfernen und das Ganze auf Fullscreen skalieren.
   

   sleeping-fish schrieb:
   geht es nicht auch mit float:right ? In nem CSS tutorial steht dass man so auch ein bild nach rechts tuhen kann

   
   Mit

   float: right;

   und

   float: left;

   legst du nur fest, dass das Bild vom Text umflossen wird, d. h. dass z. B. ein Bild keine ganze Zeile verwendet, sondern dass der Text auch neben dem Bild stehen kann. Left und right legen fest ob das Bild links oder rechts liegt.
   
   Ich hoffe ich konnte helfen.
   
   MfG. Simon D.

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?