• Forum
• Allgemein
• HTML, PHP, SQL,...
• style.css - wie zentriere ich?

ilch Forum » Allgemein » HTML, PHP, SQL,... » style.css - wie zentriere ich?

1. Do. 31.01.2008 10:52 Uhr #1

   

   Wamulika Mitglied

   Registriert seit

   03.01.2007

   Beiträge

   168

   Beitragswertungen

   

   Hallo nochmals^^
   Dies wird meine letzte Frage bezüglich Designs sein, denn dann habe ich mein Design fertig.
   Ich möchte jetzt in der style.css die Menüpunkte in die mitte zentrieren.
   Die auf den Buttons und die Menüpunkte (Beide Seiten).
   Wäre euch sehr dankbar wenn ihr mir da auch helfen könntet:
   
   

   /*customs*/
   
   .lg_messages
   {
     color:#FF0000;
     font-family: Tahoma;
     font-size:11px;
   }
   
   .lg_hello
   {
     color:#000000;
     font-family:Tahoma;
     font-size:11px;
   }
    
   a.menu
   {
   	display:block;
   	color: #0066ff;
   	font-size: 9px;
   	background:url(images/img_mp_norm.jpg) #151515 ;
   	width: 200px;
   	height: 28px;
   	text-indent: 15px;
   	text-decoration: none;
   	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
   	line-height: 19px;
   }
   
   a.menu:hover
   {
   	display:block;
   	color: #0066ff;
   	font-size: 9px;
   	background:url(images/img_mp_hover.jpg) #ffffff ;
   	width: 200px;
   	height: 28px;
   	text-indent: 15px;
   	text-decoration: none;
   	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
   	line-height: 19px;
   } 
    
   /*standart*/
   
   body   
   { 
     background-color: #000000;
     margin-left:0px;
     margin-right:0px;
     margin-top:0px;
     margin-bottom:0px;
   }
   
   .abg
   {
   }
   
   td 
   {
     font-family: Verdana; 
     font-size: 10px;
     color:#000000;
   }
   
   a 
   { 
     color: #EB0000; 
     font-family: Tahoma; 
     font-size: 10px; 
     text-decoration: none;
   }
   
   a:hover 
   { 
     color: #000000;
     text-decoration: none;  
   }
   
   a.box 
   { 
     color: #000000; 
     font-family: Tahoma; 
     font-size: 10px; 
   }
   
   a.box:hover 
   {  
     color: #EB0000;
     text-decoration: none;  
   }
   
   .Chead
   {
     color: #000000;
     
   }
   
   .Chead td, .Chead td strong, .Chead h4, .Chead td b
   {
     color: #000000;
   }
   
   .Callg
   {
   	color: #000000;
   }
   
   .Callg td
   {
     color: #000000;
   }
   
   .Cnorm 
   {
     color:#000000;
     background-color: #ffffff;
   }
   
   .Cmite
   { 
     color:#000000;
     background-color: #ffffff;
   }
   .Cdark
   {
     background-color:#ffffff;
   }
   
   #Ballg
   {
   	color: #000000;
   	background-color: #ffffff;
   }
   #Ballg td
   {
   	color: #000000;
   	background-color: #ffffff;
   }
   
   .Bhead
   {
   	color: #000000;
   }
   
   .Bbody
   {
   	color: #000000;
   	
   }
   
   .rand
   {
   }
   
   .smalfont 
   { 
   	color:#FF0000;
       font-size: 10px;
   	text-decoration: none; 
   }
   
   .smalfont_copyright 
   { 
   	color: #000000;
       font-size: 10px;
   	text-decoration: none; 
   }
   
   .border 
   { 
       background-color: #a1a1a1;
   }
   
   hr 
   { 
       height: 0px; 
   	border-top-width: 1px; 
   }
   
   input, textarea, select
   { 
       color: #000000;  
       font: 10px Tahoma;  
       border-color: #000000;
     	border-width: 1px;
       border-style: solid;  
       font-weight: none;  
       text-decoration: none;  
   }
   
   #menu {}
   #menu ul { padding-left: 10px; margin-left: 10px; }
   #smallmenu { }
   #smallmenu li { font-size: 9px; }
   #smallmenu a { font-size: 9px; }

   
   
   
   verwendete ilchClan Version: 1.1
   
   betroffene Homepage: waluigi.wa.ohost.de/testallella/
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Do. 31.01.2008 14:13 Uhr #2

   

   vollstr3cker Mitglied

   Registriert seit

   12.02.2007

   Beiträge

   1.399

   Beitragswertungen

   

   die schrift in der mitte vom button, also von der höhe her?
   
   da musst in das:
   

   a.menu
   {
       display:block;
       color: #0066ff;
       font-size: 9px;
       background:url(images/img_mp_norm.jpg) #151515 ;
       width: 200px;
       height: 28px;
       text-indent: 15px;
       text-decoration: none;
       font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
       line-height: 19px;
   }

   
   
   noch ein: line-height: 28px;
   einfügen.
   
   edit:
   sry habs überlesen^^
   war ja schon drin. du meinst dann horizontal in der mitte denk ich mal. dann muss ein
   
   text-align: center;
   
   rein
   
   
   Zuletzt modifiziert von vollstr3cker am 31.01.2008 - 14:15:10

   ####################
   ## hier geht's zu apex designs,
   # meinem digitalen Portfolio
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Do. 31.01.2008 16:11 Uhr #3

   

   Wamulika Mitglied

   Registriert seit

   03.01.2007

   Beiträge

   168

   Beitragswertungen

   

   Hat geklappt der code, aber irgendwie ist das nicht ganz in der mitte xD
   Der ist ein bisschen mehr rechts und das stört mich etwas^^
   
   Kommt glaube ich daher, dass ich die Box etwas größer gemacht habe. Wie kann ich es denn jetzt so einstellen das es wieder genau in der mitte ist, auch wenn ich die Box größer gemacht habe?
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Do. 31.01.2008 16:13 Uhr #4

   

   Wamulika Mitglied

   Registriert seit

   03.01.2007

   Beiträge

   168

   Beitragswertungen

   

   PS: waluigi.wa.ohost.de/testallella/
   
   Da könnt ihr euch das Problem mal angucken^^
   0 Mitglieder finden den Beitrag gut.

   • zitieren