| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
15.05.2010, 15:37
| |
| Neuer Benutzer Registriert seit: 15.05.2010
Beiträge: 11
PHP-Kenntnisse: Anfänger  |  [Erledigt] [CSS,HTML] Background Problem Hi Leute da ich ein Problem hatte bin ich direkt auf dieses Forum gestoßen. Nun hier meine Frage: Ich habe mir ein Menü erstellt mit CSS und HTML. Hier der Quellcode: Code: <head>
<style type="text/css">
div.menue { background: url(button4.jpg) no-repeat;
width:152px; height:52px; margin:2px; }
div.menue a { padding-left:20px; display:block; text-decoration:none; }
div.menue a:link, div.menue a:visited { color:white; }
div.menue a:hover { background:url(button2.jpg); no-repeat; width:152px; height:52px; color:lime; }
div.menue a:active { color:black; }
* html div.menue a { width:100%; }
</style>
</head>
<body background="bg2.jpg">
<br><br>
<div class="menue"><a href="index.html" target="_top"><br>Home</a></div>
Bei mir zeigt er ihne jedoch größer an also er weiderholt ihn zu 1/5 ungefähr. Ich habe doch die größe richtig eingestellt bei Hover... Weis einer an was das liegen könnte? Buttons sind im Anhang. Danke |
|  |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
15.05.2010, 16:07
| |
| moderatives Dielektrikum  Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten  | Arbeitest Du im IE?
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- |
|
| |
|
15.05.2010, 16:11
| |
| Benutzer Registriert seit: 15.05.2009
Beiträge: 57
| Code: div.menue a:hover { background:url(button2.jpg); no-repeat;[..]
Dazu definierst du 1 Hintergrund im div, den anderen im Anchor, mach mal beide im Anchor. |
|
| |
|
15.05.2010, 16:17
| ||
| moderatives Dielektrikum Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten | Zitat:
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- | |
|
| |
|
15.05.2010, 16:31
| |
| Neuer Benutzer Registriert seit: 15.05.2010
Beiträge: 11
PHP-Kenntnisse: Anfänger | Danke hab des übersehen. Das mit dem Anchor muss ja net sein geht ja auch so oder wäre das dann doch besser?? Also das beides im Anchor ist. |
|
| |
|
15.05.2010, 16:35
| |
| moderatives Dielektrikum Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten | Vielleicht wäre das besser. Wie gesagt, teste den Code mal im IE. Da kann es gut passieren, dass das padding und width addiert werden und das äußere width aufdrücken (bin jetzt nicht ganz sicher). Für solche Seiteneffekte bist Du natürlich auf der sicheren Seite, wenn Du bestimmte Abhängigkeiten ausschließt. Ausserdem - kannst Du so das div einsparen - hast Du die Angaben für Breite etc. nur in einer CSS Angabe und kannst sie bei Bedarf zentral ändern.
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- |
|
| |
|
15.05.2010, 16:38
| ||
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten | Zitat:
Wenn du einen Abstand nach oben hin haben willst - dann nutze auch die dafür vorgesehenen CSS-Eigenschaften. Und das DIV drumherum dürfte auch eher überflüssig sein. Wenn das ganze eine Navigation werden soll, bietet es sich an, es als Liste auszuzeichnen. Es ist ziemlich sinnfrei, überhaupt mit CSS-Styling zu beginnen, so lange kein halbwegs sinnvolles HTML vorliegt.
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? | |
|
| |
|
15.05.2010, 16:40
| |
| Neuer Benutzer Registriert seit: 15.05.2010
Beiträge: 11
PHP-Kenntnisse: Anfänger | Also HTML lliegt schon vor. Nur habe ich eben erst mit CSS angefangen. Was wäre den der Befehl für den Abstand nach oben hin? |
|
| |
|
15.05.2010, 16:43
| |||
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten | Zitat:
Zitat:
Welche Eigenschaften mit welchen Werten es gibt, kannst du bspw. hier nachlesen: SELFHTML: Stylesheets / CSS-Eigenschaften
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? | ||
|
| |
|
15.05.2010, 16:47
| |
| Neuer Benutzer Registriert seit: 15.05.2010
Beiträge: 11
PHP-Kenntnisse: Anfänger | Dankeschön |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Problem Upload mehrere Dateien und schreiben in DB | Lapje | PHP Tipps 2008 | 1 | 22.10.2008 13:12 |
| utf8 Problem (Daten aus DB auslesen) | go1denboy | PHP Tipps 2008 | 1 | 23.09.2008 12:19 |
| Problem mit swfobjects | R4v3r | JavaScript, Ajax und mehr | 8 | 21.09.2008 14:17 |
| CSS problem | gandalf | HTML, Usability und Barrierefreiheit | 6 | 03.09.2008 23:46 |
| [Erledigt] Galerie Problem... | coraplanet | PHP Tipps 2008 | 4 | 06.06.2008 13:42 |
| Div Container Problem im IE | mokus | HTML, Usability und Barrierefreiheit | 4 | 17.04.2007 14:58 |
| Problem beim ausrichten der Schrift im Link | mokus | HTML, Usability und Barrierefreiheit | 6 | 01.02.2007 23:58 |
| datensätze defekt oder problem mit dem einlesen? | Ministry | Datenbanken | 4 | 06.07.2006 18:42 |
| Begrenzung von .gif/.Jpg body background | Bruce | HTML, Usability und Barrierefreiheit | 2 | 02.03.2006 11:09 |
| problem!!! | PHP Tipps 2006 | 6 | 08.02.2006 11:06 | |
| [Erledigt] wieder ein Problem bei phpmailer und smtp | PHP Tipps 2006 | 24 | 07.02.2006 01:07 | |
| [Erledigt] Problem mit Layout bei Firefox | HTML, Usability und Barrierefreiheit | 3 | 14.11.2005 15:42 | |
| Problem mit Picture bei div als Background | HTML, Usability und Barrierefreiheit | 3 | 27.10.2005 17:30 | |
| Smarty und PHP-Skript Problem | PHP Tipps 2004-2 | 2 | 03.12.2004 22:27 | |
| Problem mit alter JavaScript-Funktion | woods | PHP Tipps 2004 | 1 | 13.08.2004 13:34 |
![[Erledigt] [CSS,HTML] Background Problem](http://www.php.de/iconimages/html-usability-und-barrierefreiheit/erledigt-css-html-background-problem_ltr.gif)
