Problem mit Ausrichtung von Text und Grafik in einer Zeile

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Problem mit Ausrichtung von Text und Grafik in einer Zeile

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1194

6415

FSt

31. Mai 2024, 08:02

crisies

holger_buns

Beiträge gesamt: 376

17. Apr 2015, 10:10
Beitrag # 1 von 2
Bewertung:
(2003 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo, ich möchte in einem Menü zu einem Text-Link noch eine Grafik dahinter positionieren. Leider verschiebt er mir die Grafik aber in die nächste Zeile unterhalb des Textlinks. ich bekomme die Grafik nicht so positioniert, dass diese direkt rechts neben dem Text-Link erscheint. Wer kann mir helfen?

Es geht um die Grafik ...flagge_d.png

Code

<ul id="t_menu_upper"> 
                	<li style="line-height:25px;"><a class="active_upper" href="index_nl.html">Home</a> // <a href="index.html">Deutsch <img src="images/flagge_d.png" style="vertical-align:middle" alt="Flagge D" /></a> // <a class="active_upper" href="index_nl.html">Nederlands</a> // <a href="sites/datenschutzhinweis_nl.html">Datenschutzhinweis</a> // <a href="sites/impressum_nl.html">Impressum</a></li> 
                    <!--<li><a class="active_upper" href="index_nl.html">Deutsch</a> // <a href="#">Niederl&auml;ndisch</a></li>--> 
            	</ul>

HIer der Code zu <ul>

Code

#t_menu_upper li { 
margin-right:25px; 
display:inline; 
height:20px; 
font-family:cabin, sans-serif; 
font-size:12px; 
color:#77131d; 
} 
 
#t_menu_upper li a,#t_menu_upper li a:link,#t_menu_upper li a:visited,#t_menu_upper li a:active,#t_menu_upper li a:hover,#t_menu_upper li.active_upper a,#t_menu_upper li.active_upper a:link,#t_menu_upper li.active_upper a:visited,#t_menu_upper li.active_upper a:active,#t_menu_upper li.active_upper a:hover { 
display:inline-block; 
height:20px; 
line-height:20px; 
font-family:cabin, sans-serif; 
font-weight:400; 
font-size:12px; 
color:#77131d; 
text-decoration:none; 
text-transform:none; 
padding:0; 
} 
 
#t_menu_upper li a:hover.active_upper { 
text-decoration:none; 
}

Gruss
Holger

Problem mit Ausrichtung von Text und Grafik in einer Zeile

holger_buns

Beiträge gesamt: 376

17. Apr 2015, 14:17
Beitrag # 2 von 2
Beitrag ID: #538881
Bewertung:
(1963 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Problem gelöst... Danke

als Antwort auf: [#538870]

Aktuell

PDF / Print

drupa: callas software rückt pdfToolbox 15 in den Mittelpunkt seines Messeauftritts

| 06.05.2024

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen

18.06.2024

So optimieren Sie Ihren LFP-Workflow

Online
Dienstag, 18. Juni 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket fuÌˆr das automatische Nesting im Großformatdruck. Dank eines ausgekluÌˆgelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie fuÌˆr die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Organisator: Impressed GmbH

https://www.impressed.de/schulung.php?c=sDetail&sid=328