CSS- Fragen

Diskutiere und helfe bei CSS- Fragen im Bereich Webmaster Support, Scripts, etc im SysProfile Forum bei einer Lösung; Was meinst du mit Label? Dieses Thema im Forum "Webmaster Support, Scripts, etc" wurde erstellt von gemini, 3. Mai 2008.

  1. gemini
    gemini Wandelnde HDD
    Themenstarter
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510

    Was meinst du mit Label?
     
  2. -=kF=-
    -=kF=- Computer-Experte
    Registriert seit:
    25. Februar 2008
    Beiträge:
    1.229
    Zustimmungen:
    26
    1. SysProfile:
    56916

    z. b.

    <div class?"label">Kat. 1</label><div class?"label">Kat. 2</label><div class?"label">Kat. 3</label>...

    und dann in css

    div#label {
    width: 150px
    }
     
    1 Person gefällt das.
  3. gemini
    gemini Wandelnde HDD
    Themenstarter
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510
    Das mit dem Label habe ich zwar jetzt nicht so ganz verstanden, aber ich habe es jetzt geschafft, indem ich einfach eine Tabelle gemacht habe.
     
  4. -=kF=-
    -=kF=- Computer-Experte
    Registriert seit:
    25. Februar 2008
    Beiträge:
    1.229
    Zustimmungen:
    26
    1. SysProfile:
    56916
    Mit dem Label gibst du halt den Wörtern eine Klasse

    So kannst du in der css die Breite bestimmen

    Ähnlich einer Tabelle ;)

    Da kannste ja auch die Breite bestimmen.
     
  5. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.628
    Zustimmungen:
    206
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    Dafür kann er auch Span, Div oder sonstwas nehmen...

    Label wird eigentlich in Verwendung mit Checkboxen/Radioboxen verwendet.

    HTML:
    <label for="testbox"><input name="test" value="1" id="testbox" type="checkbox">Text hierhin</label>
    Der Text der Checkbox (der danebensteht) wäre somit anklickbar und würde ein OnClick-Event bei der Checkbox auslösen.
     
  6. reaper
    reaper Hardware-Wissenschaftler
    Registriert seit:
    17. März 2007
    Beiträge:
    409
    Zustimmungen:
    16
    1. SysProfile:
    146781
    Huhu da ich imo nebenbei mein Myspace umbaue wollte ich gerne mal wissen, ob es eine Möglichkeit gibt den Zwischenraum zu erweitern/vergrössern?

    [​IMG]

    damit ich mehr platz bekomme :D
     
  7. @@RON
    @@RON Computer-Xpert
    Registriert seit:
    2. Mai 2007
    Beiträge:
    1.304
    Zustimmungen:
    48
    Name:
    Aaron
    1. SysProfile:
    9979
    2. SysProfile:
    9977
    Da es anscheinend in einer Tabelle ist, sollte margin gehen ;)

    Klick mich :)
     
  8. Filewalker
    Filewalker BIOS-Schreiber
    Registriert seit:
    20. April 2008
    Beiträge:
    624
    Zustimmungen:
    29
    Name:
    Pete
    1. SysProfile:
    47105
    2. SysProfile:
    76781
    Eine Tabelle ?? Wozu dann CSS? ;)

    Nein, im Ernst, man benutzt heutzutage Tabellen nur noch, wenn man auch wirklich eine Tabelle (für den ursprünglichen Zweck einer Tabelle) braucht.

    Dein "nebeneinander" angeordnetes Menü oder was auch immer, macht man mit "float" und "li". Dazu nun drei Varianten mit sehr unterschiedlicher Bedeutung:

    Erstens (einfach):
    Du definierst "ul li", wenn Du eine ungeordnete Liste verwendest. Das "ul li" definiert dann jedes "li" innerhalb des "ul" tags. In etwa so:

    Code:
    ul li {
    width:150;
    float:left;
    }
    Zweitens (Folgeelement-Selektor):
    Du definierst Dein "li {}" (das Erste der Liste), dann definierst Du ein "li + li { }", das bedeutet "für jedes li, dass auf ein li folgt". In Verbindung mit "float" sieht das dann in etwa so aus:

    Code:
    li {
    width, margin, was auch immer
    }
    
    li [COLOR=Magenta][B]+[/B][/COLOR] li {
    float: left;
    }
    Wichtig dabei ist nun nur noch, dass Du den float wieder auflöst, und zwar im nächsten folgendem Element mit "float:clear".

    Ausser der einfachen und der Folgeelement Notation gibt es noch den Kind-Selektor

    Code:
    ul [COLOR=Magenta][B]>[/B][/COLOR] li {
    ...
    }
    der hier bei der Liste den gleichen Effekt wie der Folgeelement-Selektor hätte (es werden Kinder von "ul" definiert).

    Viel Erfolg!!
     
  9. reaper
    reaper Hardware-Wissenschaftler
    Registriert seit:
    17. März 2007
    Beiträge:
    409
    Zustimmungen:
    16
    1. SysProfile:
    146781
    Joa gut gut und wie hilft mir das alles jetzt? :)
    bin ein totaler CSS n00b, wo packe ich das ganze gebrimsel hin?

    gruss
     
  10. gemini
    gemini Wandelnde HDD
    Themenstarter
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510
    Danke Filewalker für deine Antwort, aber guck mal von wann mein Beitrag kam;)
     
  11. Filewalker
    Filewalker BIOS-Schreiber
    Registriert seit:
    20. April 2008
    Beiträge:
    624
    Zustimmungen:
    29
    Name:
    Pete
    1. SysProfile:
    47105
    2. SysProfile:
    76781
    lol ... wer lesen kann ... :rofl: ... na egal, ich teile gern mein wissen. ;)

    @reaper: sorry, dir kann ich nicht helfen. der myspace code ist ein grauen, davon bekommt man augenkrebs.
     
  12. McAtze
    McAtze Alter Hase
    Registriert seit:
    1. Januar 2009
    Beiträge:
    2.116
    Zustimmungen:
    88
    Da es hier schon um CSS geht hänge ich mich einfach mal mit rein...ich hoffe gemini wird es mir verzeihen. ;)

    Also mein Problem, auch auf die Gefahr hin wieder gesagt zu bekommen erstmal css lernen, ich habe auf meiner HP einen Countdown eingebaut und möchte den in einen Kasten darstellen lassen. Sollte wohl mit CSS am einfachsten gehen.

    Falls mir jemand dabei helfen oder eine alternative Lösung weiß wäre ich um eine oder mehrere Antworten sehr dankbar.

    Übrigens der Countdown ist in JavaScript...THX

    EDIT:

    Ich vergaß ... es gibt natürlich für jede brauchbare Erklärung ein R+

    EDIT #2:

    So Änderung ... habe ein schönes Bild und darin soll der Countdown dargestellt werden ... kann mir jemand da Hilfestellung geben ???

    [​IMG]
     
    #27 McAtze, 21. April 2009
    Zuletzt bearbeitet: 21. April 2009
  13. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.628
    Zustimmungen:
    206
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    das bild in einem div-layer anzeigen lassen und in dem einen weiteren layer einsetzen, der den style-wert: "position: relative; left: xxxxpx; top: xxxxxpx;" hat. :) Das sollte dir helfen können.
    Wenns nicht auf anhieb hinhaut, leg ich dir den Code zurecht.
     
  14. McAtze
    McAtze Alter Hase
    Registriert seit:
    1. Januar 2009
    Beiträge:
    2.116
    Zustimmungen:
    88
    Ich habs probiert und bin verzweifelt ...

    1. Versuch

    HTML:
    <center>
    <html>
    <head>
    <title>Countdown bis zu einem bestimmten Zeitpunkt</title>
    <img src="images/countdown.gif"  />
    <style type="text/css"><!--body{background-attachment:fixed; background-image:url(images/countdown.gif); background-position:0px 0px; background-repeat:no-repeat;}--></style>
    <script type='text/javascript'>
    var end = new Date('May 01, 2009 00:00:00');
    function toSt2(n) {
      s = '';
      if (n < 10) s += '0';
      return (s + n).toString();
    }
    function toSt3(n) {
      s = '';
      if (n < 10) s += '00';
      else if (n < 100) s += '0';
      return (s + n).toString();
    }
    function countdown() {
      d = new Date();
      count = Math.floor(end.getTime() - d.getTime());
      if(count > 0) {
        miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
        seconds = toSt2(count%60); count = Math.floor(count/60);
        minutes = toSt2(count%60); count = Math.floor(count/60);
        hours = toSt2(count%24); count = Math.floor(count/24);
        days = count;
        document.getElementById('c1').innerHTML = days + ' TAGE';
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
        setTimeout('countdown()', 100);
      }
    }
    countdown();
    </script>
    </head>
    </body>
    </html>
    </center>
    2. Versuch

    HTML:
    <center>
    <html>
    <head>
    <title>Countdown bis zu einem bestimmten Zeitpunkt</title>
    <img src="images/countdown.gif"  />
    <div style="background: (images/countdown.gif)">
    <div style=""position: relative; left: 50px; top: 50px;"">
    <script type='text/javascript'>
    var end = new Date('May 01, 2009 00:00:00');
    function toSt2(n) {
      s = '';
      if (n < 10) s += '0';
      return (s + n).toString();
    }
    function toSt3(n) {
      s = '';
      if (n < 10) s += '00';
      else if (n < 100) s += '0';
      return (s + n).toString();
    }
    function countdown() {
      d = new Date();
      count = Math.floor(end.getTime() - d.getTime());
      if(count > 0) {
        miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
        seconds = toSt2(count%60); count = Math.floor(count/60);
        minutes = toSt2(count%60); count = Math.floor(count/60);
        hours = toSt2(count%24); count = Math.floor(count/24);
        days = count;
        document.getElementById('c1').innerHTML = days + ' TAGE';
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
        setTimeout('countdown()', 100);
      }
    }
    countdown();
    </script>
    </div>
    </div>
    </head>
    </body>
    </html>
    </center>
    Was mache ich denn falsch ??? :cry:
     
  15. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.628
    Zustimmungen:
    206
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    Mein (auf Anhieb funktionierender) Versuch:

    HTML:
    <html>
    <head>
    <title>Countdown bis zu einem bestimmten Zeitpunkt</title>
    <style type="text/css">
    <!--
    div#countdown {
       background-image: url(./countdown.gif); 
       background-repeat: no-repeat;
       width: 380px;
       height: 96px;
    }
    span#cdlabel {
       position: relative;
       left: 35px;
       top: 40px;
    }
    --></style>
    <script language="JavaScript" type="text/javascript">
    var end = new Date('May 01 2009 00:00:00');
    function toSt2(n) {
      s = '';
      if (n < 10) s += '0';
      return (s + n).toString();
    }
    function toSt3(n) {
      s = '';
      if (n < 10) s += '00';
      else if (n < 100) s += '0';
      return (s + n).toString();
    }
    function countdown() {
      d = new Date();
      count = Math.floor(end.getTime() - d.getTime());
      if(count > 0) {
        miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
        seconds = toSt2(count%60); count = Math.floor(count/60);
        minutes = toSt2(count%60); count = Math.floor(count/60);
        hours = toSt2(count%24); count = Math.floor(count/24);
        days = count;
        document.getElementById('cdlabel').innerHTML = days + ' TAGE ' + hours + ':' + minutes + ':' + seconds;
        setTimeout('countdown()', 100);
      }
    }
    </script>
    </head>
    <div id="countdown">
      <span id="cdlabel">0 TAGE 00:00:00</span>
    </div>
    
    <script language="JavaScript" type="text/javascript">
    countdown();
    </script>
    </body>
    </html>
    Musst nur nochmal den Pfad vom Hintergrundbild anpassen ;)

    Sieht dann aus wie im Anhang
     

    Anhänge:

    • atze.jpg
      atze.jpg
      Dateigröße:
      31,9 KB
      Aufrufe:
      70
    2 Person(en) gefällt das.
Thema:

CSS- Fragen

Die Seite wird geladen...

CSS- Fragen - Similar Threads - CSS Fragen

Forum Datum

Gute DL Geschwindigkeit aber schlechter Ping in CSS (disconnect ingame)

Gute DL Geschwindigkeit aber schlechter Ping in CSS (disconnect ingame): Moin, früher: schlechte dl Geschwindigkeit (500kbit/s) guter Ping in CS:S (30) heute: gute dl Geschwindigkeit (1,3MB (für mich gut^^)) schlechter Ping 40+ und verliere die Verbindung zum...
freie Fragen 17. April 2012

GarrysMod: Multiplayer Texturen CSS

GarrysMod: Multiplayer Texturen CSS: GarrysMod: Multiplayer Texturen CSS Hi Leute, Wenn ich bei GarrysMod Online spiele, merke ich bei manchen Servern das die Texturen von Objekten Lila-Schwarze-Kästchen sind. Einige Leute...
Computerfragen 13. Februar 2012

CSS, Steam account vergessen

CSS, Steam account vergessen: CSS, Steam account vergessen Hi, Ich habe ein mächtiges Problem. Wenn ich mein CSS (Counter Strike Source) wieder installieren möchte, und ich aufgefordert werde mich in mein Steam Acc...
Computerfragen 7. Januar 2012

Fraps nimmt Css nicht auf

Fraps nimmt Css nicht auf: Fraps nimmt Css nicht auf wenn ich versuche counter strike source auf zu nehmen nimmt er auch alles bis zum hauptmenü auf ab da hört man nur noch den sound sieht aber nur einen schwarzen...
Computerfragen 14. Dezember 2011

CSS: Grafik bzw Spraylogo einfügen

CSS: Grafik bzw Spraylogo einfügen: CSS: Grafik bzw Spraylogo einfügen Seit dem letzten update weis ich nicht mehr wie ich mein spraylogo ändern kann. Unter Optionen kann ich "Spraylogo auswählen" nicht anklicken. Ich kann...
Computerfragen 8. Dezember 2011

Css Console öffnen? (crack)

Css Console öffnen? (crack): Css Console öffnen? (crack) hey, hab CS s V.18.1 und will die console öffnen (crack) Wie geht das??
Computerfragen 6. Dezember 2011

Kann nicht mit CSS Server verbinden

Kann nicht mit CSS Server verbinden: Kann nicht mit CSS Server verbinden Hallo Leute, ich habe ein Problem und zwar kann ich über Steam nicht auf ein PW gesicherten CSS Server... er startet css und danach kommt falsches...
Computerfragen 7. Dezember 2011

Css per steam mit paysafecard kaufen aber habe nur 2 10er psc

Css per steam mit paysafecard kaufen aber habe nur 2 10er psc: Css per steam mit paysafecard kaufen aber habe nur 2 10er psc Css per steam mit kaufen aber habe nur 2 10er psc aber es kostet 20 und da ist nur ein code feld hilfe
Computerfragen 15. November 2011

Css will nich anzeigen

Css will nich anzeigen: Es ist voll doof ich start und dan kommt Blackscreen und dan Unssuported kan mir jemand sagen was ich tun soll
freie Fragen 12. November 2011

Steam Css Dedicated Server Problem!

Steam Css Dedicated Server Problem!: Steam Css Dedicated Server Problem! hallo, ich habe die ports und so alles freigeschaltten,aber wenn ich in meinen server rein joinen will steht da Diese drittanbieter-modifikation ist nicht...
Computerfragen 12. Oktober 2011

CSS Server mit AWP

CSS Server mit AWP: CSS Server mit AWP Hey Leute , ich suche einen css server bei dem man auf der map de_nuke spielt, ganz normaler spielmodi mit 2 teams, kein deathmatch, aber wichtig.. man darf ne awp...
Computerfragen 10. August 2011

Css plötzlich high-ping ! WARUM??

Css plötzlich high-ping ! WARUM??: Css plötzlich high-ping ! WARUM?? Hallo, ich hatte in CSS immer einen Ping von 30-40 nicht höher! und das alles mit den besten einstellungen! und seit einigen Tagen habe ich einen 1000er...
Computerfragen 5. August 2011

x22 CSS funktioniert nicht!?

x22 CSS funktioniert nicht!?: x22 CSS funktioniert nicht!? Hallo, Ich habe mir einen x22 Cheat gekauft und musste Hardware reset machen weil ich auf dem anderen Pc bin. Aber wenn ich den Hack Lade und dann CSS starte...
Computerfragen 4. August 2011
CSS- Fragen solved
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden