selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

Verweis ändert das Design völlig

Autor: willi0513
Datum: 11.01.2012 23:24:34

Hallo zusammen,
ich habe in einer Schleife Daten in einer Zeile ausgegeben.
Das sah soweit in Ordnung aus. Siehe hier:

http://www.s368162809.online.de/Design_OKAY.png

Nachdem ich ein Link einfügt habe, hat sich das Design völlig geändert.

http://www.s368162809.online.de/Design_defekt.png

Ich habe nur den Verweis mit <a ... /a> eingefügt.
Hier mal der Code:

<div class="newsline">
<img src="/grafiken/Notizblatt_angepinnt_klein.gif" alt="">
<div class="datum"><b><?php echo $list[0] ?></b>&nbsp;  
</div>
<div class="postcounter">
  <a href="/php/newsshow.php?Titel=Nachricht%  
   20ansehen&NID=<?php echo $list[2] ?>"</a><b><?php echo  
   $list[1] ?></b>
</div>
<br>
</div>

.newsline {
  float:left;
  font-size: 1em;
  line-height: 1.2em;
  background-color: #EBCAB1;
  height:20px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  border-bottom:  1px solid white;
}
.datum {
  float:left;
  padding-left: 5px;
  padding-top: 2px;
}
.postcounter {
  float: right;
  padding-right: 5px;
  padding-top: 2px;
}

Was bewirkt das Einfügen von <a...? Wird da auch ein Zeilenumbruch gemacht?
Was muss ich denn jetzt ändern, damit es wieder so aussieht wie vorher?

Gruß
Willi

Re: Verweis ändert das Design völlig

Autor: gaby
Datum: 12.01.2012 07:13:47

> ich habe in einer Schleife Daten in einer Zeile
> ausgegeben.
> Das sah soweit in Ordnung aus. Siehe hier:
>
> http://www.s368162809.online.de/Design_OKAY.png
>
> Nachdem ich ein Link einfügt habe, hat sich das
> Design völlig geändert.

> Was bewirkt das Einfügen von <a...? Wird da
> auch ein Zeilenumbruch gemacht?


Hallo,

Defaultmäßig nicht, es sei denn, du hast A als Block-Element deklariert, was aus deinen Schnipseln aber nicht ersichtlich ist.

Verlinke deshalb bitte bei deinen Fragen grundsätzlich eine auf das notwendige Minimum reduzierte Testdatei, auch aus dem Grund, damit sich deine Helfer nicht deine Code-Fragmente zusammenbasteln und zu einer vollständigen Datei ergänzen müssen.

http://www.sve-fre.de/selfhtml/netiquette/index.php?a=text5_6#text5_6


Grüße
gaby

Re: Verweis ändert das Design völlig

Autor: kicia
Datum: 12.01.2012 09:34:51

>   <a href="/php/newsshow.php?Titel=Nachricht%  
>    20ansehen&NID=<?php echo
> $list[2] ?>"</a>

Da fehlt die schliessende Klammer des start tags.
Ändere:
  <a href="..."</a>
in:
  <a href="..."></a>

Dass in dem A element nix drin steht, worauf man klicken könnte, ignorier ich mal. Ist ja im Moment nicht das Thema.

Re: Verweis ändert das Design völlig

Autor: gaby
Datum: 12.01.2012 11:30:12

Moin :-)

> >   <a
> href="/php/newsshow.php?Titel=Nachricht%  
> >    20ansehen&NID=<?php echo
> > $list[2] ?>"</a>
>
> Da fehlt die schliessende Klammer des start
> tags.


Uups, das habe ich gar nicht bemerkt, die schließende spitze Klammer gehörte ja noch zum php-Code. :-/


Grüße
gaby


@ willi

Genau deshalb ist es bei Layoutfehlern sinnvoller, nicht den Code aus dem Editor hierher zu kopieren, sondern den Code, den der Browser ausgibt. So sind Syntaxfehler viel leichter zu finden, als wenn noch php-Schnipsel dazwischen stehen.

BTW hilft auch der Validator bei der Fehlersuche:

für den HTML-Code:  http://validator.w3.org/

für den CSS-Code:  http://jigsaw.w3.org/css-validator/

Re: Verweis ändert das Design völlig

Autor: willi0513
Datum: 12.01.2012 14:35:59

>
> Uups, das habe ich gar nicht bemerkt, die
> schließende spitze Klammer gehörte ja noch zum
> php-Code. :-/
>
>
Dank an euch beiden. Das war es.

Muss mein Auge wohl noch ein wenig schulen, um diese Feinheiten zu registrieren.

Gruß
Willi