Jump to content

Abstand zur Zelle ändern


Recommended Posts

Hi Leute!


Mein Problem ist folgendes. Ich habe eine Navigationsleiste mittels einer gemacht. Und nun möchte ich, das oben und unten zur Zelle kein Abstand ist. Anbei mein Code der CSS und der index.php.


index.php

 





Unbenanntes Dokument










    








			Startseite
			Aktuelles
               Mannschaften
			Veranstaltungen
  				Über uns
			Gästebuch
               Links







        




    




 

style.css

 


@charset "utf-8";
/* CSS Document */

.header{
background-image: url(gfx/bgbanner_top.gif);
}

.banner{
background-image: url(gfx/bglogo.gif);
}

.menu{
background-color: #FF9900;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 25px;
font-style: normal;
width: 14%;
}
.menu:hover {
background-color: #FF6600;
}

.footer{
background-image: url(gfx/bgfooter.gif);
}

.ul#navigation
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navigation li
{
display: inline;
list-style-type: none;
}

#navigation a {
padding-top: 2px;
padding-right: 15px;
padding-bottom: 2px;
padding-left: 15px;
}

#navigation a:link, #navigation a:visited
{
color: #FFFFFF;
background-color: #FF9900;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}

#navigation a:hover
{
color: #FFFFFF;
background-color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

 

Falls ihr den Fehler entdeckt bzw. eine Lösung für mich hättet wäre super. P.s.: Bitte sagt mir auch, falls ein paar tags usw. überflüssig sind. Vorweg schon mal danke für euer bemühen.


Lg leedesign2006

Link to post
Share on other sites

Wie gesagt ich fange gerade erst an mit CSS und weiss nicht ob es überhaupt geht.


in html geht es nicht aber ich kenne für csss auch nicht den HTML befehl valign="bottom" weil wenn du in deinem CSS der ID #navigation li diese ausrichtung gibst dann müsste es eigentlich laufen oder du gibst dies einem DIV und dieser geht vom anfang bis zum ende der li´s.


aber dassind nur ideen ich weis nicht ob das so geht.


Versuchs doch einfach mal und wennsgefunzt hat schreib uns die lösung.

Link to post
Share on other sites

ohhhh stimmt!


valign ist ja nur die ausrichtung des inhaltes - aber dann denke ich sollte er er es durch eine eigene ID machen.


HTML:

   



               Startseite 
               Aktuelles 
               Mannschaften 
               Veranstaltungen 
                  Über uns 
               Gästebuch 
               Links 




 

CSS:

#menu_li {
   padding-top: 0px; 
   padding-right: 0px; 
   padding-bottom: 0px; 
   padding-left: 0px;
}

 

wenn padding nicht funzt versuch margin.

Link to post
Share on other sites

   



               Startseite 
               Aktuelles 
               Mannschaften 
               Veranstaltungen 
               Über uns 
               Gästebuch 
               Links 




 

CSS:

#menu_li {
   padding: 0px;
   margin: 0px;
   position: auto;
}

 


Hallo, dann möchte ich einmal versuchen.

Den Code habe ich ich beändert, versuch das mal, aber ohne Garantie.


Grüße 111

Link to post
Share on other sites
Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...