Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.12.2011 um 17:35 (UTC)    
Titel: Bilder unter Navi einfügen!

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:

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:

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:

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:

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:

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:

ne leider, jetzt schaut es irgendwie komisch aus Sad
Beitrag11.12.2011 um 18:12 (UTC)    
Titel:

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:

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:

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:

ENDLICH Wink

Danke für deine Hilfe.

Gruß
Beitrag11.12.2011 um 18:38 (UTC)    
Titel:

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:

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:

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:

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;}


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


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