[GastForen Web allgemein HTML und CSS / Stylesheets <br> (oder eben nicht)

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag


(oder eben nicht)

Freeday
Beiträge gesamt: 5712

15. Apr 2008, 13:50
Beitrag # 1 von 7
Bewertung:
(2760 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
 
Hallo Forum

Wahrscheinlich ist es die einfachste Sache der Welt – aber nicht für einen
Polygrafen mit Texteditor :-)

Folgedes ist mein existierender Code (zusammengekürzt):
Code
<p class="Stil1">... besseren bilder zu bieten:<br /><br /> 
<img src="http://grafikschwarzmarkt.ch/bilder_gsm/kartendienste.jpg"; align=left></p>

[b]<br /><br />

<p class="titel">about grafikschwarzmarkt.ch</p>

Mit den beiden markierten breaks will ich eigentlich erreichen, dass der neue
Text (der neue Titel) auf eine neue Zeile geschrieben wird. Das scheint aber
so nicht zu klappen... Ich bin einfach davon ausgegangen dass der <br /> Be-
fehl einen break einfügt und gut ist ;-)

Stattdessen wird der neue Titel einfach rechts ans Bild gepflanzt :-(

Wo ist der Denkfehler?

Gruss Stefan und sein Texteditor (inkl. Code voller Fehler :p)


************************************************************************
P: MacBook Unibody, 4 GB RAM, CS3 / KORG SV-1 / iPhone 5 / iPad 2
G: iMac 24'' Alu 3.06GHz OS X 10.6 / 4GB RAM / 1TB / LaCie Quadra 1TB Backup / CS4
----------------------------- Ein .jpg sagt mehr als tausend .docs -----------------------------
X


(oder eben nicht)

GwenDragon
Beiträge gesamt:

15. Apr 2008, 14:08
Beitrag # 2 von 7
Beitrag ID: #346256
Bewertung:
(2748 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Teste mal das:
Code
<p class="Stil1">... besseren bilder zu bieten: 
<br />
<br />
<img src="http://grafikschwarzmarkt.ch/bilder_gsm/kartendienste.jpg" align="left">
<br />
<br />
<span class="titel">about grafikschwarzmarkt.ch</span>
</p>



als Antwort auf: [#346248]


(oder eben nicht)

SabineP
Beiträge gesamt: 7586

15. Apr 2008, 14:19
Beitrag # 3 von 7
Beitrag ID: #346258
Bewertung:
(2736 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Stefan,

so klappt es mit dem Umbruch:

<br /><br clear="all" />

Hier noch die Erläuterung dazu:
http://www.w3.org/...hics.html#adef-clear
Gruß Sabine


als Antwort auf: [#346248]
(Dieser Beitrag wurde von SabineP am 15. Apr 2008, 14:22 geändert)


(oder eben nicht)

FSt
  
Beiträge gesamt: 1961

15. Apr 2008, 14:24
Beitrag # 4 von 7
Beitrag ID: #346259
Bewertung:
(2732 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Freeday

Code
<p class="Stil1">... besseren bilder zu bieten:<br /><br />  
<img src="http://grafikschwarzmarkt.ch/bilder_gsm/kartendienste.jpg" align=left></p>
<br clear="all" />
<p class="titel">about grafikschwarzmarkt.ch</p>


Arbeitest Du mit letter-spacing im "Stil1"? Wenn ja, musst Du noch folgendes einfügen:

Code
.Stil1 br {letter-spacing: normal} 


Gruss
Martin


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#346256]


(oder eben nicht)

Freeday
Beiträge gesamt: 5712

15. Apr 2008, 14:51
Beitrag # 5 von 7
Beitrag ID: #346262
Bewertung:
(2714 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ SabineP ] so klappt es mit dem Umbruch:
<br /><br clear="all" />

Hallo Sabine! Besten Dank für die Erläuterung! So wird nicht nur das
eigentliche Problem gelöst (klappt!) sondern auch gleich noch eine
Zusatz-Ladung Wissen vermittelt.

Kann es aber sein, dass das erste <br /> eigentlich wirkungslos ist
und hinter das "clear-all-br" gehört? also so: <br clear="all" /><br />


span class scheint nicht zu funktionieren, es fügt einfach eine Art
Tabulator-ähnlichen Abstand zwischen dem Bild und dem Titel ein.


FSt: Ich verwende eigentlich nur das hier:

Code
.Stil1 { 
font-family: Verdana;
font-size: 18px; margin-left: 50px;
}

Das ganze ist halt schon noch ultra-basic :-)

Gruss Stefan


************************************************************************
P: MacBook Unibody, 4 GB RAM, CS3 / KORG SV-1 / iPhone 5 / iPad 2
G: iMac 24'' Alu 3.06GHz OS X 10.6 / 4GB RAM / 1TB / LaCie Quadra 1TB Backup / CS4
----------------------------- Ein .jpg sagt mehr als tausend .docs -----------------------------


als Antwort auf: [#346258]


(oder eben nicht)

SabineP
Beiträge gesamt: 7586

15. Apr 2008, 15:21
Beitrag # 6 von 7
Beitrag ID: #346272
Bewertung:
(2695 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Kann es aber sein, dass das erste <br /> eigentlich wirkungslos ist
>> und hinter das "clear-all-br" gehört? also so: <br clear="all" /><br />

Ja, genau so ist es. Das hast Du richtig erkannt.

Ein <br /> zwischen dem links ausgerichteten Bild und <br clear="all" /> ist natürlich vollkommen überflüssig.
Gruß Sabine


als Antwort auf: [#346262]


(oder eben nicht)

FSt
  
Beiträge gesamt: 1961

15. Apr 2008, 15:23
Beitrag # 7 von 7
Beitrag ID: #346273
Bewertung:
(2692 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Code
.titel {  
font-family: Verdana;
font-size: 12px; margin-left: 50px;
}


Meinst Du sowas?
Du musst dem .titel auch einen margin-left verpassen.


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#346262]
X

Aktuell

PDF / Print
Wolken_300

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.

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

Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

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

Enfocus World Tour 2022
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

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

Enfocus World Tour 2022