Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.11.2010 um 10:15 (UTC)    
Titel: Ein Bild mit Link irgendwo auf der HP hinstellen (Iceblue)
Antworten mit Zitat
Kann ich z.B. jetzt ein Bild von meinem Hund irgendwo auf meiner Homepage platzieren ? Das Bild hat dann einen Link. Also, dass ich dann selber z.B. mit height'' oder wight'' oder top'' einstelle, wo es platziert werden soll ? z.B. aufm Header.


Geht das ?
↑
Beitrag23.11.2010 um 12:59 (UTC)    
Titel:
Antworten mit Zitat
Bein Design Ice Blue ist das glaube ich nicht möglich, ein Bild irgendwo zu platzieren.
↑
Beitrag23.11.2010 um 20:15 (UTC)    
Titel:
Antworten mit Zitat
Der code hierzu ist:
Code:

<div class="picture(Hier eine Variabel zB 1)"><a target="_blank" href="LINK"> <img border="0" alt="" src="BILD URL" /></a></div>


Code:

<style type="text/css">
<!--
.picture(Hier eine Variabel zB 1) {  // mit der Variabel von oben
  background-image:url();
  position:absolute;
left: 50%;
margin-left:239px;  // position von der mitte aus ausprobieren
top: 1px;  //position von oben
 height: 30px;  //groesse des bildes
 width: 56px;  //groesse des bildes
//--></style><br />


Alles zusammen einfügen

Sollte klappen


Zuletzt bearbeitet von advents am 23.11.2010, 21:18, insgesamt einmal bearbeitet
↑
Beitrag23.11.2010 um 20:42 (UTC)    
Titel:
Antworten mit Zitat
Ich habe es jetzt mal probiert und dieser Code geht:
Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:absolute;
left: 50%;
margin-left:-100px;
top: 50px;
 height: 30px;
 width: 56px;
//--></style><br />

top=position von oben
margin-left= -nach links + nach rechts

viel Spaß damit
↑
Beitrag24.11.2010 um 12:07 (UTC)    
Titel:
Antworten mit Zitat
Und das muss ich bei Text über Design einfügen oder ?
↑
Beitrag24.11.2010 um 12:45 (UTC)    
Titel:
Antworten mit Zitat
ne direkt bei der seite im seiteneditor bi "quellcode"

positionier besser mit relative (absolute ist blödsinn wenn es ein zentriertes design ist bzw klappt das auch nicht immer problemlos) und das mit margin bzw padding würde ich auch weglassen


nimm den code

Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:relative;
left:100px;
top: 50px;
 height: 30px;
 width: 56px;
z-index:10;
//--></style><br />

______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2


Zuletzt bearbeitet von gameshop am 24.11.2010, 13:45, insgesamt einmal bearbeitet
↑
Beitrag27.11.2010 um 12:21 (UTC)    
Titel:
Antworten mit Zitat
Ich hab jetzt ein Bild mit:

Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:absolute;
left: 50%;
margin-left:-100px;
top: 50px;
 height: 30px;
 width: 56px;
//--></style><br />
auf meiner Hp platziert und es funktioniert super !

Wie kann ich ein 2. oder ein 3., etc. mehrere Bilder auf meiner Hp plazieren ?
↑
Beitrag27.11.2010 um 12:28 (UTC)    
Titel:
Antworten mit Zitat
Hallo,
du kannst mehrere Bilder einfügen, wenn du jedes Mal die Klasse änderst Wink
Somit kannst du zum Beispiel mit Zahlen hochzählen:
Zitat:

<style type="text/css">
<!--
.picture1{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}

.picture2{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}

.picture3{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}
//--></style>
<div class="picture1"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<div class="picture2"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<div class="picture3"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
Ich hoffe, ich konnte Ihnen helfen Confused

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
↑
Beitrag27.11.2010 um 14:19 (UTC)    
Titel:
Antworten mit Zitat
Alles klar, hat funktioniert. Danke =)
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.