php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 10-11-2006, 13:47
mcmurphy
 PHP Junior
Links : Onlinestatus : mcmurphy ist offline
Registriert seit: Aug 2003
Ort: Berlin
Beiträge: 890
mcmurphy zeigte ein beschämendes Verhalten in der Vergangenheit
Standard text-intend background a href

Moin meine Leidensgenossen:
habe folgendes Problem, das mich absolut ratlos macht:
Wenn bei einer Linkliste aus optischen Gründen eine Grafik verwendet werden soll, gehe ich normalerweise folgender maßen vor:
- lege die Links in einer Liste an
- Schreibe das Linkziel normal in den a href Tag
- mache die Schrift mit text-indent:-5000px; "unsichtbar"
- weise jedem Link per id eine Hintergrundgrafik zu

So habe ich ein Dokument, das auch ohne CSS vernünftig strukturiert ist, und trotzdem "hübsch" aussieht....

Tja, bis heute
folgender Code ist ein Extract aus einem aktuellen Projekt:

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

<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <
head>
    <
title>New Document</title>
    <
meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <
style type="text/css">
<!--
    
#impressum ul  { }
    #impressum ul li { }
    #impressum ul li a { text-indent:-5000px; 
                         
background-position:center
                         
background-repeat:no-repeat;
    }
    
#impressumLink {background-image:url(myicons/imprint.gif); }
    #terms_of_use {background-image:url(myicons/terms.gif); }
    #contact {background-image:url(myicons/contact.gif); }
-->
</
style>
  </
head>
  <
body>
       <
div id="impressum">
        <
ul>
         <
li><a href="#" id="impressumLink">Imprint</a></li>
         <
li><a href="#" id="terms_of_use">Terms of Use</a></li>
         <
li><a href="#" id="contact">Contact</a></li>
        </
ul>
       </
div>   
  </
body>
</
html
Im FF (1.5.0.8) und Opera 9 passiert nix, ergo der text-intend wirkt nicht, im IE jedoch wird mir die ganze Liste aus dem Viewport gezogen....
Kann das von euch einer nachvollziehen oder übersehe ich irgendwo was? Bin auch für allgemeinen Trost & Beileides bekundungen Dankbar
__________________
"I don't want to belong to any club that would accept me as a member."

Groucho Marx
Mit Zitat antworten
  #2 (permalink)  
Alt 10-11-2006, 13:57
mcmurphy
 PHP Junior
Links : Onlinestatus : mcmurphy ist offline
Registriert seit: Aug 2003
Ort: Berlin
Beiträge: 890
mcmurphy zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

AARGH,
"text-indent: Anwendbar auf: Block-Elemente"

seufz

Die Technik geht also bei einer Horizontalen Liste nicht ...
Wenn ich doch was finde, poste ich das hier ....

Also:
- bei einem horizontalem Menu klappt das mit der Liste & Hintergrund bildern & text-intend nicht
- also bleibt mir nur font-size:0px; was ich aber nicht sonderlich mag
__________________
"I don't want to belong to any club that would accept me as a member."

Groucho Marx

Geändert von mcmurphy (10-11-2006 um 14:23 Uhr)
Mit Zitat antworten
  #3 (permalink)  
Alt 10-11-2006, 17:01
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard Re: text-intend background a href

Und den Links eine height:0 geben, overflow:hidden - und sichtbaren Bereich dann über padding-top herstellen?

(Erfordert für IE < 6 oder im Quirks Mode natürlich einen Workaround.)
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #4 (permalink)  
Alt 10-11-2006, 17:30
mcmurphy
 PHP Junior
Links : Onlinestatus : mcmurphy ist offline
Registriert seit: Aug 2003
Ort: Berlin
Beiträge: 890
mcmurphy zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Zitat:
Und den Links eine height:0 geben, overflow:hidden
THX, das sieht im Opera besser aus....
__________________
"I don't want to belong to any club that would accept me as a member."

Groucho Marx
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

Software für alle Arten von digitalen Marktplätzen
Software für alle Arten von digitalen MarktplätzenDigitale Marktplätze sind nicht nur im B2C Geschäft seit Jahren etabliert, sondern erfreuen sich mit Kleinanzeigen-Märkten auf lokaler und regionaler Ebene auch im privaten Bereich wachsender Beliebtheit.

09.11.2021 | Berni

Von 0 auf über 2 Mio € Umsatz in weniger als 12 Monaten – wie die Pixelwerker das nur durch SEO geschafft haben
Von 0 auf über 2 Mio € Umsatz in weniger als 12 Monaten – wie die Pixelwerker das nur durch SEO geschafft habenSEO oder SEA? Warum SEO die besserer Methode ist.

01.10.2021 | Berni


 

Aktuelle PHP Scripte

ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script ansehen ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script

Mit unserer Lösungen können Sie nahezu jeden B2B / B2C Marktplatz betreiben den Sie sich vorstellen können. Ganz egal ob Sie einen Automarktplatz, Immobilenportal oder einfach einen Anzeigenmarkt betreiben möchten. Mit ebiz-trader können Sie Ihre Anforder

09.11.2021 Berni | Kategorie: PHP/ Anzeigenmarkt
PHP Newsletter Script SuperWebMailer ansehen PHP Newsletter Script SuperWebMailer

Die webbasierte PHP Newsletter Software SuperWebMailer ist die optimale Lösung zur Durchführung eines erfolgreichen E-Mail-Marketings. Zur Nutzung des PHP Script-Pakets ist eine eigene Webpräsenz/Server mit PHP 5 oder neuer, MySQL 4 oder neuer und die

28.10.2021 mirko_swm | Kategorie: PHP/ Mail
Guestbook Light ansehen Guestbook Light

Das Guestbook Light (kurz: "Gblight") ist ein kinderleichtes Gästebuch in PHP. Durch den Einsatz einer SQLite Datenbank ist es einfach, leicht portabel und schnell. Aufgrund moderner Techniken erfüllt Gblight auch die neuesten Webstandards.

28.10.2021 scripthostingnet | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:15 Uhr.