[Erledigt] Frage zum Code in der Sidebar

#1
Avatar

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   male  ·   Austria  ·   Send message
 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>

 

09.04.2015, 10:03
#2
Avatar

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   male  ·   Austria  ·   Send message
 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

09.04.2015, 10:11
#3
Avatar

Robert (†)

Ehrenmitglied  (118 Punkte)  ·   male  ·   Austria  ·   Send message
 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

This entry has already been edited
09.04.2015, 10:51
#4
Avatar

cojo_1008

Ehrenmitglied  (453 Punkte)  ·   female  ·   Germany  ·   Send message
 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}

 

09.04.2015, 11:27
#5
Avatar

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   male  ·   Austria  ·   Send message
 http://www.traderteam.at

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

Habe alles versucht und Probiert wird aber nur schlimmer

 

This entry has already been edited
09.04.2015, 13:31
#6
Avatar

harlekin8

Experte  (314 Punkte)  ·   male  ·   Germany  ·   Send message
 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

This entry has already been edited
09.04.2015, 15:12
#7
Avatar

cojo_1008

Ehrenmitglied  (453 Punkte)  ·   female  ·   Germany  ·   Send message
 https://www.it-passform.de

09.04.2015, 15:19
#8
Avatar

harlekin8

Experte  (314 Punkte)  ·   male  ·   Germany  ·   Send message
 http://relaunch.cooperative-praxis.de

09.04.2015, 15:35
#9
Avatar

Schmorch1

Forum-Sponsor  (124 Punkte)  ·   male  ·   Austria  ·   Send message
 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

This entry has already been edited
09.04.2015, 15:35
#10
Avatar

Thomas

Moderator  (2299 Punkte)  ·   male  ·   Germany  ·   Send message
 https://siquando-designs.de

09.04.2015, 16:14
872 Hits | 10 Posts