Willkommen auf dem Portal für Mediengestalter

Faune · Threadersteller

Hey Ihr,

Mochte einen kleinen "Banner" in die obere linke einfügen. Das hat schon mal wunderbar funktioniert - jetzt hätte ich aber gerne das dieses Element immer zu sehen ist , wenn man jetzt nach unten scrollt verschwindet es nach oben - was muss ich an meinem code ändern ?? * Keine Ahnung... *

<div class="lefaune.de.vu">
<div class="kkbadge"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFkcmlhbi5mYXVuZS5icGxhY2VkLmNvbQ==" title="LeFaune Design">
<img src="http://img513.imageshack.us/img513/8904/kkbadgelf1.gif" border="0" alt="LEFAUNE" /><style>

Vielen dank für die hilfe

Kash · **Verfasst** Di 07.10.2008 11:39 **Titel**

zeig mal dein css

Faune · Threadersteller

hier ist alles ( ist übrigens für eine myspace seite)

<div class="lefaune.de.vu">
<div class="kkbadge"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFkcmlhbi5mYXVuZS5icGxhY2VkLmNvbQ==" title="LeFaune Design">
<img src="http://img513.imageshack.us/img513/8904/kkbadgelf1.gif" border="0" alt="LEFAUNE" /><style>

body {
margin-top:10px;
font-size:1px;
line-height: 1px;
font-family: Verdana, Arial, sans-serif;
}
table.navigationBar {
position:relative;
z-index:9;
}
p {
margin:0px 0px 1em 0px;
font-family: Verdana, sans-serif !important;
}
a, a:link, a:visited {
color:rgb(0,51,153);
text-decoration:none;
}
a:hover {
color:rgb(204,0,0);
text-decoration:none;
}
img {
border:none;
}
br {
line-height:10px;
}
br + br {
line-height:0px;
}
u {
text-decoration:none;
}
table table table br {
line-height:15px;
}
* html table table table.latestBlogEntry br {
line-height:0px;
}
.friendSpace br {
line-height:0px;
}
form {
border-width:0px;
background-color:none;
}
input {
background-color:transparent !important;
}
body>div {
margin-left:10px;
}
table {
border-collapse:separate;
}
table, tr, td, table table, table table td {
border-width:0px;
background-color:transparent;
}
table table table td {
margin:0px;
padding:0px;
background-color:transparent;
vertical-align:top !important;
}
* html table table table td {
padding:0px 12px 15px 12px;
}
table table table table {
margin:0px;
padding:0px;
background-color:transparent;
background-image:none;
border-width:0px;
}
table table table table table{
border-color:rgb(255,255,255);
}
table table table table td {
margin:0px;
padding:3px 0px;
}
table table table table table td {
padding:0px 2px 0px 0px;
}
table table table {
margin:0px;
max-width:453px;
width:100% !important;
padding:0px 12px 14px 13px;
}
* html table table table {
padding:0px;
}
body td table, body div table {
margin-top:0px;
}
font {
color:rgb(56,96,147);
font-size:10px;
}
a font:hover {
color:rgb(0,0,0);
}
a.navbar:link, a.navbar:visited {
color:rgb(255,255,255);
}
a.navbar:hover {
color:rgb(204,204,204);
}
table tr td table tr td font {
display:inline;
}
table tr td table a.navbar {
font-size:10px;
}
.text {
color:rgb(0,0,0);
font-size:11px;
}
a.text:link, a.text:visited {
color:rgb(255,255,255);
}
a.text:hover {
color:rgb(204,204,204);
}
.contactTable {
width:auto !important;
}
* html .contactTable, *html .userProfileURL {
width:294px !important;
}
.contactTable td {
padding:0px;
margin:0px;
text-align:center;
}
.contactTable span.whitetext12 {
left:0px;
}
* html .contactTable .whitetext12 {
margin-left:25px;
}
.contactTable td table {
height:150px;
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
* html .contactTable td table {
background-position:center center;
}
.contactTable a {
display:block;
margin:0px 5px 1px 0px;
padding:0px;
background-color:transparent;
}
.contactTable a {
width:134px;
height:30px;
}
.contactTable img {
display:none;
visibility:hidden;
}
.contactTable a img {
display:block;
visibility:visible;
border:0px;
}
.contactTable a img {
width:120px;
margin-top:6px;
margin-left:8px;
}
.nametext, .whitetext12, .orangetext15, .btext {
display:block;
margin:14px 0px 4px 0px;
width:auto;
}
* html .nametext, * html .whitetext12, * html table.userProfileURL strong {
width:267px;
}
.orangetext15, .btext {
width:auto;
}
table table table table .orangetext15 {
margin-bottom:4px;
}
* html .orangetext15, * html .btext {
width:390px;
}
table tr td table tr td table tr td div strong {
display:block;
width:270px;
}
.whitetext12 {
margin-top:0px;
}
.blacktext12 {
display:block;
margin-bottom:0px !important;
}
a.redlink:link {
display:block;
border-width:3px 0px 0px 0px;
padding-top:3px;
}
a.redlink:active, a.redlink:visited, a.redlink:link {
display:inline;
}
td.text {
text-align:left;
}
table table tr td {
line-height:1.4em;
}
table.userProfileURL strong {
margin-top:-5px;
margin-right:8px !important;
}
table.userProfileURL {
text-align:center;
}
table.userProfileURL table {
margin-top:-7px;
margin-right:-5px;
}
table table table.userProfileURL {
padding-bottom:0px;
}
*html table table table.userProfileURL td {
padding-bottom:0px;
}
table.userProfileDetail .whitetext12, table.contactTable .whitetext12{
margin-top:3px;
}
table table table.blurbs span.orangetext15, table table table.friendSpace .orangetext15 {
display:none;
}
table table table.blurbs table {
margin-top:-18px;
}
table table table.blurbs table table {
margin:0px;
padding:0px;
width:auto !important;
}
table table table.blurbs table span.orangetext15 {
display:block;
margin-bottom:0px;
}
table table table.extendedNetwork {
padding:0px;
}
table table table.extendedNetwork td {
padding:0px;
height:75px;
}
table table table.contactTable {
padding:0px;
}
table table table.contactTable span.whitetext12 {
display:none;
}
.contactTable .text {
font-size:1px !important;
}
table table table.contactTable td.text {
height:0px !important;
}
table table td.text table {
border-collapse:collapse;
}
td.text table.blurbs, td.text table.latestBlogEntry, td.text table.friendSpace, td.text table.friendsComments, table table td.text table table, table.friendSpace td.text table, table.friendsComments td.text table {
margin-top:0px;
border-collapse:separate;
}
* html table table td.text table td {
padding:0px;
}
* html table table td.text table td table td {
padding:0px !important;
}
* html td.text table.blurbs td, * html td.text table.latestBlogEntry td, * html td.text table.friendSpace td, * html td.text table.friendsComments td, * html table.friendSpace td.text table td, * html table.friendsComments td.text table td {
padding:0px 12px 15px 12px;
}

.skwibblebadge {
position:absolute;
top:153px;
left:0px;
width:172px;
height:48px;
z-index:8;
}

.LeFaune {
padding:15px 0;
}
.kkbadge {
position:absolute;
top:0px;
left:0px;
width:143px;
height:143px;
z-index:8;
}

body {
background-color:rgb(103,103,103) !important;
background-image:url();
background-repeat:repeat-y !important;
background-position:center center !important;
background-attachment:fixed !important;
}
table table table {
background-color:rgb(53,53,53);
background-image:none;
background-position:top left;
background-repeat:repeat;
border-width:5px;
border-style:solid;
border-color:rgb(90,88,8 *hehe*

;
}
table table table table {
filter:none !important;
opacity:1 !important;
}
.contactTable {
}
.contactTable td table {
background-image:none;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited, a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited, .lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited {
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:10px;
color:rgb(210,210,210);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited {
font-weight:normal;
}
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, .blacktext12, table.userProfileURL strong {
margin:14px 0px 4px 0px;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:13px;
color:rgb(119,200,253);
font-weight:bold;
text-decoration:none;
text-transform:none;
text-align:left;
}
.whitetext12 {
margin-top:0px;
}
table table td.text table {

}
td.text table.blurbs, td.text table.latestBlogEntry, td.text table.friendSpace, td.text table.friendsComments, table.friendSpace, table.friendsComments {
background-color:rgb(53,53,53);
background-image:none;
background-position:top left;
background-repeat:repeat;
}
table table td.text table table, table.friendSpace td.text table, table.friendsComments td.text table {
background:transparent;
}
span.blacktext12 {
padding-top:30px;
height: 87px;
background-color:transparent;
background-image:url(http://img147.imageshack.us/img147/980/bannerpb0.jpg);
background-position:center center;
background-repeat:repeat-x;
}
.blacktext12 {
margin-top:0px;
text-align:center;
}
.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {
background-color:transparent;
border-style:none;
border-width:px;
border-color:rgb(255,255,255);
}
.nametext {
background-color:transparent;
border-style:none;
border-width:px;
border-color:rgb(255,255,255);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:rgb(106,164,213);
font-weight:bold;
text-decoration:none;
text-transform:none;
text-align:center;
}
.lightbluetext8 {
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:10px;
color:rgb(173,207,255);
font-weight:normal;
text-decoration:none;
text-transform:none;
}
a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:10px;
color:rgb(152,205,111);
font-weight:normal;
text-decoration:none;
text-transform:none;
}
a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
color:FFFFFF;
}
a:hover, a.redlink:hover, a.navbar:hover, a.text:hover {
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:10px;
color:rgb(0,219,233);
font-weight:normal;
text-decoration:none;
text-transform:none;
}
a.navbar:hover, a.text:hover {

}
a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover {
font-size:9px;
font-weight:normal;
}
*html table table table {
height:0.01%;
}
body div table td div {
margin-top:2px !important;
}
body table {

}
* html body table {

}
body td table, body div table {
margin-top:0px;
}
.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {
padding:0px;
}
.nametext {
padding:2px;
}

</style>

leinich · **Verfasst** Di 07.10.2008 11:48 **Titel**

Der Code stimmt nicht so ganz
zwei offene div Elemente, ein nicht geschlossener Link und das einsame style ....

leinich · **Verfasst** Di 07.10.2008 11:49 **Titel**

Kash · **Verfasst** Di 07.10.2008 11:52 **Titel**

oh oh oh.....wer produziert das CSS File? und den rest?
hab lang nicht so einen sch*** gesehen.

fixed ist das stichwort

http://www.css4you.de/position.html
http://www.css4you.de/example/position_fixed.html

Faune · Threadersteller

Faune · Threadersteller

ganz böse - davon hat leider nichts funtioniert

wenn ich das fixed anwende ist der banner nicht mehr oben links sondern in der box "über mich" und alle formatierungen sind wieder weg

Willkommen auf dem Portal für Mediengestalter

Thema: Bildelement in die ecke einfügen ? vom 07.10.2008

Bildelement in die ecke einfügen ?

Re: Bildelement in die ecke einfügen ?

Re: Bildelement in die ecke einfügen ?