Sponsor-Board.de
Thema geschlossen  Thema schreiben 

CSS Hilfe

Verfasser Nachricht

Beiträge: 1.134
Bewertung: 71
Registriert seit: Dec 2011
Status: offline


Beitrag: #1
CSS Hilfe

Ich bin gerade dabei mein erstes Design zu coden (Wirklich Komplett, wBB zählt da nich) und verzweifle an folgendem Problem:

Code:
a.menuelement:hover {
    padding-top: 13px;
    padding-right: 5px;
    padding-left: 5px;
    height: 36px;
    background-image: url(img/element.png);
    background-repeat: repeat-x;
    background-position: center;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}


Das ist der Code den ich benutze, die Ecken sollen abgerundet sein aber es sieht so aus:    

//EDIT Fehler gefunden, aber er rundet mir nun die Seiten ab und nicht die Ecken


Mit freundlichen Grüßen,
Luca Postiglione

<[Link: Registrierung erforderlich]> "wordpress is an unauthenticated remote shell that, as a useful side feature, also contains a blog"

Dieser Beitrag wurde zuletzt bearbeitet: 29.05.2012 13:31 von Luca.

29.05.2012 13:29
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden

Beiträge: 1.134
Bewertung: 71
Registriert seit: Dec 2011
Status: offline


Beitrag: #2
RE: CSS Hilfe

Der Hintergrund soll flexibel sein


Mit freundlichen Grüßen,
Luca Postiglione

<[Link: Registrierung erforderlich]> "wordpress is an unauthenticated remote shell that, as a useful side feature, also contains a blog"

29.05.2012 13:50
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden

Beiträge: 182
Bewertung: 0
Registriert seit: Apr 2012
Status: offline


Beitrag: #3
RE: CSS Hilfe

Willst du die Ecken abgerundet haben oder komplett rund, so das es ein Kreis wird?

Wieso hat denn dein Button ein Hintergrundbild? Soll das etwa abgerundet werden?
Dann wird es wohl daran liegen. Du solltest dem ganzen eine Hintergrundfarbe geben und kein Bild, dann sollte es gehen.

Und an ccoding: Bilder benötigen viel mehr Performance als normaler Code. Deshalb gibt es ja nun seit CSS3 diese Möglichkeit.

P.S.

statt
padding-top: 13px;
padding-right: 5px;
padding-left: 5px;

kannst du auch einfach
padding: 13px 5px 0 5px

schreiben


[Link: Registrierung erforderlich]

Blog über Männer, Frauen und das gemeinsame Zusammenleben, vom Ansprechen bis zum gelungenen Date.

Dieser Beitrag wurde zuletzt bearbeitet: 29.05.2012 14:19 von Torbinho.

29.05.2012 14:18
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden

Beiträge: 1.134
Bewertung: 71
Registriert seit: Dec 2011
Status: offline


Beitrag: #4
RE: CSS Hilfe

Also:

Es sollen nur die einzelnen Ecken abgerundet werden. Das Eine Farbe reicht nicht da das ja ein Verlauf plus Schatten ist. Er braucht ein Hintergrundbild weil das der hover Effekt sein soll. Und ich habe gelesen dass es auch mit bild geht.

Und danke für den Tipp mit dem Padding, aber ich habe es so gemacht dass ich immer sofort weis welcher Wert für was steht.


Mit freundlichen Grüßen,
Luca Postiglione

<[Link: Registrierung erforderlich]> "wordpress is an unauthenticated remote shell that, as a useful side feature, also contains a blog"

29.05.2012 14:57
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden

Beiträge: 182
Bewertung: 0
Registriert seit: Apr 2012
Status: offline


Beitrag: #5
RE: CSS Hilfe

Weißt du doch auch so ? Padding: oben rechts unten links wie im Uhrzeigersinn Wink

Dann google doch einfach mal, bin mir sicher, dass du viele Lösungen finden wirst.

Kann mir aber auch vorstellen, dass du den Repeat wegmachen solltest, oder es mal ohne Padding versuchen.


[Link: Registrierung erforderlich]

Blog über Männer, Frauen und das gemeinsame Zusammenleben, vom Ansprechen bis zum gelungenen Date.

29.05.2012 15:40
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden

Beiträge: 1.134
Bewertung: 71
Registriert seit: Dec 2011
Status: offline


Beitrag: #6
RE: CSS Hilfe

Beides ist leider nötig Mad

Habs schon probiert


Mit freundlichen Grüßen,
Luca Postiglione

<[Link: Registrierung erforderlich]> "wordpress is an unauthenticated remote shell that, as a useful side feature, also contains a blog"

29.05.2012 15:43
 
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Thema geschlossen  Thema schreiben 

 Druckversion anzeigen
 Thema einem Freund senden
 Thema abonnieren
 Thema zu den Favoriten hinzufügen

Sponsor-Board.de

Community
Über uns
Partner
Powered by Mybb: Copyright 2002-2024 by MyBB Group - Deutsche-Übersetzung von Mybb.de
 
© 2007-2024 Sponsor-Board.de - Hosted by OVH

Willkommen auf SB!   Sie benötigen ein Sponsoring?   1. Anmelden   2. Sponsoring-Anfrage erstellen   3. Nachrichten von Sponsoren erhalten   Kostenlos!   Jetzt registrieren