ilch Forum » Allgemein » HTML, PHP, SQL,... » Content bleibt nicht im Content

Geschlossen
  1. #1
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Huhu,

    ich habe ein problem aus irgend ein grund macht er den content nicht im content ^^

    ich glaub es liegt irgendwas am div aber probiere da schon saemtliches seit stunden und komme nicht so recht weiter.

    waere nett wenn von euch mal wer drueber schauen koennte

    	$screens = mysql_query("SELECT * FROM bilder_bauten_gallery ORDER BY bild_ID DESC Limit 4");
             $gumps = mysql_query("SELECT * FROM bilder_gumps_gallery ORDER BY bild_ID DESC Limit 4");
    
    echo '<a href="index.php?media-ingamegallery&action=bauten"><div id="media-screenshots" class="left"><div style="margin-top:5px; margin-left:122px;">(' . $bilder_bauten_anzahl['anzahl'] .')</div> <div style="margin-top:-14px; margin-right:7px;" align="right">Zeige alle Screenshots</div></a>
    <table width="100%" border="0" cellspacing="3" cellpadding="4"><tr>';
    while ($onepicture = mysql_fetch_array($screens)){
    	$linecounter++;
    if($linecounter==3){
    	echo '</tr><tr><td width="50%" align="center"><div class="olightbox"><a href="include/images/gallery/Bauten/' .  $onepicture['bild_name'].'.jpg" rel="lightbox"  title="' . $onepicture['bild_beschreibung'] .'"><img src="include/images/gallery/Bauten/thumbs/' .  $onepicture['bild_name'] .'-thumb.jpg" rel="lightbox" alt="' . $onepicture['bild_beschreibung'] .'" width="145" height="107" border="0"></a></div></td>';
    	$linecounter=1;
    }else{
    	echo '<td width="50%" align="center"><div class="olightbox"><a href="include/images/gallery/Bauten/' .  $onepicture['bild_name'].'.jpg" rel="lightbox"  title="' . $onepicture['bild_beschreibung'] .'"><img src="include/images/gallery/Bauten/thumbs/' .  $onepicture['bild_name'] .'-thumb.jpg" rel="lightbox" alt="' . $onepicture['bild_beschreibung'] .'" width="145" height="107" border="0"></a></div></td>';
    }
    }
    echo'</table></div>';
    
    echo '<a href="index.php?media-ingamegallery&action=gumps"><div id="media-gumps" class="left"><div style="margin-top:5px; margin-left:83px;" align="left">(' . $bilder_gumps_anzahl['anzahl'] .')</div> <div style="margin-top:-14px; margin-right:7px;" align="right">Zeige alle Gumps</div></a>
    <table width="100%" border="0" cellspacing="3" cellpadding="4"><tr>';
    while ($onepicture = mysql_fetch_array($gumps)){
    	$linecounter++;
    if($linecounter==3){
    	echo '</tr><tr><td width="50%" align="center"><div class="olightbox"><a href="include/images/gallery/Gumps/' .  $onepicture['bild_name'].'.jpg" rel="lightbox"  title="' . $onepicture['bild_beschreibung'] .'"><img src="include/images/gallery/Gumps/thumbs/' .  $onepicture['bild_name'] .'-thumb.jpg" rel="lightbox" alt="' . $onepicture['bild_beschreibung'] .'" width="145" height="107" border="0"></a></div></td>';
    	$linecounter=1;
    }else{
    	echo '<td width="50%" align="center"><div class="olightbox"><a href="include/images/gallery/Gumps/' .  $onepicture['bild_name'].'.jpg" rel="lightbox"  title="' . $onepicture['bild_beschreibung'] .'"><img src="include/images/gallery/Gumps/thumbs/' .  $onepicture['bild_name'] .'-thumb.jpg" rel="lightbox" alt="' . $onepicture['bild_beschreibung'] .'" width="145" height="107" border="0"></a></div></td>';
    }
    }
    echo'</table></div>';


    css
    /* Media */
    #media {
      width: 384px;
    }
    
    #media-screenshots {
      height: 37px;
      width: 355px;
      margin-left:15px;
      background:url(images/media_screen.png)
    }
    
    #media-gumps {
      height: 37px;
      width: 355px;
      margin-left:48px;
      background:url(images/media_gump.png)
    }


    betroffene Homepage: athoris-uo.com/cms2/index.php?media-ingamegallery
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Tr3icio gelöschter User
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm okay dann denke ich mal das es an float left liegt.

    hab es ausprobiert komm da aber auch nicht weiter den das andere muss ja auch nebeinander sein nur dadrunter wie man sieht?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    also, in deinem design floaten ca 3 elemente, alles andere veränderst du mit align und margins.

    du hast offensichtlich das konzept eines floatenden designs noch nicht verstanden, und nein ich werde es nicht für dich debuggen!

    setz dich noch mal an ein float design tuturial, du solltest es verstanden haben wenn du die elemente nicht mehr per align und ewige left margins positionieren musst.

    nur einmal soviel als faustregeln:
    - floatende elemente sollten immer fixe breiten haben solange sie nicht 100% breit sind
    - das verhalten floatender elemente ist immer durch sein elternelement mitbeeinflusst
    before creation there must be destruction
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm also liegt es am design sprich der index.htm oder doch am content inhalt?

    wo finde ich den so ein float design tut?
    Was ich bei google so eingeb ist das gleiche mit margin-left etc.
    und breiten habe ich doch? width: px;


    Zuletzt modifiziert von Siggi am 01.10.2011 - 12:02:54
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    ich kann dir kein tutorial zeigen was genau deinen case abdeckt, eher fehlt hier ein grundverständniss wie ein floatendes css layout zu realisieren ist.

    schaue dir einmal tutorials zu liquid layouts an.

    zur entwicklung deines layouts gehe folgendermaßen vor, erstelle dir dein design in einer statischen html datei, nicht über ein cms generiert.

    fange bei den ersten elementen an, also dem main container. füge dann nach und nach weitere container hinzu so das dir ein fehlverhalten auf anhieb auffallen kann.

    mache bei diesen zwischenschritten auch mindesten eine crossbrowserüberprüfung mit IE und firefox.

    ich habe auch nicht gesagt das margins generell schlecht sind, aber anstatt elemente innerhalb im content mit margin-left in die mitte zu rücken versuche die fehlenden pixel durch paddings oder gleichmäßige margins zu beiden seiten mittig zu positionieren.

    abreite dich am besten nocheinmal von minimal zu voll ausgebaut vor.
    before creation there must be destruction
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten