30.05.2006, 20:20
|
|||
|
|||
Padding Problem!
Hallo zusammen,
ich hab ein p-Element welches ein Hintergrundbild erhalten soll (Ausrichtung: rechts / oben) das p-Element enthält auch Text, welcher im Moment über das Hintergrundbild bzw. auf dem Hintergrundbild läuft... ich benutz folgende Code: Code:
p#xtasten {
background-image: url(/images/test.jpg);
background-repeat: no-repeat;
background-position: right top;
padding: 0px 161px 0px 0px;
}
Hier mal die css Datei Code:
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.95em;
color: #000000;
margin:0;
padding:0;
border:0;
line-height: 1.6em;
}
body {
text-align:center;
margin-top: 20px;
}
div#wrap {
width: 750px;
margin:0 auto;
background-image: url(images/bg.gif);
background-repeat: repeat-y;
}
div#head {
background-image: url(images/logo-siganorm.jpg);
padding-top: 120px;
background-repeat: no-repeat;
}
div#content-left {
width: 154px;
float: left;
}
div#content-right {
float: right;
width: 596px;
text-align: left;
}
div#copyright {
background-color: #FFFFFF;
background-image: url(images/navi-end.jpg);
background-repeat: no-repeat;
background-position: left bottom;
text-align: left;
padding-left: 290px;
}
div#sitemap {
width: 710px;
font-size: 0.7em;
color: #666666;
margin: 0 auto;
padding: 30px 20px 20px 20px;
}
ul#nav {
list-style-type: none;
}
ul#nav li {
font-size: 1.1em;
text-align: left;
line-height: 2.8em;
padding-left: 7px;
background-image: url(images/line_navi.gif);
background-position: right bottom;
background-repeat: no-repeat;
font-weight: bold;
}
ul#nav li a {
color: #FFFFFF;
text-decoration: none;
}
ul#nav li a:hover {
color: #427b3a;
text-decoration: none;
}
a.subnav {
padding-left: 20px;
}
hr.cut {
clear:both;
visibility:hidden;
margin:0 0;
}
h1 {
color: #002800;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
font-size: 1.1em;
}
h3 {
color: #002800;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
font-size: 1.1em;
}
div#content-right p {
padding-top: 0px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
}
ul.liste {
margin-left: 20px;
}
p#xtasten {
background-image: url(/images/test1.jpg);
background-repeat: no-repeat;
background-position: right top;
padding: 0px 161px 0px 0px;
}
p#xsplitt {
background-image: url(/images/test2.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 0px 0px 0px 161px;
}
p#xkanister {
background-image: url(/images/test3.jpg);
background-repeat: no-repeat;
background-position: right top;
padding: 0px 161px 0px 0px;
}
|
| Sponsored Links |
|
30.05.2006, 20:37
|
|||
|
|||
|
Hi
 bei mir klappt das problemlos... Gibts zu dem CSS auch ein HTML-Teil? Der wäre auch mal interessant. Vielleicht hilft es auch schon, wenn du dem p-Tag eine feste Breite zuweist
__________________
>> Linux is like a wigwam: no windows, no Gates, Apache inside. <<
|
| Sponsored Links |
|
30.05.2006, 21:12
|
|||
|
|||
|
Leider hab ich den Code nun nicht mehr, hab das jetzt mit nem Fload gemacht und das Problem beseitigt!
Irgendwie konnte ich mir das auch nicht erklären... Hab mehrere Stunden mit dem Problem verbracht und keine Lust mehr gehabt!
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 15:43 |
| Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
| Browser Zoom - Divs vergrößern sich nicht mit | mathias81 | CSS | 19 | 04.08.2009 08:58 |
| active link soll hover-effekt erhalten | zeitgeisth | CSS | 1 | 30.11.2008 14:47 |
| position:fixed löscht background-color des Container | alivecc | CSS | 9 | 25.10.2007 13:25 |
Linear-Darstellung
