MyBB.de Forum
Border Problem um dl - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Sonstiges (https://www.mybb.de/forum/forum-1.html)
+--- Forum: Programmierung (https://www.mybb.de/forum/forum-32.html)
+--- Thema: Border Problem um dl (/thread-32433.html)

Seiten: Seiten: 1 2


Border Problem um dl - wWs - 30.07.2015

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.


RE: Border Problem um td - SvePu - 30.07.2015

Versuchs doch bitte mal mit:
Code:
dl {
  border: 1px solid green !important;
  padding: 0.5em;
  width: 650px;
  height: 300px;
}
......



RE: Border Problem um dl - wWs - 30.07.2015

Passiert ebenfalls nichts :/


RE: Border Problem um dl - SvePu - 30.07.2015

Hast du einen Link wo man sich das mal anschauen könnte?


RE: Border Problem um dl - wWs - 30.07.2015

gerne per PN.


RE: Border Problem um dl - SvePu - 30.07.2015

Ok...irgendwie sieht das Layout ziemlich zerschossen aus...sorry!

Die hier geposteten CSS-Definitionen werden auch nicht angewandt bzw. sind noch nicht eingetragen.


RE: Border Problem um dl - wWs - 30.07.2015

Wie meinst du dass zerschossen?


RE: Border Problem um dl - SvePu - 30.07.2015

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;
}



RE: Border Problem um dl - wWs - 30.07.2015

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.


RE: Border Problem um dl - SvePu - 30.07.2015

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.