mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 20:11 Benutzername: Passwort: Auto-Login

Thema: Problem bei CSS Formatierung vom 24.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem bei CSS Formatierung
Autor Nachricht
faty
Account gelöscht Threadersteller


Ort: -

Verfasst Di 24.10.2006 16:20
Titel

Problem bei CSS Formatierung

Antworten mit Zitat Zum Seitenanfang

Moin moin,

hab gerade ein Problem mit einer Erstellung einer Navigationsleiste. Hatte vor alles per CSS zu gestalten doch irgendwie haut dieses nicht hin. Hab unten ein Bild angehangen auf dem man links sieht wie es derzeit aussieht und rechts wie es einmal aussehen soll.

CSS Quelltext:

#navi
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
background: #E32E61;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 15px}

#navi a
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
font-weight: bold;
padding: 10 3 10 2;
background-color: #E32E61;
text-decoration: none;
margin-right: 1px; }

#navi a:hover
{font-size: 10px;
font-family: Verdana;
color: #000000;
padding: 10 3 10 2;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none; }

Könnt ihr mir vielleicht ein paar Tipps geben wenn nicht sogar eine Lösung zusammen basteln

Wäre euch echt sehr verbunden





mfg
 
tacker

Dabei seit: 22.03.2002
Ort: Offenbach am Main
Alter: 36
Geschlecht: Männlich
Verfasst Di 24.10.2006 17:59
Titel

Antworten mit Zitat Zum Seitenanfang

Wichtig: HTML und CSS sind keine Programmiersprachen!
Verschoben von Programmierung nach Allgemeines - Nonprint.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
evil live

Dabei seit: 24.10.2006
Ort: -
Alter: 39
Geschlecht: Männlich
Verfasst Mi 25.10.2006 08:02
Titel

Antworten mit Zitat Zum Seitenanfang

hi,

probier es mal hiermit: (Schrift und -größe, Farben etc. änderst du einfach nach deinen wünschen)


a.navi:link, a.navi:visited {
font-family: wie du willst;
text-decoration:none;
font-size:12px;
color: #FFFFFF;
font-weight: bold;
background-color:#000000;
display: block;
padding:3px 0px 3px 6px;
text-transform: uppercase; /*alle buchstaben groß*/
}
a.navi:hover, a.navi:active {
font-family:wie du willst;
text-decoration:none;
font-size:12px;
color: #000000;
font-weight: bold;
background-color: #FFFFFF;
display: block;
padding:3px 0px 3px 6px;
text-transform: uppercase;
}


Zuletzt bearbeitet von evil live am Mi 25.10.2006 08:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
faty
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 27.10.2006 11:53
Titel

Antworten mit Zitat Zum Seitenanfang

Erst ma danke für die Antwort,.. habs jetzt vom Stil her so wie ich es wollte haber aber leider das bekannte IE und FF Problem

Im FireFox:



Im Internet Explorer:



Falls man es erkennen kann habe ich zwischen der Navi und dem Content noch eine braune Linie von 1px. Habe absolut keine Ahnung wie ich den wegbekomme.

Quelltext aus dem Index:

Zitat:
<ul id="Navigation">
<li><a href="#Beispiel">HIER</a></li>
<li><a href="#Beispiel">KOMMT</a></li>
<li><a href="#Beispiel">DIE</a></li>
<li><a href="#Beispiel">NAVI</a></li>
<li><a href="#Beispiel">REIN</a></li>
<li><a href="#Beispiel">Grins</a><div></div></li>
</ul>


Quelltext aus der CSS:

Zitat:
ul#Navigation {
font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
margin-bottom: 0px;
margin-top: 0px;
padding: 1px;
text-align: center;
background-color: #412C2C;
width: 498px; }

ul#Navigation li
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
list-style: none;
display: inline;
text-align: center; }

ul#Navigation a, ul#Navigation span
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
float: left;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 25px 25px;
text-decoration: none;
font-weight: bold;
background-color: #412C2C;
text-align: center; }

ul#Navigation a:hover, ul#Navigation span
{ color: 000000;
background-color: #FCFCFC; }

ul#Navigation div
{ clear: left; }


Bin für alles offen * Ööhm... ja? *

mfg


Zuletzt bearbeitet von am Fr 27.10.2006 11:53, insgesamt 1-mal bearbeitet
 
 
Ähnliche Themen Problem mit der Formatierung mit CSS
[CSS] Mit CSS-Befehl Formatierung löschen
CSS-Formatierung
Attributbedingte CSS-Formatierung im IE
CSS Formatierung für Hover?
probleme mit css formatierung.
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.