Ergebnis 1 bis 3 von 3

Thema: CSS und HTML Optimierung: Statusbar

  1. #1
    Großmeister(in) Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS und HTML Optimierung: Statusbar

    Hallo,
    ich habe versucht eine Statusbar zu erstellen und das ist dabei rausgekommen:



    Allerdings denke ich nicht, dass ich es auf die schöne Art umgesetzt habe. So wird der Prozenttext mit top und left platziert, was ungenau und unschön ist. Gibt es da bessere Möglichkeiten?


    Hier mein Versuch:
    HTML-Code:
    <div style="position:absolute; width:550px; height:34px; background-color:#F0F0F0; border:1px solid #696969;">
        <div style="width:165px; height:34px; background-image: url(status.png);">
        </div>
        <div style="position:absolute; top:5px; left:270px; font-size:20px; font-family:Tahoma, Arial, Verdana;">
        30%
        </div>
    </div>
    Danke!
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: CSS und HTML Optimierung: Statusbar

    Positioniere den Text so wie jetzt absolut, aber mit top und left bei 0. Dehne das div über die gesamte Höhe und Breite aus und setze "text-align: center;" und ggfs. line-height um den text in die vertikale Mitte zu bekommen.

  3. #3
    Großmeister(in)
    Themenstarter
    Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS und HTML Optimierung: Statusbar

    Vielen Dank hat geklappt wie ich es wollte
    -

Ähnliche Themen

  1. Optimierung von Wiki Suche
    Von patb im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 16.11.2007, 15:46
  2. PC Optimierung
    Von Bullit im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 11.10.2007, 17:27
  3. Optimierung von Posts
    Von Slyer im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 26.07.2007, 22:37
  4. Homepage: Browser-Optimierung
    Von Axel im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 07.09.2006, 10:43
  5. Optimierung und Promotion
    Von BundeslandAnzeigen im Forum Link Tipps
    Antworten: 1
    Letzter Beitrag: 02.09.2004, 23:01

Stichworte

Berechtigungen

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