Link-Optik und Bildergalerie

[kurzweilig]

Hallo Ihr Lieben,

ich bin gerade dabei, meine HP selbst zu bauen,... (0 Kenntnisse jedoch hohe Ansprüche

)

1) Eigentlich komme ich ganz gut zurecht. Nur habe ich folgendes Problem. Immer wenn ich einen Link setzte wird das Wort, das "belinkt" ist unterstrichen. Das will ich nicht!!!

In den Extras habe ich schon geschaut, ebenso in dem CSS. Wie kann ich den Unterstrich weg bekommen?

2) Kann ich mit NVU eine Bildergalerie so gestallten, dass ich unter einem Bild einen Pfeil nach links und einen nach rechts habe, quasi zum durchblättern? Ist es möglich gleichzeitig meine Bilder mit einem click direkt darauf bildschirmgross werden zu lassen?

Herzlichen Dank,
Martina

 

[_Thor_]

Zu Nummer 1 text-decoration: Textdekoration: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Du solltest Links allerdings irgendwie von normalem Text unterscheiden, weil sie sonst wohl nur sehr selten angeklickt werden.

NVU kenn ich nicht, kann dazu also auch nichts sagen.

 

[kurzweilig]

Hallo Thor,

danke für die schnelle Antwort. Leider hats mich nicht weitergebracht. In dem CSS Sheet habe ich alle Text underlines rausgenommen/ mit none ersetzt. Ebenso habe ich meinen Quelltext abgesucht. Meine Links sind imer noch unterstrichen,... :cry:

Ich weiss, dass die Links besser sichtbar wären, jedoch ist der Unterstrich nicht in weiss, wie mein Text, sondern in Royalblau. Da schaut das schon mal recht über aus,... Die ganze HP ist eigentlich so aufgebaut, dass man genau sieht, was Text ist, und wo es weitergeht,... (Hoffe ich!)

Hast Du/ noch jemand anders eine Idee für mich, bittttttte????

Danke, Martina

 

[disconnect]

SELFHTML: HTML/XHTML / Verweise (Links) / Verweise definieren und gestalten

Speziell für Links ;)
Erklärungen sind dabei. Denke mal, das sollte dich weiterbringen.

 

[_Thor_]

In dem CSS Sheet habe ich alle Text underlines rausgenommen/ mit none ersetzt. Ebenso habe ich meinen Quelltext abgesucht. Meine Links sind imer noch unterstrichen,... :cry:

Wichtig ist, dass du die Eigenschaft für die Links setzt

a {text-decoration: none;}

Ich weiss, dass die Links besser sichtbar wären, jedoch ist der Unterstrich nicht in weiss, wie mein Text, sondern in Royalblau. Da schaut das schon mal recht über aus,...

Dann änder doch die Schriftfarbe.

Die ganze HP ist eigentlich so aufgebaut, dass man genau sieht, was Text ist, und wo es weitergeht,... (Hoffe ich!)

Da ich deine Seite nicht kenne, kann ich das leider nicht beurteilen.

 

[kurzweilig]

Auch auf die Gefahr hin, dass Ihr mich alle für Irre haltet,.... Es funktioniert nicht!!!! :? Eigentlich müßte ich mein Dentropolis entwerfen, sägen, spachteln und malen, und was mache ich??? Ich ärger mich mit meiner HP!!!!

Das ist das CSS das ich von der PS-Webhosting Seite gekauft und jetzt am ummodeln bin,...

Meine HP ist noch nicht online, das ich noch nicht fertig bin,... Wenn einer mag, kann ich gerne meinen Quelltext zumailen. Ich wäre echt dankbar für Eure Hilfe!!!

Thor, das mit der Schriftfarbe im übrigen ist auch komisch. Meine Schrift ist weiss, die Unterstrichelung ist Royalblau,... Versteh einer die ganze Sch...!

Wahrscheinlich lacht Ihr Euch jetzt alle kringelig und seht sofort, was falsch ist, ich seh nix mehr, nur noch (><)/5$§84165hjdfbcoqxk Cli§§§

--------------------------------------------------------------

.pageContent { font-family:tahoma, arial; font-size:8pt; color:#505050; }
.pageContent a { font-family:tahoma, arial; font-size:8pt; color:#505050; }

p { text-align:justify; margin:0px 0px 9px 0px; }

/* top */

td.menu-bg { background-color:#e0d3c0; }

td.menuitem { text-decoration: none; color:#766f65; font-family:meiryo; font-size:14px; font-weight:bold; white-space:nowrap; text-transform:lowercase; }
td.menuitemactive { text-decoration: none; color:#766f65; font-family:meiryo; font-size:14px; font-weight:bold; white-space:nowrap; text-transform:lowercase; }
td.menuitem a { color:#766f65; text-decoration: none; }
td.menuitemactive a { color:#766f65; text-decoration: none;}
td.menudivider1 { background:url(../images/mark.gif) center center no-repeat; }
td.menumark2 { padding-right:17px; }
td.menudivider3 { background:url(../images/mark.gif) center center no-repeat; }

div.mycompany { font-size:24px; color:#7f7f7f; font-family:franklingothicmediumc, arial; white-space:nowrap; }
span.my-color { color:#766f65; font-weight:bold; }
div.slogan { font-size:8pt; color:#a5a5a5; font-family:humanist531cbt, tahoma; }

table.secondmenuitem { border-bottom:1px solid #ffffff; background:#e0d3c0 url(../images/2ndmenu_bg.gif) top left no-repeat; }
td.secondmenuitem { padding-left:11px; width:100%; color:#e0d3c0; font-family:tahoma,arial; font-size:8pt; text-transform:lowercase; }
td.secondmenuitemactive { text-decoration: none; padding-left:11px; width:100%; color:#e0d3c0; font-family:tahoma,arial; font-size:8pt; text-transform:lowercase; }
td.secondmenuitem a { color:#e0d3c0; text-decoration: none; }
td.secondmenuitemactive a { color:#e0d3c0; text-decoration: none;}
td.secondmenumark { padding:0px 7px; }

td.pageheader { font-size:18px; color:#9F9F9F; font-family:franklingothicmediumc, arial; font-weight:bold; }

td.thatext { font-family:tahoma, arial; font-size:8pt; color:#505050; vertical-align:top; }
td.thatext a { color:#505050; }

td.bottommenuitem { color:#766f65; font-family:tahoma,arial; font-size:8pt; white-space:nowrap; text-transform:lowercase; }
td.bottommenuitemactive { text-decoration: none; color:#766f65; font-family:tahoma,arial; font-size:8pt; white-space:nowrap; text-transform:lowercase; }
td.bottommenuitem a { color:#766f65; text-decoration: none; }
td.bottommenuitemactive a { color:#766f65; text-decoration: none }
td.bottommenudivider { background:url(../images/bottommenu_divider.gif) center center no-repeat; }

td.copy { font-family:tahoma,arial; font-size:10px; color:#878787; }
td.copy a { color:#878787; }

 

[_Thor_]

Wenn die Seite noch nicht fertig ist, um auf deiner Domain zu laufen, lade sie bei einem Freehoster hoch und gib uns den Link. Das ist besser als seitenweise Code.

Hast du nur das CSS gekauft und hast die Seite selber geschrieben, oder wie muss ich mir das vorstellen?

 

[kurzweilig]

Ich habe den CSS gekauft. Ich habe einmalig 3€ (OK, OK, dafür kann man nicht viel erwarten, ich weiß,....) dafür gezahlt und dafür das CSS, Quelltext usw. zur freien Verfügung.

Nachdem ich eher ein "Nicht-Fachmensch" bin, habe ich mich leichter getan, als von ganz von vorne zu starten,...

Ich poste, sobald die Seite online ist,...

Herzlichen Dank!!!! Martina

 

[kurzweilig]

Hallo Ihr Lieben!

Ich könnte kotzen, jetzt funktioniert anscheinend auch nix mehr mit meinem schönen steinfarbigen Header,....

Also, die Seite ist noch nicht fertig. Unter anderem ist mein nächstes Problem, dass sie bei meinem Browser nicht mittig ist,...

Sch!!!!!:evil:

In der nächsten 1/2 STunde sollte die Seite

www.kuzrweilig.biz online sein,...

Allerdings ist mein Junior gerade aufgewacht, also kann ich erst wieder ab 20.00 an den Rechner

Danke, Martina

 

[Bernhard]

Hallo Ihr Lieben!

Ich könnte kotzen, jetzt funktioniert anscheinend auch nix mehr mit meinem schönen steinfarbigen Header,....

Also, die Seite ist noch nicht fertig. Unter anderem ist mein nächstes Problem, dass sie bei meinem Browser nicht mittig ist,...

Sch!!!!!:evil:

In der nächsten 1/2 STunde sollte die Seite

www.kurzweilig.biz online sein,...

Allerdings ist mein Junior gerade aufgewacht, also kann ich erst wieder ab 20.00 an den Rechner

Danke, Martina

Hallo Martina,

Du hast Dich beim Link verschrieben: www.kurzweilig.biz

In Deinem CSS fehlt:

a {
 text-decoration:none;
}

Die Unterstreichung ist blau, weil Dein Browser das per default bei allen Links macht,
die Farbe weiß ist erst dem <span> innerhalb des Links zugewiesen.

Das Template ist keine 3.- € wert...

Grüße
Bernhard

 

[kurzweilig]

Hallo Ihr Lieben!

Dankeschön!

Bernhard, jaaaa, das kann schon sein, dass es keine 3€ wert war. Doch Du musst halt auch sehen, dass ich eigentlich keine Ahnung habe und ich so auch niemanden kenne, der mir helfen hätte können. OK, nen Profi zahlen, doch ich stehe am Anfang meines Business, habe keine Kohle und 2 kleine Kinder. Also, ist halt selbst die Frau,.... ;)

Das Template hat übrigends total anders ausgeschaut, ich habe versucht, es einigermassen umzubauen,...

So, die Unterstriche sind erst mal weg, danke nochmal. Was allerdings komisch ist, ist das ich die im NVU immer noch sehe und auch an den Einstellungen nix ändern kann. Naja, egal, hauptsache online passts.

Kann mir jemand beim Punkt 2 helfen? Wegen der Bildergalerie??

"2) Kann ich mit NVU eine Bildergalerie so gestallten, dass ich unter einem Bild einen Pfeil nach links und einen nach rechts habe, quasi zum durchblättern? Ist es möglich gleichzeitig meine Bilder mit einem click direkt darauf bildschirmgross werden zu lassen?"

Falls Ihr noch Verbesserungsvorschläge/ Tips/ Ideen allgemein habt, ich bin für alles offen,... Die Page soll gut funktionieren und möglichst professionell (äh, wieviele ffffssssllllll????:mrgreen::mrgreen:) wirken.

Danke für Eure Meinung und Hilfe!
Martina

 

[kurzweilig]

Guten Morgen!!

Na, seid Ihr alle wach? Mein Junior hat mich heute um 6.30 geweckt,....

Ich bin heute wieder von ca. 13.00-15.00 online und hoffe auf Euer Feedback!

Herzlich, Martina

 

[Shrax]

Hallo Martina :)

Das wird jetzt sicher etwas Hart aber ich erklähre dir das mal.

Html ist eine Sprache mit der man dem Text auf einer Website bedeutung gibt.

Absätze sollte man dabei zum Beispiel in <p>Absatz</p> setzen und Listen wie aufzählungen in:

<ul>
       <li>Listenpunkt 1</li>
       <li>Listenpunkt 2</li>
<ul>

.

So erreicht man einen Sematischen code. Danach sieht die Website aber recht weiß aus.
Tabellen sind nur dazu da Daten anzugeben die Tabellarisch gegliedert werden müssen. Zum Beispiel:

+------------+-----------------+---------------+
|Montag    | 1 Wochentag | Mathe         |
+-----------+------------------+---------------+
|Dienstag |
-------------+

Ebenfalls sollten keine frames benutzt werden.
So das erste stück einer Website ist dein Text.

Lorem Ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, ......

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros ....

So und dieser muss mit XHTML nun Valide gegliedert werden.

<h2>Lorem Ipsum<h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ...
</p>
<p>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril ....
</p>

So nun zu deinem problem. Das Template ist mißerable und dazu komplett mit Tabellen gemacht. Doch wieso? Tabellen sind nur um Tabellarische Daten darzustellen!

So und nun geht es weiter.
Unser text von oben kann nun, weil es mehere xhtml <tags> enthält in einen <div> gegliedert werden zur besseren Anpassung. Diesen div gibt man auch eine "id" damit man ihm im CSS direkt ansprechen kann.

<div id="seitentext">
Der Text von grade mit den <p> und <h3>...
</div>.

So nun muss das ganze in ein HTML grundgerüst geschrieben werden!

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>TITEL DER SEITE</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" media="screen" />
</head>
<body>
<div id="seitentext">
<h2>Lorem Ipsum<h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ...
</p>
<p>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril ....
</p>
</div>

</body>
</html>

So jetzt haste schonmal einen Grundsatz. Dein Template kannste komplett vergessen! So wirds gemacht und so stellst du sicher das du 99% aller Kunden die auf die Website kommen wirklich ansprechen kannst. Solche Tabellenlayoute sind keineswegs Barrerie frei!. Und willst du wirlich von ein Paar Milliaren potenziellen Kunden 40% ausschließen? Nein denke nicht.

Also weiter. Nun in der html Datei oben steht folgendes:

<link href="stylesheet.css" type="text/css" rel="stylesheet" media="screen" />

Das heißt an dieser stelle wird die Datei stylesheet.css eingebunden.
ALso erstellst du eine Datei namens stylesheet.css und hier kommt nun CSS rein. Aber nicht das für deine Tabellen sondern css das du selber dafür schreibst.

Mehr mach ich jetzt mal nicht das musste selber hinbekommen.
Auch wenn du sicher jetzt den ganzen Krampf nicht lernen möchtest aber Templates die so, nach Validen, sematischen und struktuierten Xhtml und css aufgebaut sind kosten oft 300€ aufwärts.

Und wenn du fragen hast kannst du ja hier fragen.
Hab jetzt keine Tutorialseiten grad da. Letztens war hier n thread mit vielen Vorschlägen doch den finde ich jetzt leider nichtmehr. Vielleicht hilft ein anderer User hier mal aus.

 

[kurzweilig]

Schluck,.....

Danke Hurricane! Ich fand das mit den Tabellen auch sonderbar,....

Hm, ich probier mal nach Deiner Anleitung was hinzubekommen,...

Liebe Grüße, Martina

 

[Shrax]

Noch so am rande, auch wenn das einigen Usern hier nicht so gefällt weil es nicht Perfekt genug geschrieben ist wie ich öfters mitgelesen habe, empfehle ich dir wenn du xhtml lernen willst diese Seite:
HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar.


Wichtig hierbei: "Layout durch Tabellen" weglassen. (und auch layouts mit frames)
Immer daran halten: Es gibt keine "div layouts". <div> ist ein Tag um mehrere Tags zu gruppieren und ihnen allen zusammen etwas zuzuweisen.


Und dazu, wenn du Spass dran findest und es gut Lernen willst würde ich dir das Buch "Little Boxes" empfehlen. Davon gibt es 3 Teile die alle zu empfehlen sind (außer Little Boxes teil 0, den kann ich nicht empfehlen weil ich ihn noch nie gelesen habe.)
In dem Buch erlernt man wie man eine Website macht. Dazu erstellt man zusammen mit dem Autor stück für stück eine Website und löst knifflige fragen. Wirklich sehr zu empfehlen!

 

[kurzweilig]

Hallo Hurrican und alle anderen lieben Helfer!

ALSO, ich gestehe,.... ich will nicht xhtml lernen,... Eigentlich möchte ich mir eine für den Endverbraucher, meine Kunden, aktzeptable, optisch schöne HP erstellen. OK, Tabellen sind nicht sehr elegant und ich habe auch einige Probleme damit. Doch ich sollte ja eigentlich mein wirkliches Business nicht aus den Augen verlieren.

Ich habe es mit den Tips on Dir versucht, doch wie schon beschrieben, ich will eigentlich malen, schleifen, bauen,..... Wenn mein Geschäft mal läuft werde ich sicher die Hilfe eines Profis in Anspruch nehmen, doch bis dahin hoffe ich, mit dem Template durch zu kommen.

Vielleicht könnt Ihr einfach versuchen, die schrecklichen, stümperhaften Tabellen zu ignorieren und mir, wenn ich wieder Fragen habe, trotzdem helfen, bütttteeeee??? :lol::lol:

Herzliche Grüße,
Martina

 

[disconnect]

wenn ich wieder Fragen habe, trotzdem helfen, bütttteeeee??? :lol::lol:

Herzliche Grüße,
Martina

Sicher, dafür ist das Forum ja da, oder? :razz:
Oder du postest in die Jobbörse, dass du jemanden suchst, der eine Homepage bauen könnte.

 

[Shrax]

Also, ich kann das dir jetzt nicht garantieren.
Doch evtl. wenn ich am Wochenende Zeitfinde (Freitag, samstag abend) könnte ich dir sofern du wirklich nur eine schlichte Website ohne besondere runde ecken usw. haben willst eine machen.

Allerdings werde ich es nicht absolut Perfekt machen, also in dem Sinne:

- Kein Extra drucklayout
- Keine besonderen Barreriefrei- extras wie Skiplinks für Leute mit textreadern
- Nur ein Paar grundsätzliche IE hacks das alles einigermaßen dargestellt wird.
- Bildergalerie wird schwer. Das kann ich leider nicht gut.
- Das Design wird etwas umgeändert. So wies jetzt ist ( 2 Spalten links rechts sieht das schlecht aus und ist nicht benutzerfreundlich
- Keine angefertigten grafiken mit Photoshop und co.
- Umsetzung per externe .css Datei
- Ich schreibe keine Texte, ich zeichne sie nur per html aus.
- Nicht mehr als 10 Textseiten die ich mache.
- Ich hätte im Impressum gerne meine E-mail fürs Design stehen und
sollte ich ne Website machen (arbeite derzeit an einer) hätte ich gern, nur im Impressum oder footer (mir egal) ein kleinen Backlink in form von: Webdesign by www.+++++.de. Dazu würde ich gerne eine möglichkeit haben dich zu erreichen.

Vorteile
- Kein Tabellen oder framelayout
- Einhaltung von Webstandards
- Valide
- Bei Wunsch kontaktformular
- Schlichte und kompakte Website
- Text vergrößert/verkleinert sich mit der Website. (Relative angaben per em)
- Deine Links kann ich nach belieben unterstrichen lassen oder nicht.
- Sematischer code
- Alles mit Kommentaren ausgezeichnet
- Kleine Gimmiks für Leute ohne aktivierte Grafiken usw. wie alt="" texte.

Außerdem nehme ich mir da das recht sollte ich keine Zeit haben das Projekt dann zu Pausieren.


Und ich gewähre natürlich keine garantie auf Perfektheit oder sonstiges...

PS: Ich bin erst 16. Also sollte das stören...?

 

[kurzweilig]

Hallo Hurrrican,

oh, äh, erst 16??? Und Du kennst schon so viele mir fremde Wörter :lol:!

Die letzten html Unterlagen, die ich gesehen habe, waren vom Wiener Institut für Bodenkultur (html 2.0) von 1995,.....

Lass uns morgen mal telefonieren. In meiner HP siehst Du meine Telefonnummer. Clemens (mein Junior) ist ab ca. 9.00 bei der Nachbarin und da könnte ich in Ruhe online gehen. (Bis ca. 11.00)

Oder Du rufst gleich mal an, bis ca. 22.00

Liebe Grüße,
Martina

 

[Shrax]

oh, äh, erst 16??? Und Du kennst schon so viele mir fremde Wörter :lol:!

Naja ich beschäftige mich eben damit. Gibt hier aber auch Jüngere die mehr können.
Ich strebe eben einen Job im Informatik bereich, und ein Hobby als Webdesigner an :)

Leider komme ich morgen erst später on und bin jetzt dann weg.
Ich habe entweder erst ab Freitag oder Samstag Abend zeit.
Wenn das ok ist?