HI,
ich hab eine Liste mit SVG-grafiken udn zwei Spans mit text in welchem dieser mittels <br< umbrochen wird.
Der Firefox ignoriert aber irgendwie die br. Hat einer eine Idee woran das liegen könnte?
Hab grad einieg Styles rasugenommen und festgestellt das es wohl an einem float liegt. Nur wie ich das gefixt bekomm und trotzdem das Aussehen beibehalte muss ich smal austesten.
Aber trotzdem sehr strange.
ich hab eine Liste mit SVG-grafiken udn zwei Spans mit text in welchem dieser mittels <br< umbrochen wird.
Der Firefox ignoriert aber irgendwie die br. Hat einer eine Idee woran das liegen könnte?
HTML:
<div class="container">
<ul class="nav menu legende col-md-24">
<li class="item-122 agil">
<a href="/de/agil-framework" class="agil">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">A</span><span class="link_text hidden-xs">Agil-Framework</span>
</a>
</li>
<li class="item-123 waterfall">
<a href="/de/wasserfall-modell" class="waterfall">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">V</span><span class="link_text hidden-xs">Wasserfall-Modell</span>
</a>
</li>
<li class="item-129 motis_two">
<a href="/de/motis-basierte-softwareprodukte" class="motis_two">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">MP</span><span class="link_text hidden-xs">MOTIS <br> basierte Softwareprodukte</span>
</a>
</li>
<li class="item-128 motis_one">
<a href="/de/motis-basierte-dienstleistungen-qs-simulationen" class="motis_one">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">MS</span><span class="link_text hidden-xs">MOTIS <br> basierte Dienstleistungen <br> (QS, Simulationen)</span>
</a>
</li>
<li class="item-127 ooa">
<a href="/de/requirement-engineering-ooa-alle-branchen" class="ooa">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">RE</span><span class="link_text hidden-xs">Requirement Engineering <br> OOA alle Branchen</span>
</a>
</li>
<li class="item-126 ooa-mobility">
<a href="/de/business-engeneering-requirement-engineering-ooa-mobility" class="ooa-mobility">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
<path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
</svg><span class="hexagon_text">M</span><span class="link_text hidden-xs">Business Engineering<br>Requirement Engineering <br> OOA Mobility </span>
</a>
</li>
</ul>
</div>Hab grad einieg Styles rasugenommen und festgestellt das es wohl an einem float liegt. Nur wie ich das gefixt bekomm und trotzdem das Aussehen beibehalte muss ich smal austesten.
Aber trotzdem sehr strange.
Zuletzt bearbeitet:
