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

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

HeidiSQL - kostenloses MySQL front-end Editor für Windows ansehen HeidiSQL - kostenloses MySQL front-end Editor für Windows

HeidiSQL - ist ein Windows-Editor für die bekannt open Source Datenbank mySQL

10.12.2018 Berni | Kategorie: MYSQL/ Management
piwik Open-Source Webanalyse-Software ansehen piwik Open-Source Webanalyse-Software

piwik ist eine gute Alternative zu Google Analytics. Viele Features und ein modernes Erscheinungsbild mit aussagefähigen Statistiken in Echtzeit

10.12.2018 phpler | Kategorie: PHP/ Besucherzaehler
jQuery Mobile ansehen jQuery Mobile

Touch-Optimized Web Framework für Smartphones & Tablets

09.12.2018 phpler | Kategorie: AJAX/ Framework
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 00:43 Uhr.