#1

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 http://www.traderteam.at

Hallo Forum,

leider kann ich den Zeilenabstand nicht verändern. Wo liegt bitte der Fehler? Ich finde einfach nicht das Problem.

Hier verwende ich es in der Sidebar:

http://50071u6.web14.place24.com/website_neu/haustuere-ecos--uw-092/haustuere-tradedoors-ofreesia-opt1.php

Danke
Georg

<style type="text/css"> 
    .zahl {line-height: 0.5;}
	</style>
 
<div>
 
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_1.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_1.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
 <a href="http://www.tradedoors.at/images/hinweis_2.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_2.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_3.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_3.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_4.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_4.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_5.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_5.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_6.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_6.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_7.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_7.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_8.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_8.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_9.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_9.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_10.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_10.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_11.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_11.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_12.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_12.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_13.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_13.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_14.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_14.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_15.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_15.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_16.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_16.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_17.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_17.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_18.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_18.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_19.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_19.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_20.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_20.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_21.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_21.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_22.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_22.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_23.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_23.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_24.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_24.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_25.jpg" onclick="window.open(this.href,'Hinweisfeld_1, 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_25.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_26.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_26.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_27.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_27.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_28.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_28.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_29.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_29.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_30.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_30.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_31.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_31.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_32.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_32.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_33.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_33.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_34.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_34.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_35.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_35.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_36.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_36.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_37.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_37.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
<a href="http://www.tradedoors.at/images/hinweis_38.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_38.jpg" alt="Mehr Information" width="180" height="auto"></a></p>
<p class="zahl"></p>
</div>

 

#2

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 http://www.traderteam.at

Hallo Vergessen

Falls jemand eine Lösung hat ich spende auch gerne etwas dafür hauptsache es klappt da ich sonst nicht weiter bauen kann

 

Danke

#3

Robert (†)

Ehrenmitglied  (118 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 http://www.rs-studio.at

1. du machts die tags falsch zu, es muß immer der zuletzt geöffnete zuerst geschloßen werden

<a><p></a></p> ist falsch

<a><p></p></a> wäre richtig.

 

außerdem ist für p eine padding: 0 0 10px  was = ein padding-bottom: von 10px ist was natürlich bei deinen <p> auch wirksam ist.

gib einmal deiner Klasse .zahl   ein padding: 0;

ändere das einmal
VG Robert


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Robert« (09.04.2015, 10:57)
#4

cojo_1008

Ehrenmitglied  (453 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 https://www.it-passform.de

ich würde einfach dem div die Klasse zahl geben und es aufrufen mit

1
div.zahl {line-height:was immer du willst}

 

#5

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 http://www.traderteam.at

Hallo Danke für eure Hilfe ich Schnalle das nicht!

Habe alles versucht und Probiert wird aber nur schlimmer

 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Schmorch1« (09.04.2015, 13:38)
#6

harlekin8

Experte  (314 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://relaunch.cooperative-praxis.de

... also nochmal:

 

dein erster Absatz:

1
2
3
<style type="text/css"> 
    .zahl {line-height: 0.5;}
</style>

 ... da fehlt eine Einheitsangabe bei line-height.

also entweder so mit em-Einheit:

1
2
3
<style type="text/css"> 
    .zahl {line-height: 0.5em;}
</style>

 od. pixel-Einheit

1
2
3
<style type="text/css"> 
    .zahl {line-height: 0.5px;}
</style>

 od prozent-Einheit

1
2
3
<style type="text/css"> 
    .zahl {line-height: 0.5%;}
</style>

 
Was Robert meint ist die Reihenfolge deine HTML-Tags. Wenn du mit <a> öffnest, dann darin mit <p> einen weiteren Tag öffnest, musst du ERST die <p>...</p> innerhalb von <a>...</a> wieder schliessen. Also von innen nach aussen <a>...<p>...</p>...</a> wäre korrekt auch <p>...<a>...</a>...</p> wäre korrekt. Was gar nicht geht ist das da <a>...<p>...</a>...</p> --> weil das geöffnete <p> NICHT innerbalb von <a>...</a> wieder geschlossen wurde sondern dahinter ...

Bye


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »harlekin8« (09.04.2015, 15:15)
#7

cojo_1008

Ehrenmitglied  (453 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 https://www.it-passform.de

nö, da muss ich widersprechen: line-height kann/darf auch ohne Einheitsangabe auskommen ;-)

Quelle


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »cojo_1008« (09.04.2015, 15:21)
#8

harlekin8

Experte  (314 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://relaunch.cooperative-praxis.de

#9

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 http://www.traderteam.at

So da es nicht gekalppt hat habe ich es nun auf diese weise umsetzen können

 

Ob es richtig ich fachlich kann ich nicht sqagen aber es klappt

 

Bei der ersten Lösung hat der Abstand nicht reagiert ist ist einfach nichts passiert!

 

 

 
<style type="text/css">
 
p {margin-bottom: 4px ; margin-top: 0px;}
 
</style>
<div>
 
 
<a href="http://www.tradedoors.at/images/hinweis_1.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_1.jpg" alt="Mehr Information" width="180" height="auto"></p></a>
 
 <a href="http://www.tradedoors.at/images/hinweis_2.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_2.jpg" alt="Mehr Information" width="180" height="auto"></p></a>
 
<a href="http://www.tradedoors.at/images/hinweis_3.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_3.jpg" alt="Mehr Information" width="180" height="auto"></p></a>
 
<a href="http://www.tradedoors.at/images/hinweis_4.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_4.jpg" alt="Mehr Information" width="180" height="auto"></p></a>
 
<a href="http://www.tradedoors.at/images/hinweis_5.jpg" onclick="window.open(this.href,'', 'width=800,height=600'); return false"
<p><img src="http://www.tradedoors.at/images/Pfeil_5.jpg" alt="Mehr Information" width="180" height="auto"></p></a>
 
 
</div>
 
 
  </body> 
</html>

 

 

Danke vorab an alle die geholfen haben

 

Danke Georg


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Schmorch1« (09.04.2015, 15:36)
#10

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

867 Aufrufe | 10 Beiträge