Float mit h1

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Float mit h1

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

vollueli

Beiträge gesamt: 785

8. Aug 2008, 20:45
Beitrag # 1 von 3
Bewertung:
(1483 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo

Da bei einem Website Template der Namen der Homepage(=der Firma) nicht so oft steht, möchte ich für eine Suchmaschinenoptimierung einen copyright-Hinweis einbinden, in welchem als h1 der Name steht.

Code

<b>copyright by</b><h1>Firmenname</h1>

diese sollten selbe Schrift etc haben und auf gleicher Höhe stehen.
nun habe ich das ganze so versucht zu lösen:

Code

<div id="copyright" title="&copy; 2008"> 
   <div class="float"><b title="&copy; 2008">&copy; 2008</b></div> 
   <div class="float"><h1 title="Firmenname">Firmenname</h1></div> 
</div> 
CSS: 
#copyright 
{ 
   position:absolute; 
   bottom:20px; 
   right:40px; 
   font-size:10px; 
   text-align:right; 
} 
.float 
{ 
   float:left; 
} 
#copyright b 
{ 
   font-size:10px; 
   text-align:right; 
} 
#copyright h1 
{ 
   font-size:10px; 
   text-align:right; 
}

Das funktioniert aber nicht gut, die beiden Zeilen sind nicht auf gleicher Höhe.
Was habe ich falsch eingetippt?

Float mit h1

SabineP

Beiträge gesamt: 7586

8. Aug 2008, 21:29
Beitrag # 2 von 3
Beitrag ID: #361979
Bewertung:
(1475 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo vollueli,

>> die beiden Zeilen sind nicht auf gleicher Höhe.

Ich kann das nicht bestätigen, nur mal schnell in Opera getestet.

Du kannst es ja mal so probieren.
Den Title-Attribut-Spam habe ich mal weggelassen.

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> New Document </title> 
<style type="text/css"> 
 
#copyright{ 
position:absolute; 
bottom:20px; 
right:40px; 
font-size:10px; 
} 
 
h1{ 
display:inline; 
font-size:10px; 
}  
 
</style> 
</head> 
<body> 
 
<div id="copyright"> 
<b>&copy; 2008</b> <h1 title="Firmenname">Firmenname</h1> 
</div> 
 
</body> 
</html>

als Antwort auf: [#361975]
(Dieser Beitrag wurde von SabineP am 8. Aug 2008, 21:30 geändert)

Float mit h1

vollueli

Beiträge gesamt: 785

8. Aug 2008, 21:45
Beitrag # 3 von 3
Beitrag ID: #361982
Bewertung:
(1466 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo

Danke, funktioniert Prima. Habe in aktuellen Firefox, IE und Mozilla gecheckt, sieht überall schön aus.

Die title-Tags waren halt aufgrund des Quellcodes noch drin.

Sabine, du bist super! (muss mal gesagt sein)

als Antwort auf: [#361979]

Aktuell

InDesign / Illustrator

MadeToTag unterstützt Adobe InDesign 2023 (v18.0)

| 31.10.2022

Weitere Events

Neuste Foreneinträge

von PDF-Einzelseite mehrere Nutzen auf den Papierbogen drucken

Verlauf druckbar? Smooth Shades VS. Stï¿½rung in Photoshop

Adobe Firefly: Generative KI auf dem Weg nach Photoshop und Illustrator

Monterey: Freigaben, aber nicht wirklichï¿½

PDF Formular

WORD: Lassen sich Suchdurchlï¿½ufe zusammenfassen?

WORD: Suchergebnis Anzeige nicht sichtbar

Ankerpunkt verschieben ï¿½alteï¿½ Form soll solange gezeigt werden

Formular

Interaktives PDF InDesign erstellen: Bei eingebetteter Animation werden die Rahmenkantenvorgaben nicht ï¿½bernommen.

Weitere Stellenangebote