Ergebnis 1 bis 3 von 3

Thema: Style.css. ich glaub ich seh den Wald vor lauter Bäumen nicht

  1. #1
    HTML Newbie
    Registriert seit
    17.04.2012
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Style.css. ich glaub ich seh den Wald vor lauter Bäumen nicht

    Hallo ihr lieben!

    Da habe ich nun eine HP zusammengebastelt ( mehr oder weniger) und auch ein für mich schönes Design gezaubert. Da ich allerdings noch ziemlich blutige Anfängerin bin und mich nun 100mal durch meine Style.css gelesen habe, finde ich einen entscheidenden Punkt nicht... und zwar möchte ich gerne die Schriftgrösse und -farbe in meiner Topnavi verändern... Wie auf meiner HP www.xxl-spassbox.com zu sehen ist, ist die leider recht klein und in weiss, was fürchterlich aussieht *grml* vielleicht könnt ihr mir helfen, denn irgendwie finde ich in meiner datei nicht das was ich suche......


    hier mal die .css


    body {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:11px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    }

    a {
    color:#C3DF18; text-decoration:none;
    }

    a:hover {
    color:#fff; text-decoration:none;
    }

    a.side {
    color: #ffffff; text-decoration: underline;
    }

    a:hover.side {
    color: #C3DF18; text-decoration: none;
    }

    li.white a, a.white{ color:#fff; text-decoration:none; }
    li.white a:hover, a:hover.white { color:#C3DF18; text-decoration:underline; }

    .top-nav ul{margin:0;padding: 0;}
    .top-nav ul li{display:inline}
    .top-nav ul li.first-link .bullet{display:none}

    li .white a, a.white { color:#ffffff; text-decoration:none;}
    li .white a:hover, a:hover.white { background-image:url(images/nav-button-hover.gif);background-repeat: repeat-x;color:#C2DC0E; text-decoration:none;}

    .center, *[align="center"] {margin: 0 auto}
    .admin-message { border: 1px solid #EEEEEE;padding: 8px; margin-bottom: 8px;}
    .bbcode { border: 1px solid #EEEEEE;}

    img {
    border: 0px;
    }

    form {
    margin:0px 0px 0px 0px;
    }


    hr {
    border-top:2px #393939 solid;
    border-bottom:1px #efefef solid;
    }

    hr.side-hr {
    border:1px #E2E2E2 solid;
    border-bottom:1px #FFFFFF solid;
    }

    td {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:11px;
    }

    pre {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:11px;
    }

    .bg { background-color:#000;}

    .login {
    color: #ffffff;
    background-color: #393939;
    }

    .nav {
    color: #ffffff;
    background-color: #393939;
    }

    .alt {
    color:#666;
    }

    .header {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:14px;
    color:#000000;
    background-color:#000;
    }

    .button {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:9px;
    color:#FFFFFF;
    background-color:#000;
    border:#c5c5c5 2px solid;
    margin-top:2px;
    }

    .textbox {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:9px;
    color:#fff;
    background-color:#000;
    border:2px #C3DF18 solid;
    }

    .main-bg {
    padding:10px 15px 10px 15px;
    background-color:#000;
    color:#ffffff;
    }

    .side-border-left {
    width:210px;
    padding:0px 0px 0px 0px;
    background-color:#000;
    color:#fff;
    background-image:url(images/side-left.jpg);
    background-repeat:repeat-y;
    }

    .side-border-right {
    width:210px;
    padding:0px 0px 0px 0px;
    background-color:#000;
    color:#fff;
    background-image:url(images/side-right.jpg);
    background-repeat:repeat-y;
    background-position: right;
    }

    .header-m {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:16px;font-weight:bold;
    color:#000000;
    height:140px;
    padding:0px 0px 0px 0px;
    background-image:url(images/header-m.gif);
    background-repeat:repeat-x;
    }

    .main-body {
    font-size:12px;
    color:#ffffff;
    background-color:#000;
    padding:3px 4px 3px 0px;
    }

    .side-body {
    font-size:10px;
    color:#ffffff;
    padding:0px 10px 0px 10px;
    background-image:url(images/side-bg.jpg);
    background-repeat:repeat-y;
    }

    .border {
    background-color:#ddd;
    border:2px #5F5F5F solid;
    }

    .infobar {
    font-size:9px;
    color:#efefef;
    background-color: #000;
    }


    .panel-title {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:14px;
    color:#000000;
    Background-color: #000;
    background-image:url(images/panel.jpg);
    background-repeat:no-repeat;
    height:31px;
    padding:2px 2px 0px 2px;
    }

    .panel-unten {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:12px;
    color:#fff;
    Background-color: #000;
    background-image:url(images/panel-unten.jpg);
    background-repeat:no-repeat;
    height:15px;
    padding:0px 0px 0px 0px;
    }

    .olo {
    height:31px;width:89px;
    background-image:url(images/olo.jpg);
    background-repeat:no-repeat;
    }

    .oro {
    height:31px;width:95px;
    background-image:url(images/oro.jpg);
    background-repeat:no-repeat;
    }

    .omo {
    height:31px;
    background-image:url(images/omo.jpg);
    background-repeat:repeat-x;
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:12px;
    color:#000000;
    }

    .ulu {
    height:15px;width:87px;
    background-image:url(images/ulu.jpg);
    background-repeat:no-repeat;
    }

    .uru {
    height:15px;width:92px;
    background-image:url(images/uru.jpg);
    background-repeat:no-repeat;
    }

    .umu {
    height:15px;
    background-image:url(images/umu.jpg);
    background-repeat:repeat-x;
    }



    .otm {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:16px;
    color:#000000;
    height:20px;
    padding:0px 2px 0px 2px;
    border:1px #032640 solid;
    }

    .side-caption {
    font-family:"comic sans ms",Arial,Sans-Serif;
    font-size:10px; font-weight:bold;
    color:#EFEFEF; background-color:#004A80;
    padding:0px 0px 3px 4px;
    }

    .tbl-border {
    background-color:#5F5F5F;
    }

    .tbl {
    font-size:10px; padding:3px 4px 3px 4px;
    }

    .tbl1 {
    font-size:10px; color:#ccc;
    background-color:#000; padding:4px;
    }

    .tbl2 {
    font-size:10px; color:#eee;
    background-color:#000; padding:4px;border-bottom: #032640;border-bottom-width: 1px;
    }

    .forum-caption {
    font-size:10px; font-weight:bold;
    color:#444; background-color:#ccc;
    padding:2px 4px 4px 4px;
    }

    .quote {
    color:#ffffff; background-color:#393939;
    padding:2px;
    margin:0px 20px 0px 20px;
    border:2px #ffffff solid;
    }

    .poll {
    height:8px; border:1px #fff solid;
    }

    .comment-name {
    font-weight:bold; color:#113355;
    }

    .shoutboxname {
    font-weight:bold; color:#113355;
    }

    .shoutbox {
    color:#ffffff;
    }

    .shoutboxdate {
    font-size:9px; color:#efefee; text-align:right;
    }

    .small {
    font-size:10px; font-weight:normal;color: #fff;
    }

    .small2 {
    font-size:10px; font-weight:normal; color:#555;
    }

    .side-small {
    font-size:9px; font-weight:normal; color:#333;
    }

    .side-label {
    color:#fff;
    background-color:#000000;
    padding:1px 4px 3px 4px;
    background-image:url(images/bg.gif);
    background-repeat:repeat;
    }

    .gallery {
    padding: 16px 0px 8px 0px;
    }

    .gallery img {
    border: 1px solid #ccc;
    }

    .gallery:hover img {
    border: 1px solid red;
    }

    img.activegallery {
    border: 1px solid green;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    570
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Style.css. ich glaub ich seh den Wald vor lauter Bäumen nicht

    Hallo,

    du könntest in die CSS-Datei z. B. einfügen:

    Code:
    td.top-nav li {
    	font-size:15px;
    }
    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Registriert seit
    22.04.2012
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Style.css. ich glaub ich seh den Wald vor lauter Bäumen nicht

    Also ich würde dir mal empfehlen ein Browser Plugin zu installieren, wie z.B. Firebug für Firefox.
    Mit F12 kannst du dann die Konsole öffnen und erhälst einen super überblick wo sich was im Quellcode befindet.

Ähnliche Themen

  1. Ich brauch Hilfe =( hab probs mit msn glaub ich =(
    Von Wish2die im Forum Computer - Internet Forum
    Antworten: 8
    Letzter Beitrag: 03.07.2008, 14:00
  2. Seh den Wald vor lauter Bäumen nicht unexpected ';'
    Von sudeki05 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 15.03.2008, 20:05
  3. meine Frage ist etwas kompliziert, glaub ich
    Von Therese im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 07.05.2007, 11:51
  4. Tabellen Problem (glaub ich)
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.12.2006, 15:05
  5. Ich glaub ich bin Geistig gestört
    Von wernerdeluxe im Forum Off Topic und Quasselbox
    Antworten: 15
    Letzter Beitrag: 27.04.2005, 21:21

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •