Rote Schrift neben Logo

[ChrisDega]

Moin,


da Ich mich mit coden etc. wirklich nicht auskenne habe Ich mal eine Frage.

Ich leite mitunter die Website meines Clans in Overwatch. Wir haben uns ein EQDKP aufgesetzt wo Wir links ein Portal Modul eingesetzt haben in dem man einen Code schreiben kann. Sinn des linken Moduls ist es die News je nach Spiel zu filtern, so wirkt alles übersichtlicher.

Das Modul sieht so aus:


Nur möchte Ich links neben dem Logo ein rotes "NEU!" stehen haben, ginge es auch dass es blinkt?
Wie genau stelle Ich das an?

Code sieht so aus: (Links aus Sicherheitsgründen ausgeblendet)

<ul>
    <li>
        <a href="domain.de/index.php/World-of-warcraft/">
           <img src="domain.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" />
<br>World of Warcraft        </a>
    </li>
    <li style="padding-bottom: 20px">
    <li>
        <a href="domain.de/index/Overwatch/">
           <img src="domain.de/images/overwatch.png" alt="Overwatch" style="width: 75px;" />
<br>Overwatch        </a>
    </li>
</ul>

Wäre klasse wenn Mich jemand unterstützen würde.


Beste Grüße und einen guten Start in die Woche,
Chris

 

[En3rg1eR1egel]

bild davor einbinden, fertig

/edit ach du wolltest es links, so jetzt ist es links

 

[ChrisDega]

Grüß Dich,


da nicht jeden Tag News kommen, sind ja keine Zeitung , wollten Wir es nur einblenden wenn auch wirklich was neues kommt. Das mit dem Bild hatten Wir schon probiert, war zwar ein anderes aber sobald noch ein Bild eingefügt wurde hat sich die Box um fast das doppelte verbreitert, was dann total überdimensioniert aussah...

 

[DualityMind]

Hallo

<a href="domain.de/index.php/World-of-warcraft/"><img src="domain.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" />

zu diesem machen:

<img src=new.gif border=0>&nbsp;<a href="domain.de/index.php/World-of-warcraft/"><img src="domain.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" />

Ist einfach ! Nur das <img etc. vor dem Logo einsetzen ! Das was rot markiert ist !

Ich hoffe Du hast es verstanden :-9 !!

Lg

 

[ChrisDega]

Verstanden habe Ich es, klar. Danke erstmal!

Allerdings ist das über ein Bild halt umständlich, wenn Offiziere bei uns News schreiben dieses ein oder auszublenden. Via "Schrift" ist das nicht möglich?

Wäre es noch möglich dass das "NEU" Logo rechts vom Logo angezeigt wird und dass die Box nicht so breit ist sondern passend zum jeweiligen Inhalt ist? Derzeit sieht es so aus:

 

[DualityMind]

Hallo

Statt Links vom <a href... Link einfach Rechts nach </a>

z.B.
<a href="domain.de/index.php/World-of-warcraft/"><img src="domain.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" /><br>World of Warcraft </a>&nbsp;<img src=new.gif border=0></img>

Musst einfach wenn das Logo rechts sein soll, logischerweise am Ende von </a>&nbsp;<img ... einsetzen !

Das "&nbsp;" macht einen Abstand zum Warcraft Logo !

Hoffe es klappt bei Dir ! :-)

Lg

 

[ChrisDega]

Verstehe! Danke erstmal! Jetzt ist es rechts. Allerdings & das wundert Mich, ist es neben der Schrift - hätte es aber gerne rechts in der Mitte neben dem Logo. (sozusagen ein Stück höher)

Bzgl der Größe der Box, hast Du da auch eine Idee?

Stand jetzt:

 

[DualityMind]

Hallo

hab etwas falsch gemacht, sollte so lauten:

.
<a href="domain.de/index.php/World-of-warcraft/"><img src="domain.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" />&nbsp;<img src=new.gif border=0 width=50 height=40></img><br>World of Warcraft </a>

mit "width=50 height=40" kannst Du die Grösse des new.gif Einstellen, wenn du keine width und height Angaben machst, dann zeigt er es in der Original-Grösse an!

Zur Breite der Tabelle machst am besten, wenn bei Dir steht z.B. <td width=253 etc.. musst einfach <td width=220 oder so Einstellen. Kann sein, dass es auch ein ganzes Table ist.

Dann sollte man Einstellen z.B: <table width=240 cellpadding=0 cellspacing=0 border=0><tr><td width=100%></td></tr></table>

Die Funktion ist ja in einem <td oder <table><tr><td> Eingeschlossen, das heisst Du musst, die Grösse des Tables Einstellen !

Ich hoffe Du hast es verstanden !

Falls es Probleme gibt, einfach wieder Schreiben !

Lg

 

[ChrisDega]

Die Funktion ist ja in einem <td oder <table><tr><td> Eingeschlossen, das heisst Du musst, die Grösse des Tables Einstellen !

Ich hoffe Du hast es verstanden !

Falls es Probleme gibt, einfach wieder Schreiben !

Okay, klingt einfach. Nur wo finde Ich das Table? Ich dachte Ich könnte das auch in dem Code mit reinschreiben

 

[mercsen]

uhi uhi uhi.

Zuerst mal frage ich mich wieso du nicht einfach das Bild austauscht, z.b. das WOW Logo mit einem übergelegtem "Neu". Wenn du jetzt anfängst Elemente hinzuzufügen die wo anders nicht auftauchen musst du an der Stelle natürlich nen Platzhalter einsetzen damit er dir das designe nicht zerschießt.

"table" solltest du so oder so nicht zum layouten nehmen, das ist absolutes gift! In Tabellen gehören tabellarische Daten, sonst nix

Ich glaube mein vorredner hat die UL (unordered list) mit tabellen Elementen verwechselt....

Ebenso sind dinge wie "&nbsp;" zum designen bloß zu unterlassen, dafür gibts padding und margin. Und ein <br> in einem <a> Element treibt mir auch die Gänsehaut hoch Lieber 2 getrennte <a>.

aber zu deinem Problem:
ich würde das ganze wenn noch mal in einen container packen:

<div>
  <div><a href><img .....></a></div>
  <div><img src="" alt="neu"></div>
</div>

wobei dann ohnehin die gesamte liste fast unnötig wird. Dafür ist die auch eigentlich nicht gedacht da so komplizierte struckturen reinzudrücken.

Da musste jetzt natürlich mit nem bissl CSS nachhelfen

Man könnte das "neu" auch über das WOW Logo setzen, dazu einfach das Logo als Hintergrund Bild setzen und das "neu" Bild bei bedarf als content.

 

[ChrisDega]

Okay. Und bei der Hälfte verstehe Ich nur Bahnhof. Habe im coden wie gesagt null Kenntnisse.

Der Code ist mittlerweile so:

<ul>
    <li>
        <a href="DOMAIN.de/index.php/World-of-warcraft/">
           <img src="DOMAIN.de/images/wow.png" alt="World of Warcraft" style="width: 75px;" />&nbsp;<img src="DOMAIN.de/images/neu.gif" border=0 width=60 height=20></img>
<br>World of Warcraft 
    </li>
    <li style="padding-bottom: 20px">
    <li>
        <a href="DOMAIN.de/index.php/Overwatch/">
           <img src="DOMAIN.de/images/overwatch.png" alt="Overwatch" style="width: 75px;" />&nbsp;<img src="DOMAIN.de/images/neu.gif" border=0 width=60 height=20></img>
<br>Overwatch        </a>
    </li>
</ul>

Er funktioniert einwandfrei wie Ichs mir vorgestellt hatte, ist das nun schlimm dass da "Br" etc drin ist?

 

[John Reese]

Nein, ist es nicht. Du benutzt das hier um einen Umbruch zu erzwingen, daher imho absolut legitim.