Frage zu einer relativen Grafikausrichtung (nicht an DIV)

    Hallo,

    ich möchte gerne einen Strich, den ich als Grafik lade, unter einer Schriftzeile ausrichten.

    Der Aufbau sieht in etwa so aus:

    Zeile 1: text text text text
    Zeile 2: text text text text

    Grafik: Strich

    Zeile 3: text text text text


    Ich habe das Problem, dass Opera mir meine Buchstaben verkleinert. Deshalb die drei Zeilen nach oben "rutschen" und der Strich dann nicht mehr proportional zwischen Zeile 2 und 3 steht.

    Gibt es eine Möglichkeit die Grafik relativ an Zeile 2 oder Zeile 3 auszurichten, wenn Zeile 2 oder 3 keine Divs sind?




    Lieben Gruß
    Markus

    Hi,

    ich habe einige CSS Varianten ausprobiert. Schaffe es aber nicht.
    Da der Code in einem PHP Script steht, dachte ich, dass es sich hier um ein PHP Problem handelt...

    so... hab den beitrag mal verschoben...

    bitte all die, die grad soschön mit "falscher bereich" geantwortet haben ....
    wir haben hier eine MELDEFUNKTION ! bitte nächstes bescheid geben, dann wird
    der thread auch in den richtigen bereich verschoben...

    btw. glaube nicht an ein php problem, der browser richtet es ja falsch aus und macht
    keine rechenfehler oder ähnliches. wie hast du denn die zeilen definiert ? hat du
    schriftgröße usw angegeben ?

    Hi Abendfrieden

    Möchtest du nicht einen Strich mit dem HTML Tag machen?
    Dafür gibt es das hr-Element, das gibt dir einen durchgezogenen Strich von vorn bis hinten.
    Das kann aber per CSS Referenz auf dieses hr-Tag verändert werden.

    Da du aber scheinbar eventuell ein Tabellenproblem hast, würd ich mal sagen, lad doch versuchsweise die Datei mal hoch und zeig sie uns.
    Kannst sie kurzerhand auch hier hochladen: http://u.white-tiger.ch

    Dann können wir besser sehen und verstehen, wo der Fehler liegt.

    @ Driver,

    die Schrift habe ich in CSS konfiguriert.
    Hier der Code:

    PHP
    .kontaktformular span {
 font-family:Helvetica, Arial, sans-serif;
 font-size:11px;
 font-weight: normal;
 line-height:1.4em; 
 letter-spacing: 0.03em;
 text-transform:none;
 z-index:80;
}





    @ Thonixx

    an den hr-Tag habe ich auch gedacht.
    Jedoch sind diese Striche an den Enden sehr "hart".
    Durch einen mit einem Verlaufswerkzeug selbst erstellten Strich habe ich die Möglichkeit die enden weich auslaufen zu lassen.
    Das sieht imho besser aus und so möchte ich es gerne haben.

    Welche Daten benötigst du noch um eine Aussage machen zu können?
    Was genau soll ich noch hochladen?

    hier ist noch die Definition der Grafik:

    so in PHP

    PHP
    <div class="absendenstrich">
      <img src="bilder/absendenstrich.gif">
      </div>



    so in CSS

    PHP
    .absendenstrich {
 position: absolute;
 left: 230px;
 top: 220px;
 z-index:90;
}

    Dein Code oben ist nunmal nicht Vollständig, kA wo du den Strich genau eingebettet hast.

    Aber fals ich das richtig verstehe, dass du den Strich zur unterstreichung von dem Submit-input haben willst, kannst du diesem einfach den Strich als Background-image definieren. Dann noch background-position: bottom; und background-repeat: no-repeat;

    HTML
    <div id="xy">
    <input type="submit" id="subbutton" />
</div>
    HTML
    #subbutton {
    background-image: url("strich.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    border: none;
}