Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.12.2011 um 17:35 (UTC)    
Titel: Bilder unter Navi einfügen!
Antworten mit Zitat
Guten Tag.
Ich wollte ein paar bilder unter navi einfügen, leider dies ohne erfolg war. Das bild wird mehrfach angezeigt und dafür diesen Code verwendet
Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);}
-->
</style>


Hab ich da was falsches gemacht?

Mfg
↑
Beitrag11.12.2011 um 17:42 (UTC)    
Titel:
Antworten mit Zitat
Probier mal:
Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);
background-repeat: no-repeat;
}
-->
</style>


-VERSCHOBEN- zu Css, Fragen zum eigenen Design

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
↑
Beitrag11.12.2011 um 17:43 (UTC)    
Titel:
Antworten mit Zitat
jep hat funktioniert, können wir des auch irgend wie zentrieren?


Zuletzt bearbeitet von zdoa am 11.12.2011, 18:44, insgesamt einmal bearbeitet
↑
Beitrag11.12.2011 um 17:51 (UTC)    
Titel:
Antworten mit Zitat
Genau zentrieren weiß ich jetzt leider nicht.
Aber du kannst es einfach ein bisschen nach rechts verschieben:
Zitat:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);
background-repeat: no-repeat;
margin-left: 30px;
}
-->
</style>

Beim roten den Abstand nach links ändern.

Ich hoffe, dass sich dann das Feld nicht vergrößern will Wink

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
↑
Beitrag11.12.2011 um 17:55 (UTC)    
Titel:
Antworten mit Zitat
nach rechts kann ich das leider nicht verschieben nur links
Ist das so richtig?
Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);
background-repeat: no-repeat;
margin-[color=red]right[/color]: [color=red]30px[/color];
}
-->
</style>


Mfg
↑
Beitrag11.12.2011 um 17:59 (UTC)    
Titel:
Antworten mit Zitat
Ich denke du musst doch anstatt margin padding nehmen.
Da du ja den Innenabtand der Zelle verändern willst und nicht das Bild selber.

Also probier mal folgendes:
Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);
background-repeat: no-repeat;
padding-left: 30px;
width: 165px;
}
-->
</style>


mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 11.12.2011, 19:11, insgesamt einmal bearbeitet
↑
Beitrag11.12.2011 um 18:10 (UTC)    
Titel:
Antworten mit Zitat
ne leider, jetzt schaut es irgendwie komisch aus Sad
↑
Beitrag11.12.2011 um 18:12 (UTC)    
Titel:
Antworten mit Zitat
Das habe ich schon befürchtet.
Habe nun im Code oben noch eine Zeile hinzugefügt.
Um so mehr padding du haben willst um so weniger width müssen es dann sein.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 11.12.2011, 19:13, insgesamt einmal bearbeitet
↑
Beitrag11.12.2011 um 18:16 (UTC)    
Titel:
Antworten mit Zitat
ne leider immer noch nicht Sad
Ich glaub, da es ein anderen code dafür gibt, oder nicht.
↑
Beitrag11.12.2011 um 18:29 (UTC)    
Titel:
Antworten mit Zitat
Hallo,

da das Bild ein Hintergrundbild eines Elementes ist, kannst du es ganz einfach mit der Eigenschaft background-position zentrieren:

Zitat:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg);
background-repeat: no-repeat;
background-position:center;
}
-->
</style>

______________
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
↑
Beitrag11.12.2011 um 18:35 (UTC)    
Titel:
Antworten mit Zitat
ENDLICH Wink

Danke für deine Hilfe.

Gruß
↑
Beitrag11.12.2011 um 18:38 (UTC)    
Titel:
Antworten mit Zitat
Manchmal sieht man den Wald vor lauter Bäumen nicht Wink
Vielen Dank an o-4-n und Danke für die rückmeldung.

-CLOSED-, da erledigt.

mfg Philipp

Edit: Und doch wieder offen Wink
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 11.12.2011, 19:55, insgesamt einmal bearbeitet
↑
Beitrag11.12.2011 um 19:27 (UTC)    
Titel:
Antworten mit Zitat
Erstens bedank ich mich für wieder eröffnung.

Nun zur meine frage, die znetrierungs geschiechte hätten wir, aber wie kann ich mehrere bilder einfügen?

würde so funktionieren:

Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility:hidden;}
td.edit_below_nav{
background-image: url(http://www9.pic-upload.de/11.12.11/rjk4e1ul8og9.jpg),
[color=red](http://www.ogame-wissen.de/icon/indexL.png),
(http://www9.pic-upload.de/11.12.11/elcwsn7ep91.jpg);
(http://www9.pic-upload.de/11.12.11/4ou2kqrvpgox.jpg);[/color]
background-repeat: no-repeat;
background-position:center;
}
-->
</style>
↑
Beitrag11.12.2011 um 20:01 (UTC)    
Titel:
Antworten mit Zitat
Kein Problem Wink

Wie wäre es, wenn du einfach alle Bilder in ein Bild mit einem Bildbearbeitungsprogramm zusammenfügst.

Ansonsten geht das wahrscheinlich nur mit Javascript, was auch kein großes Problem wäre.

Und noch ein Hinweis:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=132514

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
↑
Beitrag11.12.2011 um 20:49 (UTC)    
Titel:
Antworten mit Zitat
wie philip schon sagt, du solltest die bilder mit einem programm zusammenfügen. allerdings ist die höhe begrenzt. mehr als 240er höhe (in etwa) geht nicht von alleine.

deshalb musst du diesen code dann nehmen und die höhe anpassen:

Code:
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(hier dein bild);
background-position: center top;height: 600px!important;background-repeat:no-repeat;}


gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 11.12.2011, 22:02, insgesamt einmal bearbeitet
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 2

  •  
    • Gehe zu:  


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

© 2025 webme GmbH, Deutschland. Alle Rechte vorbehalten.