HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Links mit css

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Links mit css

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Alex...
Häufiger Poster


Anmeldungsdatum: 15.07.2010
Beiträge: 41

BeitragVerfasst am: 17.07.2010 16:11:24    Titel: Links mit css Antworten mit Zitat

Ich habe noch eine Frage,
ich würde das aussehen Links gerne mit css verändern... soweit sogut.... jedoch habe ich ein problem wenn ich den Link welchen ich verändert hab innerhalb einer Zeile einfügen will 'nimmt' er sich Automatisch eine neue Zeile

kann mir jmd helfen dass der Link in dieser Zeile bleibt?? hier mein Code:
Code:
<!--
   a {
      display:block;
      color:#fff;
      background-color:#fff;
      width:200px;
      padding:9px;
      font-size:14px;
      font-family:Calibri,Arial;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:10px;
      border:0px solid #000;
      background-image:url(onmouseout.gif);
      }
   a:hover {
      display:block;
      color:#fff;
      background-color:#fff;
      background-image:url(onmouseover.gif);
      }
   -->
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Elroy
Häufiger Poster


Anmeldungsdatum: 26.02.2010
Beiträge: 77

BeitragVerfasst am: 17.07.2010 17:20:19    Titel: Antworten mit Zitat

Hallo.

Bitte mal noch den HTML Teil posten, so kann ich das Problem nicht ganz nachvollziehen.

Gruss
Elroy
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Alex...
Häufiger Poster


Anmeldungsdatum: 15.07.2010
Beiträge: 41

BeitragVerfasst am: 17.07.2010 17:50:30    Titel: Antworten mit Zitat

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Alex">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<link rel="stylesheet" type="text/css" href="CSS/main.css">
<div class="content">
Zur ...Seite gehts <a href="url">hier</a> </div>
</body>
</html>
[/code]
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Elroy
Häufiger Poster


Anmeldungsdatum: 26.02.2010
Beiträge: 77

BeitragVerfasst am: 18.07.2010 08:31:00    Titel: Antworten mit Zitat

Hallo.

CSS
Code:
body {color: #000000;
      background-color: #FFFFFF;}
a {color:#FFFFF;
   background-color:#FFFFF;
   width:200px;
   padding:9px;
   font-size:14px;
   font-family:Calibri,Arial;
   font-weight:bold;
   text-decoration:none;
   text-align:center;
   margin:10px;
   border:0px solid #000;
   background-image:url(onmouseout.gif);}
a:hover {color:#FFFFFF;
         background-color:#FFFFFF;
         background-image:url(onmouseover.gif);}


HTML
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Alex">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" type="text/css" href="CSS/main.css">
</head>
<body>
<div class="content">
  <p>Zur ...Seite gehts <a href="url" titel="">hier</a></p>
</div>
</body>
</html>


Ich habe dein display: block entfernt da das automatisch eine neue Zeile erzeugt und ich habe deinen Code etwas übersichtlicher gestaltet. Hier noch ein Zitat von CSS4You:
Zitat:
Block-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet.


Gruss
Elroy
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.