MyBB.de Forum

Normale Version: Border Problem um dl
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
Hey kann mir jemand sagen warum mir der border nicht angezeigt wird?
Was Blockiert das ganze?

Code:
dl {
   border: 1px solid green;
   padding: 0.5em;
   width: 650px;
   height: 300px;
 }
dd.wide, dt.wide {
height: 44px;
}
dd, dt {
  height: 22px;
  line-height: 22px;
  overflow: hidden;  
}
PHP-Code:
<dl>
       <dt>Titel</dt>
       <dd>%{title}%</dd>
       <dt>Kategorie</dt>
       <dd>%{category_label}%</dd>
       <dt>Label</dt>
       <dd>%{label}%</dd>
       <dt>Release Jahr (Monat/Jahr)</dt>
       <dd>%{release}%</dd>
       <dt>Bewertung</dt>
       <dd><div class="rate">%{rateability}%<div class="score" style="width: %{score}%%;"></div></div>Klicke auf die Anzahl der Sterne um zu Bewerten(Du musst eingeloggt sein)</dd>
       <dt><img src="/img/homepage.png" alt="Homepage Link" border="0" width="30" height="30">Homepage</dt>
       <dd><a href="%{url}%">%{url}%</a></dd>
       <dt><img src="/img/facebook.png" alt="Facebook Link" border="0" width="30" height="30">Facebook</dt>
       <dd><a href="%{url_fb}%">%{url_fb}%</a></dd>
       <dt><img src="/img/twitter.png" alt="Twitter Link" border="0" width="30" height="30">Twitter</dt>
       <dd><a href="%{url_tw}%">%{url_tw}%</a></dd>
       <dt><img src="/img/youtube.png" alt="Youtube Link" border="0" width="30" height="30">YouTube</dt>
       <dd><a href="%{url_yt}%">%{url_yt}%</a></dd>
</
dl

Vielleicht hat irgend jemand Erfahrung damit, ich komme nicht drauf.
Versuchs doch bitte mal mit:
Code:
dl {
  border: 1px solid green !important;
  padding: 0.5em;
  width: 650px;
  height: 300px;
}
......
Passiert ebenfalls nichts :/
Hast du einen Link wo man sich das mal anschauen könnte?
gerne per PN.
Ok...irgendwie sieht das Layout ziemlich zerschossen aus...sorry!

Die hier geposteten CSS-Definitionen werden auch nicht angewandt bzw. sind noch nicht eingetragen.
Wie meinst du dass zerschossen?
Teste mal bitte diese CSS-Rules:
Code:
#website dt {
   display: block;
   margin-top: 15px;
}

#website dt img {
   vertical-align: middle;
   padding-right: 5px;
}

#website dd {
   margin-left: 35px;
}

#website dl {
   padding: 0 20px 1em;
   border: 1px solid #008000;
   display: inline-block;
   margin: 0 0 1em 0;
}
Ja das bringt was.
Aber ich wollte das in die dazugehörige entry.css haben.
Woran liegt das, dass er das nicht annimmt?

Sonst wirds ja irgendwann unübersichtlich.
Wenn es so versträut ist.
Du kannst den entsprechenden Style auch in einer separaten Datei "entry.css" speichern und diese im <head> Bereich der Seite einbinden bzw. laden.

Lt. Dev-Tools wird die verlinkte entry.css auf dem Server momentan nicht gefunden.
Seiten: 1 2