mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 08:46 Benutzername: Passwort: Auto-Login

Thema: [CSS] a href produziert leere Zeile vom 23.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] a href produziert leere Zeile
Autor Nachricht
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 23.09.2008 17:53
Titel

[CSS] a href produziert leere Zeile

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
chrikle

Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht: Männlich
Verfasst Di 23.09.2008 18:22
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 23.09.2008 19:04
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 24.09.2008 00:22
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe
Code:
img, a {display:block; }
hinzugefügt und es hat geklappt. Supi Danke!!!!!! Guck links!

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
  View user's profile Private Nachricht senden
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 24.09.2008 01:45
Titel

Antworten mit Zitat Zum Seitenanfang

Ok habs hinbekommen. Hab in den PHP Quellcode dem Link (Der schuld an der falschen Formatierung war) eine Klasse zugewiesen mit dem Wert:
Code:
display:block;


Vielen Dank!
  View user's profile Private Nachricht senden
chrikle

Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht: Männlich
Verfasst Mi 24.09.2008 19:41
Titel

Antworten mit Zitat Zum Seitenanfang

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. *zwinker*

gruß
Chris

EDIT: Ach ja: und das Komma nach dem #header wech *zwinker*


Zuletzt bearbeitet von chrikle am Mi 24.09.2008 20:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Do 25.09.2008 02:27
Titel

Antworten mit Zitat Zum Seitenanfang

Mh verdammt da sagst Du was Grins
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 *balla balla* 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
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.