Kleine CSS Formatierung benötigt

Dieses Thema im Forum "Webentwicklung" wurde erstellt von .x-tra, 10. November 2008 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 10. November 2008
    Könnte mir jemand hier ein margin-top: 10px; einbauen.
    Ich hab das schon auf verschiedenste art und weise versucht.

    Aber eben ohne extra css datei, oder sonstwas.
    sondern direkt im code.

    also der button b2.png soll ein stück weiter runter!

    Code:
    <a href="index.php?option=com_ionfiles&amp;Itemid=54"><img src="images/stories/b1.png" border="0" /></a><a href="../"><img src="images/stories/b2.png" border="0" /></a>
     
  2. 10. November 2008
    AW: Kleine CSS Formatierung benötigt

    HTML:
    <a href="index.php?option=com_ionfiles&amp;Itemid=54" ><img src="images/stories/b1.png" border="0" /></a>
    <a href="../" style="position: relative; top: 10px; "><img src="images/stories/b2.png" border="0"></a>
     
    müsste gehn

    greetz AsAck
     
  3. 10. November 2008
    AW: Kleine CSS Formatierung benötigt

    super danke euch, funktioniert.
    ich müsste noch die buttons überhaupt noch positionieren?
    also es sollen mal 6-8 buttons werden auf einer breite von 930px.(und zwischendurch jeweils paar pixel abstand zueinander, die breite der buttons kann ich dementsprechend anpassen)
    kann man das auch irgendwie vereinfachen?
     
  4. 10. November 2008
    AW: Kleine CSS Formatierung benötigt

    du kannst mit den buttons alle die gleiche class geben und die style-daten entweder in einer externen datei oder im head definieren dann muss man das nicht bei jedem button machen

    HTML:
    <head>
    <!-- Jetzt kommen die Style angaben -->
    <style type="text/css"><!-- 
    
    .buttons { position:relative; 
     margin-left: 10px;
     }
    --> 
    </style>
    <!-- hier ist der style zuende -->
    
    </head>
    
    <a href="index.php?option=com_ionfiles&amp;Itemid=54" ><img src="images/stories/b1.png" border="0" /></a>
    <a href="../" class="buttons" style="top: 10px"><img src="images/stories/b2.png" border="0" ></a>
    <a href="../" class="buttons"><img src="images/stories/b3.png" border="0" ></a>
    <a href="../" class="buttons"><img src="images/stories/b4.png" border="0" ></a>
    <a href="../" class="buttons"><img src="images/stories/b5.png" border="0" ></a>
    <a href="../" class="buttons" ><img src="images/stories/b6.png" border="0" ></a>
    
    
    also hier ist der 2. button weiter unten als die anderen
    der rest sollte sich von selbst erlären

    auf css4you.de kannst du auch alles zu css finden

    greetz AsAck
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.