[ERLEDIGT] Id-Vergabe für CSS

[kingbluetooth]

Hallo,
ich habe folgendes Problem: Ich möchte in jQuery Mobile eine Webapp mit mehreren sichtbaren Bereichen (Seiten?) erstellen und habe jeweils immer den selben Header. Dabei sollen Logo und Schriftzug immer mittig ausgerichtet sein. Ich habe das ganze so gelöst:

<div data-role="header">
<a href="#Startseite" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all">No text</a>
<div id="Logo"><img src="assets/Logo.svg" alt="" width="50" height="auto" />
<span>Finding Lucy</span></div>
  </div>

Und im CSS:

#Logo {
    margin-top: 5px;
    margin-right: 30%;
    margin-left: 30%;
    margin-bottom: 5px
}

Jetzt habe ich natürlich das Problem, dass mein Tag "Logo" jedes mal gleich ist und mein Editor wegen der Neuvergabe meckert. Wie setze ich das ganze am besten um, ohne tausend mal einen neuen Tag zu vergeben.
Das ganze soll dann immer so aussehen:

Dazu sollte gesagt sein, dass ich ein blutiger Anfänger bin und wüsste ich was, hätte ich das natürlich schon gegoogelt. Also bitte alles möglichst mit kurzer Anmerkung, was das ist (will ja auch was lernen). Für hilfreiche Antworten bin ich sehr dankbar. ;)

 

[thecain]

Class statt id verwenden

 

[SpiceLab]

Jetzt habe ich natürlich das Problem, dass mein Tag "Logo" jedes mal gleich ist und mein Editor wegen der Neuvergabe meckert. Wie setze ich das ganze am besten um, ohne tausend mal einen neuen Tag zu vergeben.

Mit einer Klasse.

<div class="Logo">...</div>

.Logo{...}

 

[kingbluetooth]

Alles klar, das war ja einfach. Danke.
Ich hätte jetzt noch gerne, dass beim Skalieren "Finding Lucy" nicht umgebrochen werden darf, sondern nur als ganzes unterm Logo Plaziert wird. Gibt es dafür einen Befehl?

 

[MrMurphy]

Hallo

Zeilenumbrüche können mit der CSS-Eigenschaft white-space verhindert werden. Also zum Beispiel

.Logo span {
   white-space: nowrap;
}

Gruss

MrMurphy

 

[kingbluetooth]

Danke, das hat soweit alles funktioniert.