[GastForen Web allgemein HTML und CSS / Stylesheets Problem mit CSS

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Problem mit CSS

txikitero
Beiträge gesamt: 4

4. Mär 2007, 19:50
Beitrag # 1 von 4
Bewertung:
(1000 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe ein Problem mit der Positionierung von Elementen in CSS in einer Navigation.

Folgenden Code habe ich:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"><!--body {
text-align:left;
font-size:1em;
font-family:Arial;
background-image:url(../upload/layout/hg.gif);
background-repeat:repeat-x;
background-attachment:scroll;
background-color:#fdfae1;

}

h1 {
padding-left:2px;
font-weight:bold;
font-size:1.5em;
color:black;
margin:0;
}

.navi{
width:190px;
}

a.additionalnavi { font-size:.8em; color:#000000; }

a.navileft_passive {
padding-bottom:3px;
display:block;
padding-left:8px;
color:black;
}

a.navileft_active {
padding-bottom:3px;
display:block;
padding-left:8px;
color:black;
}

a.navileft_open {
padding-left:13px;
display:block;
padding-bottom:3px;
color:black;
}

--></style>
</head>

<body>
<!-- BEGIN:BLOCK -->
<div class="navi">
<img src="quadrat_rot.gif" alt="quadrat" align="absmiddle"><a href="{HREF}"
class="navileft_passive" style="padding-left:10px;" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK -->
</body>

</html>


Wie bekomme ich es hin, dass das kleine Quadrat und der Link nicht untereinander, sondern nebeneinander angezeigt wird?

Vielen Dank für jede Hilfe,

der Txikitero

(Dieser Beitrag wurde von txikitero am 4. Mär 2007, 19:51 geändert)
X

Problem mit CSS

SabineP
Beiträge gesamt: 7586

4. Mär 2007, 20:28
Beitrag # 2 von 4
Beitrag ID: #279762
Bewertung:
(994 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Txikitero,

schau Dir einfach die Foren-Index-Seite an:
http://www.hilfdirselbst.ch/foren/gforum.cgi

Da findest Du ein Beispiel dazu.
Die Ordnericons wurden mit CSS als Hintergrundbild eingefügt.

HTML:

<div class="fa0">
<a href="/foren/Aktuell_Neu_Forum_12.html">Aktuell/Neu</a>
</div>

CSS:

.fa0{padding-left:20px;background-image:url(/gforum/images/no_recent.gif);background-repeat:no-repeat;font-size:10pt;font-weight:bold;}


als Antwort auf: [#279755]

Problem mit CSS

txikitero
Beiträge gesamt: 4

4. Mär 2007, 20:32
Beitrag # 3 von 4
Beitrag ID: #279764
Bewertung:
(990 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

vielen Dank für Deine Antwort. An eine Lösung mit Hintergrund habe ich auch schon gedacht.

Es scheint also keine andere Lösung (von Tabellen mal abgesehen) zu geben?

Gruß,

Txikitero


als Antwort auf: [#279762]

Problem mit CSS

SabineP
Beiträge gesamt: 7586

4. Mär 2007, 20:57
Beitrag # 4 von 4
Beitrag ID: #279767
Bewertung:
(984 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es gibt natürlich noch zahlreiche weitere Lösungen.

z.B.
<img src="quadrat_rot.gif" alt="quadrat"><a href="{HREF}" title="{NAME}">{NAME}</a>


als Antwort auf: [#279764]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/