Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.11.2011 um 06:26 (UTC)    
Titel: Maushover färben

Kann man den Maushover mit Css anpassen/verändern/färben ?

Hier ein Bild dazu was ich mit Maushover meine:


(Das "Wort Amerikanisches Englisch" im Rechtreck, dieses Rechteck meine ich mit Maushover)
Beitrag23.11.2011 um 14:42 (UTC)    
Titel:

Schau mal hier ganz unten:
http://iceblue-test.de.tl/Hover-Effekte.htm

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag23.11.2011 um 21:09 (UTC)    
Titel:

bei mir wird das noch nicht so ganz dargestellt wie es glaub ich sein sollte



es fehlt die untere hälfte

[muss ich da vielleicht irgendwas im design css code von mir ändern ?]


Zuletzt bearbeitet von brawl-crushers am 23.11.2011, 22:36, insgesamt einmal bearbeitet
Beitrag23.11.2011 um 22:54 (UTC)    
Titel:

Hallo,

es wäre hilfreich, wenn du deinen code mal postest.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag23.11.2011 um 22:58 (UTC)    
Titel:

Sorry hätte ich mit einfügen sollen Smile+

CSS

Code:

/* begin Page */

/* Copyright www.comflexx.de */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #002456;
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlareImage
{
  background-image: url('images/Page-BgGlare.png');
  background-repeat: repeat-x;
  height: 264px;
  margin: 0px auto;
}

html:first-child .PageBackgroundGlare
{
  border: 1px solid transparent; /* Opera fix */
}



.PageBackgroundSimpleGradient
{
  background-image: url('images/Page-BgSimpleGradient.jpg');
  background-repeat: repeat-x;
  height: 1px;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
  overflow: hidden;
  min-width:35px;
  min-height:35px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 1000px;
}


.Sheet-body
{
  position: relative;
  z-index: 0;
  margin: 13px;
}

.Sheet-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -17px;
  width: 34px;
  height: 34px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 17px;
  height: 17px;
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -17px;
  left: 0;
  width: 34px;
  height: 34px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 17px;
  height: 17px;
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -17px;
  left: -17px;
  width: 34px;
  height: 34px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 17px;
  right: 17px;
  height: 17px;
}

.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 17px;
  right: 17px;
  height: 17px;
}

.Sheet-bc div
{
  position: absolute;
  z-index: -1;
  top: -17px;
  left: 0;
  width: 100%;
  height: 34px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 17px;
  left: 0;
  width: 17px;
  bottom: 17px;
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 17px;
  right: 0;
  width: 17px;
  bottom: 17px;
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -17px;
  width: 34px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 17px;
  left: 17px;
  right: 17px;
  bottom: 17px;
  background-image: url('images/Sheet-c.png');
}


.Sheet
{
  margin-top: 10px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 974px;
  height: 225px;
}

div.Header-png
{
  position: absolute;
  z-index:-2;
  top: 0;
  left: 0;
  width: 974px;
  height: 225px;
  background-image: url('images/Header.png');
  background-repeat: no-repeat;
  background-position: left top;
}


div.Header-jpeg
{
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 974px;
  height: 225px;
  background-image: url('images/Header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 954px;
}

h1.logo-name
{
  display: block;
  text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 26px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding:0;
  margin:0;
  color: #184259 !important;
}

.logo-text
{
  display: block;
  text-align: left;
}

.logo-text, .logo-text a
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  padding:0;
  margin:0;
  color: #184259 !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 974px;
  height: 37px;
  z-index: 100;
}

.artmenu
{
  padding: 12px 6px 0px 6px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 37px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 974px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 25px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px;

}
.artmenu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #E0E0E0;
  padding: 0 15px;
  margin: 0 3px;
  line-height: 25px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}


.artmenu a:hover
{
  background-position: left -25px;
}

.artmenu li:hover>a
{
  background-position: left -25px;
}
.artmenu li:hover a span
{
  background-position: right -25px;
}

.artmenu a:hover span
{
  background-position: right -25px;
}


.artmenu a:hover span span
{
  color: #000000;
  background-position: left -25px;
}

.artmenu li:hover a span span
{
  color: #000000;
  background-position: left -25px;
}


.artmenu a.active
{
  background-position: left -50px;
}

.artmenu a.active span
{
  background-position: right -50px;
}

.artmenu a.active span span
{
  color: #236385;
  background-position: left -50px;
}

/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 22px;
  width: 190px;
  overflow:hidden;
  line-height: 22px;
  margin-right: auto;


  background-image: url('images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 0px;
  border-style: solid;
  border-color: {PassiveBorderColor};
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 22px;
  color: #363636;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #000000;
  border-color: {HoveredBorderColor};
  background-position: 0 -22px;
}

.artmenu ul li:hover>a
{
  color: #000000;
  border-color: {HoveredBorderColor};
  background-position: 0 -22px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
  margin-bottom: 1px;
  width: 974px;
  position: relative;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
  overflow: hidden;
  min-width:15px;
  min-height:15px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Block-body
{
  position: relative;
  z-index: 0;
  margin: 7px;
}

.Block-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background-image: url('images/Block-s.png');
}

.Block-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}

.Block-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}

.Block-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

.Block-br div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}

.Block-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background-image: url('images/Block-h.png');
}

.Block-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

.Block-bc div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 100%;
  height: 14px;
  background-image: url('images/Block-h.png');
}

.Block-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  left: 0;
  width: 7px;
  bottom: 7px;
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 14px;
  height: 100%;
  background-image: url('images/Block-v.png');
}

.Block-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  right: 0;
  width: 7px;
  bottom: 7px;
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -7px;
  width: 14px;
  height: 100%;
  background-image: url('images/Block-v.png');
}

.Block-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  background-image: url('images/Block-c.png');
}


.Block
{
  margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 7px;

}

.BlockHeader-text
{
  white-space : nowrap;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l
{
  left: 0;
  right: 6px;
}


.BlockHeader .r
{
  right: 0;
  width: 6px;
}


.BlockHeader .r div
{
  width: 994px;
  right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/BlockHeader.png');
}



.header-tag-icon
{
  display:inline-block;
  background-position:left top;
  background-image: url('images/BlockHeaderIcon.png');
  padding:0 0 0 21px;
  background-repeat: no-repeat;
  min-height: 14px;
  margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  background:url(http://s.comflexx.de/img_trans.gif);
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 8px;
}


.BlockContent-body
{
  color:#0F2A38;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.BlockContent-body a:link
{
  color: #A22101;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
  color: #525252;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
  color: #D52B01;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}


.BlockContent-body ul
{
  list-style-type: none;
  color: #0F2A38;
  margin:0;
  padding:0;
}

.BlockContent-body li
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.BlockContent-body ul li
{
  padding:0px 0 0px 13px;
  background-image: url('images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Post-body
{
  position: relative;
  z-index: 0;
  margin: 10px;
}


.Post
{
  margin: 10px;
}


/* Start images */
a img
{
  border: 0;
}

.article img, img.article
{
  border-style: solid;
  border-width: 1px;
  border-color: #C7C7C7;
  margin: 1em;
}

.metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
  border-collapse: collapse;
  margin: 1px;
  width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
  background-color:Transparent;
}

.article th, .article td
{
  padding: 2px;
  border: solid 0px #B5B5B5;
  vertical-align: top;
  text-align:left;
}

.article th
{
  text-align:center;
  vertical-align:middle;
  padding: 7px;
}



/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */

.PostMetadataHeader
{

  background-color: #D7EAF4;
  border-color: #C7C7C7;
  border-style: solid;
  border-width: 1px;
  padding:3px;
}




/* end PostMetadata */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
  text-decoration:none;
  margin: 0.2em 0;
  padding: 0;
  font-weight:normal;
  font-style:normal;
  letter-spacing:normal;
  word-spacing:normal;
  font-variant:normal;
  text-decoration:none;
  font-variant:normal;
  text-transform:none;
  text-align:left;
  text-indent:0;
  line-height:inherit;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 26px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #163F55;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 26px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #163F55;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #1C4E69;
}

.PostHeader a:visited, .PostHeader a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #424242;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #1A1A1A;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  color: #0E2734;
}

.PostContent
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-align: justify;
  color: #0E2734;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #931E01;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #931E01;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #931E01;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #2E0900;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 31px;
  text-transform: uppercase;
  text-align: left;
  color: #1F5775;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  color: #2A759D;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  color: #2A759D;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
  color: #0E2734;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  color: #0E2734;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 15px;
  text-transform: uppercase;
  text-align: left;
  color: #0E2734;
}
/* Finish Content headings Fonts & Colors  */

/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
  list-style-type: none;
  color: #0F0F0F;
  margin:0;
  padding:0;
}

li
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  text-align: left;
  margin-left: 12px;
}



.Post ul li
{
  padding:0px 0 0px 11px;
  background-image: url('images/PostBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
  color:#061218;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

blockquote
{
  border-color:#82BEDE;
  border-width: 1px;
  border-style: solid;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 41px;

  background-color:#BFDDEE;

  background-image:url('images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
  position:relative;
  display:inline-block;
  width: auto;
  outline:none;
  border:none;
  background:none;
  line-height:32px;
  margin:0;
  padding:0;
  overflow: visible;
  cursor: default;
  text-decoration: none !important;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
  display:list-item;
  list-style-type:none;
  float:left;
}


.Button .btn
{
  position: relative;
  overflow: hidden;
  display: block;
  width: auto;
  z-index: 0;
  height: 32px;
  color: #454545;
  white-space: nowrap;
  float: left;
}

.Button .t
{
  height:32px;
  white-space: normal;
  padding: 0 19px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 32px;
  text-decoration: none !important;
}

input, select
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}

.Button .active
{
  color: #FFEFEB;
}

.Button .hover,  a.Button:hover
{
  color: #163F55;
  text-decoration: none !important;
}

.Button .active .r
{
  top: -64px;
}

.Button .hover .r
{
  top: -32px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 12px;
  height: 96px;
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:417px;
  height: 96px;
}


.Button .active .l
{
  top: -64px;
}

.Button .hover .l
{
  top: -32px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 12px;
  height: 96px;
}


.Button .l, .Button .r span
{
  background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 974px;
  margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 8px;
  text-align: center;
}

.Footer .Footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('images/Footer.png');
  width: 974px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('images/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 25px;
  width: 25px;
}




.Footer .Footer-text p
{
  margin: 0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#1C1C1C;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

.Footer .Footer-text a:link
{
  text-decoration: none;
  color: #1F5775;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.Footer .Footer-text a:visited
{
  text-decoration: none;
  color: #4A4A4A;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.Footer .Footer-text a:hover
{
  text-decoration: none;
  color: #2A759D;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
  font-family:Arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#2B78A1;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#666666;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 730px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar1
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 243px;
}

/* end LayoutCell */


Beitrag23.11.2011 um 23:12 (UTC)    
Titel:

Das war schonmal ein Fortschritt, wenn du jetzt noch den code postest, um den es geht würde das Arbeit ersparen. Wink
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 24.11.2011, 00:18, insgesamt einmal bearbeitet
Beitrag23.11.2011 um 23:18 (UTC)    
Titel:

ich wusste dass ich etwas vergessen habe zu posten Wink

Code:

<style type="text/css">
<!--

/* span text unsichtbar */
a.info span {
  display: none;}

/* span text bei Mauskontakt sichtbar */
a.info:hover span {
  position: absolute;
  width: auto;
  display: block;
  padding: 15px;
  left: 1%;
  color: #ffffff;
  background-color: #000000;
  border: 2px solid #ffffff;
  border-radius: 2px;
  padding: 2px 1px 2px 1px;
  font-family: sans-serif;
  margin: 2px;
  cursor: auto;
  -moz-box-shadow:0 0 3px #999999;
  -webkit-box-shadow:0 0 3px #999999;
  box-shadow:0 0 3px #999999; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: .6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
  filter: alpha(opacity=60); } /*IE7 und kleiner*/
  z-index: 300; }
-->
</style> 

<a href="LINK" class="info">TEXT<span>Hier Tooltip-Inhalt<br />
</span></a>
Beitrag23.11.2011 um 23:41 (UTC)    
Titel:

Das klappt doch.

Zitat:
<a href="LINK" class="info">TEXT<span>Hier Tooltip-Inhalt<br>Hier steht deine 2. Zeile
</span></a>

Zeilenumbruch

Oder was meinst du?
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 24.11.2011, 00:42, insgesamt einmal bearbeitet
Beitrag23.11.2011 um 23:55 (UTC)    
Titel:

nein funktioniert leider nicht so wie es eigentlich sein sollte



Im Bild sieht man unten dass der untere Rand (untere Hälfte) des Tooltip-Inhalts
fehlt...ich habe es bei mehreren Designs getestet und bei diesem hier (ausgerecht bei meinem Main-Design) funktioniert das nicht ...ich könnte ja mal einen Design Css-Code posten wo das 100% funktioniert hat. (sofern es nötig ist)


Zuletzt bearbeitet von brawl-crushers am 24.11.2011, 00:56, insgesamt einmal bearbeitet
Beitrag23.11.2011 um 23:59 (UTC)    
Titel:

Besser wäre es, wenn du mal einen Link zu einem Beispiel postest, bei dem es klappt und einen bei dem es nicht so richtig will.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 24.11.2011, 01:01, insgesamt 2-mal bearbeitet
Beitrag24.11.2011 um 00:07 (UTC)    
Titel:

ich hoffe dass du es so gemeint hast.

klappt nicht:
http://sonic-anniversary.de.tl/Test3.htm

klappt:
http://bc-serverpage.de.tl/test.htm


Zuletzt bearbeitet von brawl-crushers am 24.11.2011, 01:09, insgesamt einmal bearbeitet
Beitrag24.11.2011 um 01:07 (UTC)    
Titel:

Das Problem ist das einige der Elternelemente richtigerweise ein overflow hidden haben. Ergänze deinen CSS code mal um folgendes oder suche in deinem CSS code die entsprechende Stelle und ändere es ab. In letztem Fall brauchst du das !important nicht.

Zitat:
.Post, .content {
overflow:visible!important;
}

______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 24.11.2011, 02:18, insgesamt 2-mal bearbeitet
Beitrag24.11.2011 um 02:46 (UTC)    
Titel:

hey es hat geklappt Very Happy

ich habe
Zitat:
.Post, .content {
overflow:visible!important;
}


einfach in meinem css-code zwischen den anderen .post elementen eingefügt

vielen dank Wink
Beitrag24.11.2011 um 10:59 (UTC)    
Titel:

Danke für die Rückmeldung.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


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