CSS: Padding and Margin funktionieren nicht richtig?! :S

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » CSS: Padding and Margin funktionieren nicht richtig?! :S

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

CSS: Padding and Margin funktionieren nicht richtig?! :S

Author

Post

« Previous Thread | Next Thread »

christz

Buntstiftmaler

Spender

Registration Date: 05.10.2008
Posts: 76
Location: Nürnberg
Program: Photoshop CS3

CSS: Padding and Margin funktionieren nicht richtig?! :S

werbefreies Forum?

Servus Leute,
ich habe seit 3 Wochen angefangen, CSS zu lernen, diesmal versuche ich MTV Menü nachzumachen und ich habe CSS geschrieben. Aber irgendwie Padding & Margin funktionieren nicht richtig?! :S

Was ich es versuche, ist zwischen die untere gestrichene Rahmen und rote Hintergrundstabelle 1 Pixel Abstand zu machen. Ich habe mit Padding und Margin versucht, aber es ist nicht die Richtige. Ich hoffe, jmd. kann mir nen Rat oder Tipp verraten. Vielen Dank. smile

Code:

code:

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:

<html>
<head>
<style type="text/css">
body {
background-color: #dfdfdf;
}
table.out td {
border-bottom: 1px dotted #000000;
font-size: 12px;
font-family: Tahoma; color: #ffffff;
font-weight: bold;
font-variant: small-caps;
padding: 5px;
width: 200;
}
td.out {
background-color: #ca4646;
padding: 5px;
}
</style>
</head>

<body>
<table class="out">
<tr>
<td class="out">
men&uuml;test
</td>
</tr>
</table>
</body>
<html>

Bild:

22.12.2010 15:08

ClOuDy.

Pfadfinder

Registration Date: 31.01.2010
Posts: 566
Program: PS CS5

finger weg von tabellen...für ein menü nimmt man listen.
man gibt 2 elementen nicht die gleiche classe, wenn sie etwas verschiedenes machen sollen. das kann zu verwirrungen führen.

aber mal zur theorie:

<ul>
<li> menüpunkt</li>
</ul>

hier bekommt das "li" dann deinen rahmen oben und unten. dann noch ein padding oben und unten. fertig.

26.12.2010 10:22

Blyawon

Pfadfinder

Registration Date: 21.02.2009
Posts: 561
Location: Deutschland
Program: PS CS4, ID CS4, AE CS4, AI CS4
Deviantart: blyawon

Du macht wie gesagt eine Liste und keine Tabelle. Dann funktioniert das auch. Btw. wenn du ein horizontales Menü mal machen magst, dann musst du die Menüpunkte left floaten

Portfolio: FinalARTs.de
DeviantART: blyawon.deviantart.com

Design und Coding Dienstleistungen auf finalarts.de

26.12.2010 11:36

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

26.12.2010 11:36

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » CSS: Padding and Margin funktionieren nicht richtig?! :S

Similar topics to CSS: Padding and Margin funktionieren nicht richtig?! :S

Thread

rede nicht von guns, 9mm hast du in der hand wenn du pisst! (Forum: Battle-Anfragen)

Venom Sig (nicht fertig) (Forum: Signaturen/Avatare)

Richtig Rendern (Forum: Rendern/Cutten)

[abgelehnt]versuch 2 bei den Docs... und wens nicht klappt auch nicht der letzte (Forum: Gfx-Doctors)

[Problem] Enf taste funzt nicht mehr? (Forum: Fragen & Probleme)