mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 13:06 Benutzername: Passwort: Auto-Login

Thema: Positionierungsproblem vom 17.03.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Positionierungsproblem
Seite: Zurück  1, 2
Autor Nachricht
the_tall1
Threadersteller

Dabei seit: 20.06.2005
Ort: Ensingen
Alter: 38
Geschlecht: Männlich
Verfasst Mo 20.03.2006 11:37
Titel

neuer Ansatz

Antworten mit Zitat Zum Seitenanfang

Hab das ganze jetzt etwas anderst gestaltet aber wie bekomme ich jetzt alle
Infoboxen in Zeile4 wirklich "in eine Zeile"?
Code:

body {
   margin:0;
   width:100%;
   hight:100%;
   background-color:#bfbfbf;
   z-index:1;
   color:#ffffff;
}

h1 {
   color:#ee0000;
   font:bold;
}


h2 {   
   color:#ffffff;
   margin-top:1%;
   text-align:center;
}


ul {
   font:bold 16px verdana, sans-serif;
   type:circle;
}

li {
   font:bold 14px verdana, sans-serif;
}



#head {}

#zeile1 { position:absolute; margin:6% 40% 90% 40%; }

#zeile2 { position:absolute; margin:12% 30% 75% 30%;}

#zeile3 { position:absolute; margin:18% 20% 60% 20%;}

#zeile4 { position:absolute; margin:24% 10% 55% 10%;}



#box {
   width:50px;
}

#box a {
   color:#ffffff;
   background:#ee0000;
   font:bold 16px verdana, sans-serif;
   text-decoration:none;
   display:block;
   padding:5px;
}

#box a span {
   display:none;
}


#box a:hover span {
   position:absolute;
   top:500px; left:200px;
   background:#bfbfbf;
   font:normal 10px courier, sans-serif;
   color:black;
   display:block; 
}
  View user's profile Private Nachricht senden
the_tall1
Threadersteller

Dabei seit: 20.06.2005
Ort: Ensingen
Alter: 38
Geschlecht: Männlich
Verfasst Mo 03.04.2006 11:29
Titel

fini

Antworten mit Zitat Zum Seitenanfang

So für alle die ein ähnliche Problem haben poste ich hier mal meine Lösung.
Hatte noch andere Aufgaben ned das hier jetzt gedacht word ich hätte dafür so lange gebraucht.

Code:

h1 {

   color:#ee0000;
   font:bold;
   text-align:center;
   margin-top:3%;

}

body   {

   background-color:#cfcfcf;
   z-index:1;
   color:#ffffff;
   margin:0;

}

#footer {

   clear:both;
   float:left;
   margin:37% 0 0 2%;
   font:bold 12px verdana, sans-serif;
   color:#000000;
   text-decoration:none;
   z-index:1;
}

#footer a {

   color:#ffffff;
   background:#ee0000;
   font:bold 10px verdana, sans-serif;
   text-decoration:none;
   z-index:2;
}

ul {

   font:bold 16px verdana, sans-serif;
   list-style-type:none;

}

#zeile1, #zeile2, #zeile3, #zeile4 {

   margin:2% 0 0 0;
   clear:both;

}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10 {

   float:left;
   height:21px;
   z-index:1;
   color:#ffffff;
   background:#ee0000;
   font:bold 16px verdana, sans-serif;
   text-decoration:none;
   padding:5px;
   text-align:center;

}

#box1  {   margin:2% 0 0 24%; }
#box2  {   margin:0 0 0 21%; }
#box4  { margin:0 0 0 14%; }
#box7  { margin:0 0 0 9%; }

#box3, #box5, #box6, #box8, #box9, #box10  { margin:0 0 0 3%; }

#box01, #box02 { width: 50px; }

#box01 a, #box02 a {

   color:#ffffff;
   background:#ee0000;
   font:bold 16px verdana, sans-serif;
   text-decoration:none;
   display:block;
   padding:5px;

}

#box01 a:hover, #box02 a:hover  {

   color:white;
   background:#ee0000;
   width:50px;

}

#box01 a div, #box02 a div {display:none;}

#box01 a:hover div, #box02 a:hover div {

   position:absolute;
   color:#000000;
   background:#cfcfcf;
   font:normal 13px courier, sans-serif;
   display:block;
   z-index:2;
   width:300px;

}

#box01 a:hover div {   margin:150px 0 0 -150%; }
#box02 a:hover div {   margin:75px 0 0 -150%; }


Solangsam komm ich dahinter. THX The_Tall1
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.