zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Link ist zweizeilig statt einzilig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 30.04.2010, 11:43
Benutzer
neuer user
 
Registriert seit: 26.04.2010
Beiträge: 75
moontan befindet sich auf einem aufstrebenden Ast
Standard

Von der Table/Liste Diskusion mal abgesehen sollte ein simples   zwischen den beiden Wörtern Dein Problem lösen ...

uli
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 30.04.2010, 15:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.04.2010
Ort: Hamburg
Beiträge: 20
Seaxnéat befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antworten, werde mir mal die FAQ gründlich durchlesen. @ moontan: der nonbrakingspace hat das Ganze leider nicht gerichtet, trotzdem danke.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 30.04.2010, 21:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.04.2010
Ort: Hamburg
Beiträge: 20
Seaxnéat befindet sich auf einem aufstrebenden Ast
Standard

So, habe jetzt nur die navi als liste gemacht, die Grundstruktur der Seite ist in Tabellenform (kann man das so machen??also sinnvoll?), nichts mit div oder so... Naja ich hab probleme mit der navi:
1)Nur der "Home" link ist zu sehen, obwohl CSS was anderes sagt
2)Abstände nach oben und nach links sind zu groß, doch mit padding wird nur die Gesamtgröße der Seite an sich geändert.

Hier gehts zu Seite

Hoffe man kann mir wieder helfen^^

PS: wie bekomme ich den link der gerade aktive Seite in eine andere Farbe? Mit
Code:
#current a{
	text-decoration:none;
	color:#ffffff;
}
body a:active{
	text-decoration: none;
	color:#ffffff;
}
body a:visited{
	text-decoration:none;
	color:#ffffff;
}
body a:hover{
	text-decoration: none;
	color:#ffffff;
}
hats nicht geklappt...
__________________
Mein dA account: http://dhar-leth.deviantart.com/
Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/
Mit Zitat antworten
  #14 (permalink)  
Alt 30.04.2010, 22:31
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 12.07.2009
Beiträge: 969
rs-web befindet sich auf einem aufstrebenden Ast
Standard

Aber es ist immer noch alles in Tabellen gepackt. Du solltest es komplett ohne lösen und nur mit divs.
Lg rs-web
Mit Zitat antworten
  #15 (permalink)  
Alt 30.04.2010, 22:52
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Der Text steht hier außerhalb von a:
Code:
<a href=""></a>Photography
__________________
MfG
Jens
Mit Zitat antworten
  #16 (permalink)  
Alt 30.04.2010, 23:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.04.2010
Ort: Hamburg
Beiträge: 20
Seaxnéat befindet sich auf einem aufstrebenden Ast
Standard

Oh, da hab ich gepennt^^ Danke plastiko
@ rs web , ich muss nun noch den Sinn von div verstehen :P und das Problem mit der Ausrichtung ist ja auch noch offen....
__________________
Mein dA account: http://dhar-leth.deviantart.com/
Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/
Mit Zitat antworten
  #17 (permalink)  
Alt 01.05.2010, 00:00
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von rs-web Beitrag anzeigen
Aber es ist immer noch alles in Tabellen gepackt. Du solltest es komplett ohne lösen und nur mit divs.
Lg rs-web
So ist das nicht ganz richtig.

Zitat:
Zitat von Seaxnéat Beitrag anzeigen
Oh, da hab ich gepennt^^ Danke plastiko
@ rs web , ich muss nun noch den Sinn von div verstehen :P und das Problem mit der Ausrichtung ist ja auch noch offen....
Du musst erstmal verstehen, wozu HTML gedacht ist. Mit HTML sagst du dem Inhalt, was er für eine Bedeutung hinsichtlich der Struktur hat. Im moment hast du viel Text ohne Bedeutung in zahllosen Zabellen verschachtelt. Niemand weis, welcher text nun eine überschrift ist und welcher eine Liste.

Merk dir den Grundsatz: Immer das passendste Element für den vorhandenen Inhalt aussuchen. Wenn du eine Zutatenliste hast, nimmst du eine ungeordnete Liste. Wenn du eine Navigation hast nimmst du eine ungeordnete Liste; diese Kannst du dann mit Überschriften oder verschachtelung weiterer Listen genauer aufteilen.

Wenn du Textabsätze hast, stecke sie in Absatzelemente (<p>), wenn du Überschriften hast, setze sie in Überschriftenelemente (<h1> bis <h6>).

Wenn du Logos oder Bilder hast, nutze das img-Element und vergib einen sinnvollen Alternativtext (Tipp: "Logo" ist nicht sinnvoll).

Wenn du eine zweidimensionale Zuordnungsstruktur hast, nimm eine Tabelle (die nebenbei 8 wichtige Elemente besitzt und nicht nur 3).

Wenn du nun eine ordentliche Struktur hast, kannst du dir gedanken machen, wie die Seite aussehen soll.

Jetzt kommt <div> ins Spiel. <div> ist ein gruppierendes Element. Darin kannst du z.B. eine Überschrift und verschiedene Absätze oder eine Überschirft und die dazugehörige Teilnavigation einfügen. Jetzt gibst du dem Gruppierenden Element eine ID oder eine Klasse, die du dann mit CSS ansprechen kannst.

CSS ist sehr flexibel und die Arbeit wird nur leichter, wenn du auf gute strukturierung setzt. Die Liste im Gruppenelement #navigation kannst du nach links, rechts, oben oder unten verschieben, ohne den Quelltext ändern zu müssen.

Auch bei CSS git es viel zu lernen, aber es ist nicht schwer, man muss sich nur etwas zeit nehmen, die grundlagen zu verstehen. Das bereits genannte Buch, Little Boxes ist dazu gut geeignet.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
  #18 (permalink)  
Alt 01.05.2010, 01:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.04.2010
Ort: Hamburg
Beiträge: 20
Seaxnéat befindet sich auf einem aufstrebenden Ast
Standard

Also mit div komme ich nicht zurecht, ich kann fast nichts ausrichten und ich persöhnlich finde das total unübersichtlich...
Wie strukturiert man den meinen Codehaufen? (nur ein Anreiz, ich erwarte ja nicht, das mir jmd. meinen kompletten Quellcode neuschreibt.)
EDIT:
füge mal den neuen coe ein, noch in Arbeit:
HTML-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" />
<title>Nils Warneke Landscape Photography</title>
<meta name="description" content="Official Nils Warneke Landscape Photography site. The fine art landscape photography by German photographer Nils Warneke captures the brilliant colors and spiritual terrain in nature." />
<meta name="keywords" content="photography photographer photographers fine art photo books photographs landscape photos photograph nils warneke for sale new york gallery images nilswarneke news blog blogs aspen australia florida hawaii key west kona la jolla las vegas maui book website site antelope canyon arizona grand canyon yosemite national park" />
<link type="text/css" rel="stylesheet" media="all" href="home.css" />
</head>

<body>
 <div class="content">
  <div id="head-logo"><a href="home1.html"><img src="file:///C|/Users/Nils/Pictures/Deviantart/Homepage/logo_big1.jpg" alt="Home" title="Home" width="900" height="85"/></a></div>
 
  <hr />
 
  <div id="navi" class="navi">
   <ul class="navi">
    <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="home1.html">Home</a></li>
    <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">Photography</a></li>
    <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">About</a></li>
    <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">News</a></li>
    <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">New Release</a></li>
    <li class="navi" style="padding: 0px 15px 0px 510px;"><a href="">Contact</a></li>
   </ul>
  </div>
 
  <div id="content">
 
   <div id="missing-flash">
    <p>You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.</p>
   </div>
 
   <div id="banners" class="banners">
    <div id="banner-left" class="banners"><a href=""><img src="photography.jpg" alt="Biography" title="Biography"width="300" height="170" /></a></div>
    <div id="banner-middle" class="banners"><a href=""><img src="photography.jpg" alt="Photography" title="Photography"width="300" height="170" /></a></div>
    <div id="banner-right" class="banners"><a href=""><img src="photography.jpg" alt="" title=""width="300" height="170" /></a></div>
   </div>
 
   <hr />
 
   <div id="copyright">
    <p>© 2010 Nils Warneke Landscape Photography. All rights reserved. Terms of Use. Privacy Policy.</p>
   </div>
 
   <hr />
 
  </div> 
 </div>
</body>
</html>
__________________
Mein dA account: http://dhar-leth.deviantart.com/
Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/
Mit Zitat antworten
  #19 (permalink)  
Alt 01.05.2010, 01:12
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Man Strukturiert deinen Codehaufen indem du dir per Stift und Papier erstmal aufschreibst welche Bereiche die Seite haben soll.
Bsp: Kopfbereich, Inhalts Bereich, Fuß ereich. Inhaltebereich wie viele Spalten o.ä.

Als nächstes kann man sich daraus Beispielsweise die divs Bauen.
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

bau dir eine logische Struktur auf.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 01.05.2010, 16:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.04.2010
Ort: Hamburg
Beiträge: 20
Seaxnéat befindet sich auf einem aufstrebenden Ast
Standard

Also ich hab den code neu geschrieben, hoffe so ist´s okay.
Hier gehts zur Seite

Ein Problem hat sich allerdings jetzt aufgetan^^ Warum sind bei den horizontalen Trennlinien immer zwei Striche? Ich bekomme die einfach nicht weg, auch nicht wenn ich border=0px schreibe (vorrausgesetz das ist überhaupt ne Grenze).

EDIT:
Wenn man mal freudig STRG+A haut, dann sieht man die zwei Textzeilen, die einfach keine andere Farbe als schwarz haben wollen, alle anderen Eigenschaften übernehmen sie ohne Probleme, was kann ihc da machen?

#missing-flash p{
position:absolute;
top:240px;
left:340px;
font-family:"Microsoft Yi Baiti", Tunga, Utsaah, Arial;
font-size:18px;
font-style:normal;
font-color:#ffffff;
}
#footer #copyright p{
position:absolute;
top:630px;
left:725px;
font-family:"Microsoft Yi Baiti", Tunga, Utsaah, Arial;
font-size:15px;
font-style:normal;
font-color:#ffffff;
}
__________________
Mein dA account: http://dhar-leth.deviantart.com/
Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/

Geändert von Seaxnéat (01.05.2010 um 16:07 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
ausrichtung, einzeilig, link, zweizeilig

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
clearen im 21 Jhr. Muamicus CSS 23 14.12.2010 20:50
ul richtig zentrieren Muamicus CSS 23 14.12.2010 19:28
Definitionsliste in einer Floatumgebung *pi CSS 11 07.01.2009 19:34
Ständig wechselnde Bilder, Werbung Vybsi (X)HTML 17 25.01.2008 00:00
CSS Navigationsproblem thesecretboy CSS 0 12.04.2007 09:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:38 Uhr.