Autor |
Nachricht |
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 23.09.2008 17:53
Titel [CSS] a href produziert leere Zeile |
|
|
Hallo,
ich habe ein Problem und zwar werden in meiner index.php 2 Bilder mit einem Link versehen.
index.php
Code: |
<a href="<?php echo JURI::base(); ?>">
<img src="<?php echo $jyaml->imagePath; ?>/header.jpg" width="919" height="93" alt="<?php echo JApplication::getCfg('sitename') ?>" />
<img src="<?php echo $jyaml->imagePath; ?>/flash.jpg" width="919" height="159" alt="<?php echo JApplication::getCfg('sitename') ?>" />
</a>
|
css:
Code: |
#header {
color: #000;
background: #fff repeat-x top left;
padding: 0px 4px 0px 4px;
}
|
Zwei Bilder sind untereinander allerdings ist eine leere Zeile von 5 px dazwischen. Wenn ich den a href aus der php datei entferne ist die Zeile verschwunden so wie es sein soll. Bzw. möchte ich die Abstände zwischen den Bildern über css Steuern. Wie man in der CSS Datei sieht habe ich links und rechts einen Abstand von 4px allerdings möchte ich den zwischen den Bildern auch angeben.
Kann ich mit css dagegen steuern?
Jemand ein Tipp?
Danke Bender
|
|
|
|
|
chrikle
Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht:
|
Verfasst Di 23.09.2008 18:22
Titel
|
|
|
Hi!
Und wie sieht dein css für a-tag aus?
Ansonsten probiers doch mal, den anker als Block zu defnieren:
display:block;
Gruß
Chris
|
|
|
|
|
Anzeige
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 23.09.2008 19:04
Titel
|
|
|
Ist der img Border zurückgesetzt?
Code: | img {
border: 0px;
}
img a{
border: 0px;
}
|
dann musst du nur dein padding unten auf 4px setzen und gut.
// wenns nicht so geht, hast du nen link dazu da?
Zuletzt bearbeitet von Smooth-Graphics am Di 23.09.2008 19:05, insgesamt 1-mal bearbeitet
|
|
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 24.09.2008 00:22
Titel
|
|
|
Ich habe Code: | img, a {display:block; } | hinzugefügt und es hat geklappt. Supi Danke!!!!!!
Leider verändert der Befehl auch alle anderen Bilder auf der Seite.
Habe es mit Code: | header, a {display:block; } | versucht, allerdings auch ohne erfolg.
Was kann ich dagegen tun?
Zuletzt bearbeitet von bender007 am Mi 24.09.2008 01:35, insgesamt 4-mal bearbeitet
|
|
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 24.09.2008 01:45
Titel
|
|
|
Ok habs hinbekommen. Hab in den PHP Quellcode dem Link (Der schuld an der falschen Formatierung war) eine Klasse zugewiesen mit dem Wert:
Vielen Dank!
|
|
|
|
|
chrikle
Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht:
|
Verfasst Mi 24.09.2008 19:41
Titel
|
|
|
bender007 hat geschrieben: | Leider verändert der Befehl auch alle anderen Bilder auf der Seite.
Habe es mit
#header a {display:block; }
versucht, allerdings auch ohne erfolg.
Was kann ich dagegen tun? |
Hättest du das Hash nicht vergessen, hätte es ebenfalls klappen sollen.
gruß
Chris
EDIT: Ach ja: und das Komma nach dem #header wech
Zuletzt bearbeitet von chrikle am Mi 24.09.2008 20:01, insgesamt 2-mal bearbeitet
|
|
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 25.09.2008 02:27
Titel
|
|
|
Mh verdammt da sagst Du was
Hab an dem Abend so viel rumprobiert ich kann noch nicht mal mehr sagen ob das jetzt nur ein Fehler im Posting war oder wirklich im Code...
Das hätte ich aber eigentlich gesehen Denke ich zumindest...
Aber Danke^^
P.S. Yop das mit dem Komma hab ich auch gesehen hat mir die ganze andere Formatierung auf der Seite verhauen^^
Zuletzt bearbeitet von bender007 am Do 25.09.2008 02:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
javascript href?
this im a-Tag referenziert auf href?
Hilfe! HREF als Überlappendes DIV!
swf-file auf myspace einbinden inkl. <a href>
Element > link (href) per JS erweitern/abändern
Wie kann ich den Rahmen eines a href mit CSS entfernen?
|
|