cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
wichtigWir suchen PHP-Entwickler/innen (Freelancer oder Vollzeit)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 69395
Mitglieder online: 2
Gäste online: 5
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: CSS Navi mit ul und li einrücken

Thread: CSS Navi mit ul und li einrücken

Tags: CSS , HTML , Navi , liste , einrücken

10.02.2008 10:01 Uhr

 

Status: offline
CSS Code
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
#navcontainer
{
      width: 8.6em;
      padding: 0em 0em 0em 0em;
      margin-bottom: 1em;
      margin-right: 0em;
      border: none;
      background-color: transparent;
      color: #000000;
      text-align: left;
}
 
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
margin-top: 0em;
border: none;
}
 
#navcontainer li
{
border: 1px solid #E8EDF8;
border-right: none;
margin: 0;
margin-top: 2px;
}
 
#navcontainer li a
{
display: block;
padding: 2px 2px 2px 1em;
border: 1px #E8EDF8;
border-right: none;
background-color: #B7CDF0;
color: #000000;
text-decoration: none;
width: 100%;
}
 
#navcontainer li a { width: auto; }
 
#navcontainer li a:hover
{
border-right: 1px solid #ffffff;
background-color: #ffffff;
color: #000000;
}
HTML Code
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<ul id="navlist">
 <li>
  <a href="index.php" target="_self">Home</a>
  <ul>
   <li>
    <a href="index.php" target="_self">Philosophie</a>
   </li>
   <li>
    <a href="index.php" target="_self">Über uns</a>
   </li>
   <li>
    <a href="index.php" target="_self">Info</a>
   </li>
 </ul>
 
 </li>
 <li>
  <a href="index.php" target="_self">Konzept</a>
  <ul>
   <li>
    <a href="index.php" target="_self">Gesundheit</a>
   </li>
   <li>
    <a href="index.php" target="_self">Business</a>
   </li>
   <li>
    <a href="index.php" target="_self">Bildung</a>
   </li>
</ul>
<li>
  <a href="index.php" target="_self">Netzwerk</a>
  <ul>
   <li>
    <a href="./forum/" target="_self">Community</a>
   </li>
   <li>
    <a href="index.php" target="_self">Newsletter</a>
   </li>
   <li>
    <a href="index.php" target="_self">Downloads</a>
   </li>
  </ul>
</ul>
ich möchte das das unterpunkte im menü eingerückt werden, und zwar mit der kompletten schaltfläche, wie stelle ich das an?

und noch ne frage am rand, warum war eben nach dem absende nurnoch der css code im therad  :question: 
1 Datei angehängt
1 mal bearbeitet
10.02.2008 12:16 Uhr

 

Status: offline
ändere einfach das margin bei #navcontainer ul;

hier ein Beispiel:
CSS:
1
2
3
4
#navcontainer ul
{
margin-left: 10px;
}
4 mal bearbeitet
10.02.2008 14:14 Uhr

 

Status: offline
danke, hat wunderbar geklappt.
Ähnliche Threads Forum Ähnlichkeitsgrad
 Liste in zwei oder mehr Spalten aufteilen Website & Webprogrammierung 3
 myPortfolio coden...?! Website & Webprogrammierung 2
 Kleines Javascript-Problem mit Menü Website & Webprogrammierung 2
 Problem mit Design Webdesign 2
 Mit CSS Links verändern Website & Webprogrammierung 2
 gelöst Problem mit CSS Navigation Website & Webprogrammierung 2
 EDIT: Listenpunkt direkt unter Liste setzen (keine Einrückung) - alt => [gelöst]CSS - Ein Element über das Andere - Elementüberlappung Website & Webprogrammierung 2
Passende eBook-Abschnitte eBook Ähnlichkeitsgrad
Textabsätze XHTML 1
nach obennach oben

Copyright © 2014 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news
ANEXIA - PHP Entwicklung - Web-Entwicklung - Fritz!Box Anrufmonitor für Mac OS - Rolladen, Markisen und Jalousien in Stuttgart - Rolladen in Stuttgart - SMSjobs