Geben Sie Breite in link_to image_tag

Question

ich den folgenden Code verwende, um Logo auf der Navigationsleiste zu verlinken:

<%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url %> 

Ich brauche die Breite des Logos zu geben, haben aber ein wenig verwirrt bekam. Versucht in den Klammern, mit einem abschließenden Komma - bricht jedes Mal.

Irgendwelche Ideen?

Answer 1

Sie müssen kein Bild-Tag in Anführungszeichen einfügen. tun Sie es einfach so

<%= link_to image_tag("logo3.svg",width: 500,class: 'your_class'), root_url %> 

Es gibt eine andere Möglichkeit, das gleiche zu tun.

<%= link_to root_url do %> 
<%=image_tag("logo3.svg",width: 500)%> 
<%end%> 

Answer 2

Probieren Sie dies:

<%= link_to " #{image_tag ("logo3.svg", size: "16x10")}".html_safe, root_url %> 

Offensichtlich können Sie die Größe anpassen - ich gab es als Beispiel

Answer 3

Try this:

<%= link_to " #{image_tag ("logo3.svg", height: '32', width: '32')}".html_safe, root_url %> 

Answer 4

Grundsätzlich können Sie eine Klasse hinzufügen Name und fügen Sie dann CSS-Regeln für die Breite wie folgt hinzu

<%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url, :class => "my-logo" %> 

Dann in Ihrem CSS-Datei so etwas wie unten hinzufügen:

app/assets/stylesheets/some_file.css 

.my-logo { 

    width: your-image-width; 

} 

Diese Lösungen fein funktionieren würde, aber Sie sollten Inline CSS vermeiden zu schreiben, die beste Praxis ist. Hoffe, dass hilft.

Answer 5

können Sie die image_tag verwenden, wie es

Ex here in link_to Tag definieren:

<%= link_to image_tag("logo3.svg", height: 'you-height', width: 'your-width'), root_url %> 

Hoffnung benutzen Sie mehr Ahnung davon bekommen.