h1 Tag... Problem mit der Anzeige der Überschrift

Beitrag von **Domainator** » 06.11.2005, 16:33

Gibt es eine Möglichkeit die abgesetzte Darstellung ( leere Zeile ) unter einer Überschrift mit H1-Tag zu umgehen. Es stört doch machmal und ich hätte lieber einen nahtlosen Textfluss unter der Überschrift, ohne die räumliche Absetzung. Ich hoffe, man versteht was ich meine...

von **Anzeige von ABAKUS** »

Beitrag von **turgay** » 06.11.2005, 16:39

vielleicht:

Code: Alles auswählen

H1 &#123;
 margin&#58; 0;
 padding&#58; 0;
&#125;

Beitrag von **bull** » 06.11.2005, 16:40

h1 {
margin:0;
padding:0;
}

sollte klappen

Beitrag von **Freilaufender** » 06.11.2005, 16:40

Code: Alles auswählen

<h1 style="display&#58;inline">headline</h1>

Beitrag von **Domainator** » 06.11.2005, 16:42

okay, Beispiel:

<h1><font color="#800000" size="1">Anti ageing and bodybuilding Products:</font></h1>

wie würde der geänderte Code aussehen ?

Beitrag von **Domainator** » 06.11.2005, 16:51

<h1 style="display:inline"><font size="2" color="#800000"><strong>About
RENEWAL™  <br>
Renewal is the first line of oral
Growth Hormone (HGH) and IGF-1 anti ageing and bodybuilding products.</strong></font>
</h1>

ist das dann die Lösung. Optisch scheint es zu funktionieren.

Beitrag von **Domainator** » 06.11.2005, 17:03

Hab es hinbekommen... besten Dank !

Beitrag von **Nullpointer** » 07.11.2005, 14:40

es gibt inline und blockelemente, wobei die hn-überschriften zu den blockelementen gehören. die blockelemente dienen als container und schließen mit einem umbruch ab.
inline elemente dagegen blablabla....

mit dem code von Freilaufender kann man die eigenschaft individuell per css ändern, also auch inline in blockelemente "verwandeln".

ganz nebenbei kannst du dir mal css-tutorials als sch...hauslektüre mitnehmen

das <font> beisst.

Beitrag von **mic_jan** » 07.11.2005, 14:55

Nullpointer hat geschrieben: das <font> beisst.

Und wie!!!

Beitrag von **Domainator** » 07.11.2005, 15:01

klärt mich auf... ich selber kann nur begrenzt html

Beitrag von **Nullpointer** » 07.11.2005, 16:59

es ist (zu recht) veraltet.
der (x) html markup soll die struktur des dokumentes beschreiben. das design wird über stylesheets definiert.

dein font tag wird aber dazu verwendet, den inhalt des dokumentes zu "stylen". also wird nicht klar zwischen struktur und design getrennt.

sicher wird deine seite auch noch dargestellt, aber langfristig kannst du dir einfach ein paar online-ressourcen zu gemüte führen und besseren markup schreiben. ist halb so schwer wie es am anfang zu sein scheint.

https://www.w3schools.com/html/html_fonts.asp

Beitrag von **Domainator** » 07.11.2005, 17:17

Ja, ist veraltet. Ich weiss das. Aber der Großteil meines Codes entspringt Frontpage 4.0. Ich bekomme diese Woche die 2002 Version. Kann aber nicht sagen, ob es da besser wird. Mache halt fast alles Mit Frontpage. Bis ich html richtig gelernt habe, bei meiner Zeit dafür, gibt es das Internet vielleicht schon nicht mehr. Zu viele Projekte momentan. Muss alles schnell gehen...

Der Quelltext ist auch nicht auf allen meinen Seiten so grottenübel wie auf der Agewatchers.net - dort habe ich fast nur vorvormatierte Texte aus Word verarbeitet. Hat gedauert bis ich den Code überhaupt so hinbekommen habe - diese ganzen word Formatierungen die man beim nur in die Webseite kopieren dann drin hat... echt übel. Aber ich kann noch nicht anders arbeiten. Bin froh das ich überhaupt Webseiten hinkriege, die so aussehen

Beitrag von **ticoma** » 08.11.2005, 15:22

Kleiner Tip, wie man mit Word-Texten einfacher arbeiten kann:

erst in einen Editor/Notepad o.ä. kopieren und dann von dort nach FP/GoLive u.ä.. Dann wird der Code deutlich schlanker.

Gruß
ticoma

Beitrag von **Domainator** » 08.11.2005, 15:28

Danke für den Tip, hab ich bei neueren Seiten dann auch so gemacht... gibt es denn keine Software, mit der man den Code "berichtigen2 könnte ?

Ich hab auch den Dreamveaver liegen, leider nur Version 2 - aber mit FP komme ich besser klar

Beitrag von **MonikaTS** » 08.11.2005, 19:11

Domainator hat geschrieben:<h1 style="display:inline"><font size="2" color="#800000"><strong>About
RENEWAL™  <br>
Renewal is the first line of oral
Growth Hormone (HGH) and IGF-1 anti ageing and bodybuilding products.</strong></font>
</h1>

ist das dann die Lösung. Optisch scheint es zu funktionieren.

aber sie ist technisch falsch.
wenn schon mit konfusen Dingen gearbeitet wird, dann richtiger

so zB.:

<h1 style="display:inline; font-size:0.9em; color:#800000;font-weight:bold;">About
RENEWAL™  <br />
Renewal is the first line of oral
Growth Hormone (HGH) and IGF-1 anti ageing and bodybuilding products.
</h1>

ob die 0.9em klein genug sind, wäre auszuprobieren,
die font size Angaben sind depricated und die strong Angabe erspart man sich, wenn man sowieso das style Atribut verwendet.

zumeist wird der Abstand zwischen h1 oder allen anderen Überschriften weder durch padding noch durch margin erreicht, sondern durch
line-height also durch die Höhe einer Zeile.

wenn man dann das ganze auch noch in eine externe style.css auslagert braucht der SuMabot nicht gar so lange die Seite zu spidern;-)

lg