CSS Fail :(

|MrD|Mr.Deathmatch · 9. Juni 2012

Hey, ich will das das 'Pinke' bei den Links ist, aber irgendwie failt das rein.

Bild:

Code:

Code

nav li {
    display: inline;
    margin-right: 40px;
    background-color: #FF00FF;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
}

Mystic · 9. Juni 2012

Hast du dir das Tutorial auch richtig angeschaut?
Also davon : http://www.youtube.com/watch?v=21cymk0XIAA

|MrD|Mr.Deathmatch · 9. Juni 2012

Ja natürlich, der hat genau das selbe wie ich.

Bin nun da:

[video]

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

[/video]

Mystic · 9. Juni 2012

Code

nav li {
	display: inline;
	margin-right: 40px;
	background-color: #ffceld;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: #C0C0C0 3px outset;
	border-radius: 5px;
	font-weight: bold;
}

Alles anzeigen

Schau mal ob es so geht nur halt die Farben umstellen gleich^^
/e hast du auch die anderen sachen? also von der nav?

|MrD|Mr.Deathmatch · 9. Juni 2012

Danke für die Antwort.

Nur.. -> http://s7.directupload.net/file/d/2916/7zgspeez_jpg.htm

E:

Code

nav ul {
    list-style-type: none;
}

E:

Code

<nav>
    <ul>
        <a href="http://www.google.de"><li></li>Link #1</a>
        <a href="http://www.google.de"><li></li>Lik #2</a>
        <a href="http://www.google.de"><li></li>link #3</a>
        <a href="http://www.google.de"><li></li>link #4</a>
    </ul>
</nav>

Mystic · 9. Juni 2012

Hast du skype?

|MrD|Mr.Deathmatch · 9. Juni 2012

Nein, können aber gern über Ts reden

E: Kennt sich wer anders damit noch aus?

Pupskuchen · 9. Juni 2012

Code

<nav>
    <ul>
        <li><a href="http://www.google.de"><li></li>Link #1</a></li>
        <li><a href="http://www.google.de"><li></li>Lik #2</a></li>
        <li><a href="http://www.google.de"><li></li>link #3</a></li>
        <li><a href="http://www.google.de"><li></li>link #4</a></li>
    </ul>
</nav>

|MrD|Mr.Deathmatch · 9. Juni 2012

Vielen Dank für deine Antwort aber -> http://s7.directupload.net/file/d/2916/bh397ug5_jpg.htm
Jetzt sind sie genau anders rum, die Buttons

Pupskuchen · 9. Juni 2012

Zeig mal das ganze her. Dein kompletter CSS und kompletter HTML code.

|MrD|Mr.Deathmatch · 9. Juni 2012

HTML:

HTML

<!DOCTYPE HTML>




<html>


<head>
    <title>Informations Seite</title>
    <link href="style.css" type="text/css" rel="stylesheet" />
</head>


<body>
<header>
    <h1>Fortschritt</h1>
    <h2>Easy going</h2>
</header>
<nav>
    <ul>
        <li><a href="http://www.google.de"><li></li>Link #1</a></li>
        <li><a href="http://www.google.de"><li></li>Lik #2</a></li>
        <li><a href="http://www.google.de"><li></li>link #3</a></li>
        <li><a href="http://www.google.de"><li></li>link #4</a></li>
    </ul>
</nav>
</body>
</html>

Alles anzeigen

CSS:

Code

* {
    padding : 0px;
    margin: 0px;
    font-family: Arial, Verdana, sans-serif;
}


header {
    height: 100px;
    background-color: #8C8C8C;
    border-radius: 10px;
}


body {
    width: 800px;
    background-color: #000000;
    margin: 25px auto;
}


header h1 {
    font-family: Verdana;
    font-style: italic;
    padding-left: 50px;
    padding-top: 25px;
    color: #FFFFFF;
    font-size: 30pt;
    text-shadow: black 1px 1px 4px;
}


header h2 {
    font-family: Verdana;
    font-style: italic;
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 480px;
    text-shadow: black 1px 1px 4px;


}


nav ul {
    list-style-type: none;
}


nav li {
	display: inline;
	margin-right: 40px;
	background-color: #ffceld;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: #C0C0C0 3px outset;
	border-radius: 5px;
	font-weight: bold;
}

Alles anzeigen

Mystic · 9. Juni 2012

Wir sollten dir nicht denn Ganzen Codes korrigieren.
Welchen Teamspeak bist du ich werde dir einiges erklären.
Du willst es ja auch Lernen

|MrD|Mr.Deathmatch · 9. Juni 2012

Zitat von Pupskuchen

Zeig mal das ganze her. Dein kompletter CSS und kompletter HTML code.

Darauf hin, hab ich den ganzen Code gepostet

Öhm, zz. auf keinen, welchen bist du?

Pupskuchen · 9. Juni 2012

Code

<nav>
	<ul>
    	<li><a href="http://www.google.de">Link #1</a></li>
    	<li><a href="http://www.google.de">Lik #2</a></li>
    	<li><a href="http://www.google.de">link #3</a></li>
    	<li><a href="http://www.google.de">link #4</a></li>
	</ul>
</nav>

Habe nicht zwischen <a> und den text geguckt

|MrD|Mr.Deathmatch · 9. Juni 2012

Ahhh, jetzt geht es
Danke dir
Mystic wollen wir trzd. Ts?

Mystic · 9. Juni 2012

Joa , können wir Später?
Da gleich .Deutschland spielt , ich werde dir dann HTML/CSS ein wenig näher bringen.
Mfg

|MrD|Mr.Deathmatch · 9. Juni 2012

Oke danke dir, dann close bitte.

breadfish.de 11. März 2022