Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.06.2009 um 12:31 (UTC)    
Titel: Header zentrieren und no-repeat

Hi,
ich habe ein eigendes Design gemacht, und würde gerne in dem Header feld, das Header Bild zentreiren und es soll sich nicht mehr wiederholen (no-repeat).

Und kann man statt nen einfach nur farbigen border auch ein bild nehmen?

Der jezige code und zentreirung:
Zitat:
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ffffff;
height: 80px;
margin: 10px 0px 0px 0px;
background-image: url(http://img.webme.com/pic/c/community-die-staemme/header.png);
repeat: no-repeat;
background-color: #00000;}


Zuletzt bearbeitet von community-die-staemme am 26.06.2009, 13:33, insgesamt einmal bearbeitet
Beitrag26.06.2009 um 12:33 (UTC)    
Titel: Re: Header zentrieren und no-repeat

So kannst du den Header zentrieren:

Zitat:
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ffffff;
height: 80px;
margin: 10px 0px 0px 0px;
background-image: url(http://img.webme.com/pic/c/community-die-staemme/header.png);
background-repeat: no-repeat;
background-color: #00000;}


Zuletzt bearbeitet von nico1970 am 26.06.2009, 13:41, insgesamt 5-mal bearbeitet
Beitrag26.06.2009 um 12:34 (UTC)    
Titel:

Das hat schonmal funktioniert, man bin ich doof Rolling Eyes

Aber wie kann ich den Header zentrieren
Und wie kann ich statt einen farbigen Border ein Bild nehmen?
Beitrag26.06.2009 um 12:44 (UTC)    
Titel:

So kannst du den Header zentrieren:

Zitat:
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ffffff;
height: 80px;
margin: 10px 0px 0px 0px;
background-image: url(http://img.webme.com/pic/c/community-die-staemme/header.png);
[color="red"]background-align: center;
background-repeat: no-repeat;

background-color: #00000;}


Wenn du statt "Boarder" ein Bild nehmen möchtest,kann man das mit "CSS3" verwirklichen.Leider wird CSS3 noch nicht bei allen Browsern unterstützt.

Hier ist der Code:

Zitat:
border-image: url(border.png) 27 27 27 27 round round;


Oder:

Zitat:
border-image: url(border.png) 27 27 27 27 stretch stretch;


Die CSS3-Codes werden einfach mit in die jetztigen CSS-Codes mit eingefügt Wink

Anmerkung:
Das "boarder: 1px solid #000000;" durch den CSS3 Code ersetzt.
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag26.06.2009 um 12:45 (UTC)    
Titel:

Zitat:
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ffffff;
height: 80px;
margin: 0 auto;
background-image: url(http://img.webme.com/pic/c/community-die-staemme/header.png);
background-repeat: no-repeat;
background-color: #00000;}
Beitrag26.06.2009 um 12:57 (UTC)    
Titel:

nico1970 hat Folgendes geschrieben:


Wenn du statt "Boarder" ein Bild nehmen möchtest,kann man das mit "CSS3" verwirklichen.Leider wird CSS3 noch nicht bei allen Browsern unterstützt.



Bei welcehn Browser funktioniert es denn bisher?

Und die beiden Codes zum Zentrieren funktioniren nicht, es pasiert nix
Beitrag26.06.2009 um 13:14 (UTC)    
Titel:

Ich weiß nicht,in welchen Browsern CSS3 bis jetzt funktioniert.Auf jeden Fall im Firefox 3.0.xx noch nicht Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beiträge der letzten Zeit anzeigen:   


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