Zum Inhalt springen

background images ausrichtung?


Empfohlene Beiträge

Geschrieben

hi leute,

ich habe ein background image das 30x30 px groß ist.

dies habe ich in eine tabellenzelle eingebunden die auch 30x30 groß ist.

wieso ist das bild jetzt nicht genau 1:1 drinne, sonder verschiebt sich?

Gruß

kills



<table height="30" width="800px" cellspacing="0" cellpadding="0">

<tr height="30">

  <td width="300"></td>

  <td width="30" style="border-top: 1px solid; background-image: url('./pics/bg_el2.gif');background-repeat: no-repeat;">

  <img height="30" width="30" src="./pics/1px.gif"></td>

  <td width="470" align="center" style="border-top: 1px solid;">text</td>

</tr>

</table>


ps: das sollte dann am ende aussehen wie eine Registerkarte

Geschrieben
Original geschrieben von kills


<table height="30" width="800px" cellspacing="0" cellpadding="0">

..snip..

 <td width="30" style="border-top: 1px solid; background-image:

url('./pics/bg_el2.gif');background-repeat: no-repeat;">

<img height="30" width="30" src="./pics/1px.gif"></td>

..snip..

Hm, was steht denn in Deinen Styles drin, die Du verwendest?

Geschrieben

das mit dem background repeat hab ich ma rausgenommen.

ändert aber nix an meinem problem. sieht noch genauso aus wie zuvor.

----------

ich versuch ma mein problem anders zu beschreiben:

das eigentliche problem ist das, das mein background image das ich in die zelle einbinde nicht mit dem oberen rand des bildes beginnt . es sieht so aus als wäre zu dem oberen rand der zelle noch 2mm abstand da. wenn dieser nicht da wäre würde es passen. aber wie? verständlich?

Geschrieben

ich habs jetzt folgendermaßen gelöst:


         								<table height="30" width="100%" cellspacing="0" cellpadding="0">

         					            <tr>

                                       <td width="270" style="background-color:#8CAEAF;"></td>

         						            <td width="30" style="background-image: url('./pics/bg_el1.gif');background-repeat:no-repeat;background-position:0px -5px;"><img height="30" width="30" src="./pics/1px.gif" border="0"></td>

                                       <td width="500" align="center" style="border-top: 1px solid;background-color:#B7C6C1;">

                                          status

         						            </td>

         					            </tr>

         								</table>


Geschrieben

Ich habs, ich habs!!!

Table border="0"...

Weil: auch wenn die Gitternetzlinie nicht angezeigt wird, da isse....

Los, probier!:D

Oh, war wohl etwas zu spät und zu voreilig.....

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...