Ergebnis 1 bis 7 von 7

Thema: Beschriftung einer Sprechblase

  1. #1
    Meister(in) Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard Beschriftung einer Sprechblase

    Hallo,

    ich habe auf meiner Homepage ein Maskottchen, das in einer Sprechblase kurze Texte wiedergibt. Mein Problem ist, je mehr Text ich in die Sprechblase setze, desto weiter rutscht der Text nach rechts, obwohl die Sprechblase nur höher und nicht breiter wird:

    http://www.raetselstunde.de/sprechblase.html

    Screenshot mit wenig Text in der Sprechblase:



    Screenshot mit viel Text in der Sprechblase:




    Hier ist ein Auszug aus der CSS-Datei:

    Code:
    .sbl {
    background: url(images/bl.gif) bottom left no-repeat #EDEDED;
    width: 5%;
    min-width: 108px;
    }
    
    .sbr {
    background: url(images/br.gif) bottom right no-repeat;
    }
    
    .stl {
    background: url(images/tl.gif) top left no-repeat;
    }
    
    .str {
    background: url(images/tr.gif) top right no-repeat;
    padding: 10px;
    }
    
    .sb {
    background: url(images/b_r.gif) 25px top no-repeat;
    padding: 2px 20px 10px 20px;
    }
    Und hier der HTML-Code:

    Code:
    <div style="text-align:left;float:left">
    <div class="sbl">
    <div class="sbr">
    <div class="stl">
    <div class="str">Meine erste Sprechblase
    </div>
    </div>
    </div>
    </div>
    <div class="sb"></div>
    <img src="http://www.raetselstunde.de/images/maskottchen.jpg" style="float:left; border:0px; margin-right:20px; margin-bottom:10px" alt="Maskottchen" />
    </div>
    <div style="text-align: left">
    Lorem ipsum dolor...
    </div>
    Habt ihr vielleicht eine Idee, wo der Fehler liegen könnte?
    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
    minder
    Gast

    Standard AW: Beschriftung einer Sprechblase

    Hallo

    Ich habs mal mit dem Firebug angeschaut. Deine sb class ist daran schuld!!

    Machs mal so:
    .sbl
    {

    background:#EDEDED url(images/bl.gif) no-repeat scroll left bottom;
    min-width:108px;
    width:100px;
    }

    benutze keine Prozent angaben. diese sind daran schuld

  3. #3
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Beschriftung einer Sprechblase

    Jetzt ist es richtig. Genauso habe ich es mir vorgestellt

    Vielen Dank für die Hilfe.

    Edit: Ich hätte noch eine Frage dazu.

    Wenn man genau hinsieht, sieht man um das Maskottchen herum einen 1px großen hellblauen Rahmen. Gibt es eine Möglichkeit, den zu entfernen?
    Geändert von Cujo (04.01.2009 um 15:04 Uhr)

  4. #4
    minder
    Gast

    Standard AW: Beschriftung einer Sprechblase

    img
    {
    border: none;
    }

  5. #5
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Beschriftung einer Sprechblase

    Zitat Zitat von minder Beitrag anzeigen
    img
    {
    border: none;
    }
    Das ist bereits gesetzt. Daran liegt es nicht.

  6. #6
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Beschriftung einer Sprechblase

    Das "Maskottchen" würde ich aber eher so darstellen wollen.
    Angehängte Grafiken Angehängte Grafiken
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  7. #7
    Meister(in)
    Themenstarter
    Avatar von Cujo
    Registriert seit
    11.07.2008
    Beiträge
    438
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Beschriftung einer Sprechblase

    Mir gefällt das jetzige Maskottchen besser. Die Assoziation mit einem Fragezeichen ist stärker, denke ich mal.

    Das mit dem Rahmen hat sich übrigens erledigt. Die hellblauen Linien waren Teil der Grafik. Das habe ich aber erst gesehen, nachdem ich sie 10fach vergrößert hatte

Ähnliche Themen

  1. Beschriftung von Radiobutton
    Von Bertlmusch im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 17.07.2007, 16:00
  2. Annfang einer Satzes oben links in einer Tabelle anfangen
    Von tevin im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 20.06.2007, 18:54
  3. Den Wert einer Zelle in Tab1 in einer Spalte in Tab2 suchen.
    Von bewehh im Forum Forum für alle anderen Programmiersprachen
    Antworten: 2
    Letzter Beitrag: 01.06.2007, 18:50
  4. Daten aus nur einer Spalte einer Tabelle in Array speichern
    Von FaFoo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 25.07.2006, 16:32
  5. Inhalt einer Seite auf einer anderen darstellen
    Von TommyTaifun im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.10.2005, 16:20

Stichworte

Berechtigungen

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