ilch Forum » Allgemein » HTML, PHP, SQL,... » 3 Boxen nebeneinander

Geschlossen
  1. So. 06.03.2016 10:45 Uhr #1
    User Pic
    SoX Mitglied
    Registriert seit
    21.03.2012
    Beiträge
    380
    Beitragswertungen
    9 Beitragspunkte
    Guten Morgen :-) , ich verzweifel gerade am anpassen 3er Boxen.

    Ich möchte gerne das alle 3 Boxen nebeneinander sind aber nicht von einandender abhängig sind vom Inhalt.
    Sprich wenn der Inhalt in einer Box zu groß ist z.B eine Grafik das sich dann nicht die anderen Boxen verschieben.

    Der Abstand links vom Design und rechts vom Design sollen eingehalten werden so das die Boxen nicht direkt am Rand geklatscht sind.

    Ich möchte gerne das die Boxen feste positionen haben nur bekomm ich es nicht hin -.-.

    Könnte mir bitte jemand dabei helfen?

    Die Boxen heißen: {_boxes_cfx-35-lastnews} {_boxes_cfx-35-lastforum} {_boxes_t} 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" type="image/x-icon" href="/include/designs/CFX_free_35_rot/gflc.ico">
{_if_{SESSION_AUTHRIGHT}=='0'}<div style="position:absolute;">{_boxes_welcome}</div>{/_endif}
<script type='text/javascript' src='include/includes/js/BBCodeGlobal.js'></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{TITLE}</title>
	<link rel="stylesheet" type="text/css" href="include/designs/CFX_free_35_rot/style.css" media="screen">
	<link rel="stylesheet" type="text/css" href="include/designs/CFX_free_35_rot/design.css" media="screen">
</head>
<body>
<table width="1123" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td height="260"><table width="1123" height="260" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="2" width="10" height="260" background="include/designs/CFX_free_35_rot/Bilder/cd-35-header_l.png"></td>
    <td width="1100" height="258" background="include/designs/CFX_free_35_rot/Bilder/cd-35-header.png"></td>
    <td rowspan="2" width="13" height="260" background="include/designs/CFX_free_35_rot/Bilder/cd-35-header_r.png"></td>
  </tr>
  <tr>
    <td width="1100" height="2" background="include/designs/CFX_free_35_rot/Bilder/cd-35-header_u.png"></td>
    </tr>
</table>
</td>
  </tr>
  <tr>
    <td height="44" align="left" valign="top"><table width="100%" height="44" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10" background="include/designs/CFX_free_35_rot/Bilder/login/login-left.png">&nbsp;</td>
    <td align="left" valign="top" background="include/designs/CFX_free_35_rot/Bilder/login/login-bar.png">{_boxes_cfx-35-login}</td>
    <td width="13" background="include/designs/CFX_free_35_rot/Bilder/login/login-right.png">&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td height="282" background="include/designs/CFX_free_35_rot/Bilder/cd-35-boxen_bg.png"><table width="1123" height="282" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="740" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="80"><table width="740" height="80" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td width="50" align="center" valign="middle" ><table  width="50%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td align="left" valign="top"><span>{_boxes_cfx-35-lastnews}</span></td>
        <td align="left" valign="top"><span>{_boxes_cfx-35-lastforum}</span></td>
        <td align="left" valign="top"><span>{_boxes_t}</span></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td><table width="1123" border="0" cellspacing="0" cellpadding="0" background="include/designs/CFX_free_35_rot/Bilder/cd-35-mcm.png">
      <tr>
	<td align="center" valign="top"><table width="254" border="0" cellpadding="0" cellspacing="0">
      <tr>
          <td align="center" valign="top">{_list_menunr1@ </td>
      </tr>
      <tr>
          <td width="254" height="36" align="center" valign="middle" background="include/designs/CFX_free_35_rot/Bilder/cd-35-mhead_l.png"><table width="254" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="5"></td>
			<td align="center" valign="middle"><span class="menuuberschrift_l">%1</span></td>
			<td width="5"></td>
		  </tr>
		</table></td>
      </tr>
      <tr>
          <td width="254" align="center" valign="top"><table width="254" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="21"></td>
			<td align="center">%2</td>
			<td width="8"></td>
		  </tr>
		</table></td>
      </tr>
      <tr>
            <td width="254" height="5"></td>          
      </tr>
      <tr>
          <td width="254" height="0" align="center" valign="top">}</td>
      </tr>
   </table>
</td>        
<td align="center" valign="top"><table width="615" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="615" height="35" background="include/designs/CFX_free_35_rot/Bilder/cd-35-conthead.png"><table width="615" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="30"></td>
			<td align="left" valign="middle" class="smalfont">Sie befinden sich hier: <span class="hmenu">{HMENU}</span></td>
			<td width="30"></td>
		  </tr>
		</table></td>
          </tr>
          <tr>
            <td width="615"><table width="615" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="20"></td>
			<td align="left" valign="top">{EXPLODE}</td>
			<td width="20"></td>
		  </tr>
		</table></td>
          </tr>
          <tr>
            <td width="615" height="30"></td>
          </tr>
        </table></td>
	<td align="center" valign="top"><table width="254" border="0" cellpadding="0" cellspacing="0">
      <tr>
          <td align="center" valign="top">{_list_menunr2@ </td>
      </tr>
      <tr>
          <td width="254" height="36" align="center" valign="middle" background="include/designs/CFX_free_35_rot/Bilder/cd-35-mhead_r.png"><table width="254" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="5"></td>
			<td align="center" valign="middle"><span class="menuuberschrift_r">%1</span></td>
			<td width="5"></td>
		  </tr>
		</table></td>
      </tr>
      <tr>
          <td width="254" align="center" valign="top"><table width="254" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="8"></td>
			<td align="center">%2</td>
			<td width="21"></td>
		  </tr>
		</table></td>
      </tr>
      <tr>
            <td width="254" height="5"></td>          
      </tr>
      <tr>
          <td width="254" height="0" align="center" valign="top">}</td>
      </tr>
   </table>
</td>        </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" valign="middle" background="include/designs/CFX_free_35_rot/Bilder/cd-35-mcmfoot.png" width="1123" height="15"></td>
  </tr>
  <tr>
    <td align="center" valign="top" background="include/designs/CFX_free_35_rot/Bilder/cd-35-downboxen_bg.png" width="1123" height="300"><table width="1123" height="300" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="55" colspan="4"></td>
        </tr>
      <tr>
        <td width="351" height="147" align="left" valign="top">
            <table width="351" height="147" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="16">&nbsp;</td>
                    <td align="left" valign="top">{_boxes_cfx-35-lastreg}</td>
                    <td width="10">&nbsp;</td>
                </tr>
            </table>
        </td>
        <td width="243" height="147" align="left" valign="top">
        	<table width="243" height="147" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="10">&nbsp;</td>
                    <td align="left" valign="top">{_boxes_cfx-35-topmember}</td>
                    <td width="10">&nbsp;</td>
                </tr>
            </table>
        </td>
        <td width="262" height="147" align="left" valign="top">
        	<table width="262" height="147" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="10">&nbsp;</td>
                    <td align="left" valign="top">{_boxes_cfx-35-newdown}</td>
                    <td width="10">&nbsp;</td>
                </tr>
            </table>
		</td>
        <td width="267" height="147" align="left" valign="top">
        	<table width="267" height="147" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="10">&nbsp;</td>
                    <td align="left" valign="top">{_boxes_cfx-35-topdown}</td>
                    <td width="18">&nbsp;</td>
                </tr>
            </table>
		</td>
      </tr>
      <tr>
        <td colspan="4" height="98" valign="top"><table width="1123" height="98" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" height="18"><!-- Platzhalter --></td>
    </tr>
  <tr>
    <td width="470" height="80" valign="top" class="copy">Copyright &copy; 2012 by <a href="http://www.capfx.de" target="_blank">Capfx.de</a> | Design by: <a href="http://www.capfx.de/index.php?user-details-392" target="_blank">LastChaos</a> | Code by: <a href="http://www.capfx.de/index.php?user-details-2" target="_blank">IRvD</a> | <a href="http://www.gflc.de/index.php?contact" target="_blank">Kontakt</a> | <a href="http://www.gflc.de/index.php?impressum" target="_blank">Impressum</a></td>
    <td width="176" height="80" align="center"><a href="#" target="_top"><img src="include/designs/CFX_free_35_rot/Bilder/cd-35-top-button.png"  onmouseover="this.src='include/designs/CFX_free_35_rot/Bilder/cd-35-top-button_h.png'" onmouseout="this.src='include/designs/CFX_free_35_rot/Bilder/cd-35-top-button.png'"width="132" height="42" border="0" /></a></td>
    <td width="457" height="80" align="right" valign="top">
    <a class="social_facebook" href="http://www.facebook.com" target="_blank"> </a> 
    <a class="social_youtube" href="http://www.youtube.com" target="_blank"> </a> 
    <a class="social_rss" href="index.php?news-rss" target="_blank"> </a>
    </td>
    <td width="20" height="80"><!-- Platzhalter --></td>
  </tr>
</table>
</td>
</body>

</html>
<!-- {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}
//-->



    Zuletzt modifiziert von SoX am 06.03.2016 - 10:58:41
    0 Mitglieder finden den Beitrag gut.
  2. So. 06.03.2016 11:22 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Gib einfach den Boxen feste Container mit fest definierten Dimensionen.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. So. 06.03.2016 11:23 Uhr #3
    User Pic
    SoX Mitglied
    Registriert seit
    21.03.2012
    Beiträge
    380
    Beitragswertungen
    9 Beitragspunkte
    Wie genau setzte ich das jetzt um, versteh gerade Bahnhof lachen
    0 Mitglieder finden den Beitrag gut.
  4. So. 06.03.2016 11:27 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    <div class="boxXYZ">{_boxes_cfx-35-lastnews}</div>


    .boxXYZ {
    overflow, width, height usw....
}
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten