Avatar billede tk2 Nybegynder
13. september 2001 - 21:01 Der er 45 kommentarer og
2 løsninger

Style Sheet og baggrund i tabel

Jeg sidder og tumler med at lave en menu á la http://www.computerarts.co.uk/. De bruger DHTML til at lave menuen, samt gif-pics til links\'ne. Det jeg har problemer med, er at lave menuen således at tabelfeltet skifter baggrundsfarve når jeg laver en Hover/Active. Der må IKKE komme underline på, hverken ved almindeligt link i menuen og når aktivt. Det mest spændende er, at der skal komme underlines på den almindelige tekst på siden. Disse skal nemlig heller ikke have underlines, før de får mouseover. Altså meget lig med Computer Arts, men lavet i et eksternt style sheet.

I kan se mit forløbige resultat med kode her: http://home1.stofanet.dk/tony/humor.html
Avatar billede jiggypoof Nybegynder
13. september 2001 - 21:06 #1
KAn ikke se dit problem
Avatar billede jiggypoof Nybegynder
13. september 2001 - 21:07 #2
Er det ALT andet tekst som skal være underlined
oder was?
Avatar billede moroax Nybegynder
13. september 2001 - 21:22 #3
du skal smide td koderne ind i a href\'en
som her: <a href=\"link\"><td>link</td></a>
i stedet for <td><a href=\"link\">link</a></td>

og dine td\'er kan du i dit stylesheet skifte farver på sådan
td.td01 {background-color: #FFFF00;}

og så lave denne her <td class=\'td01\'>tekst</td>

* MoRoax...
Avatar billede jiggypoof Nybegynder
13. september 2001 - 21:24 #4
moroax> han vil lave en dropdown i CSS kan han jo ikke :)
Avatar billede moroax Nybegynder
13. september 2001 - 21:24 #5
i øvrigt kan dit styleSheet halveres,
den fylder ret meget...

* MoRoax...
Avatar billede jiggypoof Nybegynder
13. september 2001 - 21:35 #6
Som på ICQ
<html>
<head>

<script language=\"JavaScript\" src=\"navcond.js\"></script>
<script language=\"JavaScript\">

/*
Top Navigational Bar II (By Mike Hall @ Brainjar.com)
Last updated: 00/05/08
Permission granted to Dynamicdrive.com to include script in archive
For this and 100\'s more DHTML scripts, visit http://dynamicdrive.com
*/

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more \"blocks\" of same code below

dhtmlMenu = new NavBarMenu(110, 0);
dhtmlMenu.addItem(new NavBarMenuItem(\"Home\", \"http://www.viewsource.dk\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 140);
dhtmlMenu.addItem(new NavBarMenuItem(\"Applets\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Banners\", \"http://www.viewsource.dk/javacat.asp?ident=1\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Games\", \"http://www.viewsource.dk/javacat.asp?ident=2\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Images\", \"http://www.viewsource.dk/javacat.asp?ident=3\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Menus\", \"http://www.viewsource.dk/javacat.asp?ident=4\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Misc\", \"http://www.viewsource.dk/javacat.asp?ident=5\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Text\", \"http://www.viewsource.dk/javacat.asp?ident=6\"));

myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 140);
dhtmlMenu.addItem(new NavBarMenuItem(\"JavaScript\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Browser\", \"http://www.viewsource.dk/jscat.asp?ident=1\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Images\", \"http://www.viewsource.dk/jscat.asp?ident=2\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Misc\", \"http://www.viewsource.dk/jscat.asp?ident=3\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Navigation\", \"http://www.viewsource.dk/jscat.asp?ident=4\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Page\", \"http://www.viewsource.dk/jscat.asp?ident=5\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Text\", \"http://www.viewsource.dk/jscat.asp?ident=6\"));

myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 140);
dhtmlMenu.addItem(new NavBarMenuItem(\"DHTML Scripts\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Browser\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=1\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Images\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=2\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Menu\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=3\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Misc\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=4\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Page\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=5\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Text\", \"http://www.viewsource.dk/dhtmlcat.asp?ident=6\"));

myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 140);
dhtmlMenu.addItem(new NavBarMenuItem(\"ASP Scripts\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Banners\", \"http://www.viewsource.dk/aspcat.asp?ident=1\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Images\", \"http://www.viewsource.dk/aspcat.asp?ident=2\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Misc.\", \"http://www.viewsource.dk/aspcat.asp?ident=3\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Navigation\", \"http://www.viewsource.dk/aspcat.asp?ident=4\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Statistics\", \"http://www.viewsource.dk/aspcat.asp?ident=5\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Time & Date\", \"http://www.viewsource.dk/aspcat.asp?ident=6\"));

myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors(\"#000000\", \"#000000\", \"#C0C0C0\", \"#ffffff\", \"#666666\", \"#000000\", \"#cccccc\", \"#ffffff\", \"#000080\")

//uncomment below line to center the menu (valid values are \"left\", \"center\", and \"right\"
//myNavBar1.setAlign(\"center\")

var fullWidth;

function init() {

  // Get width of window, need to account for scrollbar width in Netscape.

  fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.resize(fullWidth);
  myNavBar1.create();
  myNavBar1.setzIndex(2);
}
</script>

<body onload=\"init()\">
<br><br><br>
Your Regular Body Contens goes here ......
</body>
</html>

</head>
</script></noscript><script language=\"javascript\" src=\"http://ad.subnet.dk/webmeasure.js\"></script>
Avatar billede moroax Nybegynder
13. september 2001 - 21:40 #7
Nej det kan han ikke,
DHTML er jo programmerings suppe,
først tager man lidt .CSS, så 10 L. HTML, dette krydres så med JavaScript, og til sidst drysses der en håndfuld .asp over

Sååå værs\'go og bland suppen...

* MoRoax...
Avatar billede tk2 Nybegynder
14. september 2001 - 07:47 #8
Tak for da mange svar indtil videre. Jeg kommenterer lige dem jeg har fået.

Jeg skulle nok have udtrykt mig lidt klarere. Der skal ikke være dropdownmenuer. Det er en fejl fra min side, at jeg ikke klargjorde det. Menuen skal være som på min side, blot skal jeg have de farveskift ved mouseover som fylder hele TD\'en. Jo mere kompatibel den kan blive, des bedre. Derfor ville jeg gerne undgå DHTML, da det jo egentlig kun er IE der fatter det (efter hvad jeg har fået oplyst). Kommer der flere DHTML-forslag, kan jeg sgu lis\'sågodt benytte CA\'s egen sourcekode.

Jeg fatter ikke meget programmeringssprog, derfor vil jeg helst have skidtet lave i almindelig HTML og CSS. Det er to ting, jeg fatter noget af.

Jeg beklager hvis jeg lyder besværlig, men det er sgu da det man lærer noget af... ;)

<tk2>
Avatar billede tk2 Nybegynder
14. september 2001 - 08:35 #9
Og til jiggypoof:

Til dit spørgsmål om underline på tekst; Det er kun links der skal have underline.

Avatar billede tk2 Nybegynder
14. september 2001 - 08:40 #10
og jeg har ryddet lidt op i style sheet\'et. Kommentarer udbedes til hvad der mere kan ryddes op i

<tk2>
Avatar billede olebole Juniormester
14. september 2001 - 08:47 #11
<ole>

<table style=\"cursor:hand\">
<tr>
  <td onmouseover=\"this.parentElement.style.background=\'#ff0000\'\" onclick=\"location=\'ny_side.html\'\">Halløj...der var den jo</td>
</tr>
</table>

/mvh
</bole>
Avatar billede olebole Juniormester
14. september 2001 - 08:49 #12
...så skifter hele rækken farve ved onmouseover - også evt. andre celler i samme række. Jeg behøver vel ikke sige, du skal skifte tilbage på onmouseout  :)
Så lægger du bare tabeller ind i nogle <div>\'s, som du skjuler og viser.
/mvh
Avatar billede Tony Juniormester
14. september 2001 - 08:56 #13
Der er vel ikke meget at rydde op i. Du har mange styles, men skal du bruge dem, ja så skal du vel. Lidt kan du da gøre ved formateringen af de enkelte styles f.eks. dit:

.TDLtPurple2Black {
color : Black;
background-color : #EAC6E7;
}

... kan du også skrive som:

.TDLtPurple2Black {color:Black; background-color:#EAC6E7;}

... så bliver CSS delen ikke så lang.

Selvfølgelig ved du godt at farven #EAC6E7 ikke er websafe ik\' ?

/Tony :)
Avatar billede olebole Juniormester
14. september 2001 - 09:01 #14
Websafe farver er en illusion, Tony  :)
/mvh
Avatar billede Tony Juniormester
14. september 2001 - 09:06 #15
Ja i yderste konsekvens er der vist 12. Selvfølgelig kan man nøjes med det så ...
Avatar billede olebole Juniormester
14. september 2001 - 09:16 #16
Hehe...Ja, man må lære at leve med lidt afvigelser - som Gud sagde på ottende dagen  =o)
Avatar billede k.r Nybegynder
14. september 2001 - 11:27 #17
<html>
<head>
<script language=\"javascript\">
function vismenu1()
  {skjulalle()
menu1.style.visibility=\"visible\"}
 
function vismenu2()
{skjulalle()
menu2.style.visibility=\"visible\"}
 
function vismenu3()
{skjulalle()
menu3.style.visibility=\"visible\"}

function vismenu4()
{skjulalle()
menu4.style.visibility=\"visible\"}

function vismenu5()
{skjulalle()
menu5.style.visibility=\"visible\"}

function vismenu6()
{skjulalle()
menu6.style.visibility=\"visible\"}

function skjulalle()
{menu1.style.visibility=\"hidden\"
  menu2.style.visibility=\"hidden\"
  menu3.style.visibility=\"hidden\"
  menu4.style.visibility=\"hidden\"
  menu5.style.visibility=\"hidden\"
  menu6.style.visibility=\"hidden\"

}
</script>

<style type=\"text/css\">
  .skrift{font-family:verdana;font-size:10px}
</style>
<style type=\"text/css\">
  A{text-decoration:none;color:black}
  A:hover{color:white; background-color:orange; width:100%}
  A:visited{color:black}
</style>
  </head>
<body background=\"back.gif\" leftmargin=\"0\" topmargin=\"0\" onClick=\"skjulalle()\">

<center>
<table bgcolor=\"#000000\" border=\"0\" width=\"400\" height=\"20\" leftmargin=\"10\">
<tr>
<td bgcolor=\"223344\"><a href=\"java script://\" onMouseOver=\"vismenu1().style.visibility=\'hidden\';\" style=\"color:white; background-color:#223344\">Profil</a></td>
<td bgcolor=\"334455\"><a href=\"java script://\" onMouseOver=\"vismenu2().style.visibility=\'hidden\';\" style=\"color:white; background-color:#334455\">DHTML</a></td>
<td bgcolor=\"445566\"><a href=\"java script://\" onMouseOver=\"vismenu3().style.visibility=\'hidden\';\" style=\"color:white; background-color:#445566\">Photoshop</a></td>
<td bgcolor=\"556677\"><a href=\"java script://\" onMouseOver=\"vismenu4().style.visibility=\'hidden\';\" style=\"color:white; background-color:#556677\">Flash</a></td>
<td bgcolor=\"667788\"><a href=\"java script://\" onMouseOver=\"vismenu5().style.visibility=\'hidden\';\" style=\"color:white; background-color:#667788\">Opgaver</a></td>
<td bgcolor=\"778899\"><a href=\"java script://\" onMouseOver=\"vismenu6().style.visibility=\'hidden\';\" style=\"color:white; background-color:#778899\">Link´s</a></td>
</tr>
</table>
</center>

<div class=\"skrift\" style=\"position:absolute;left:182;top:26;width:60;height:50;background-color:#fffff1; visibility:hidden; border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu1\">
<a target=\"indhold\" href=\"pause.html\">CV </a><br><a target=\"indhold\" href=\"pause.html\">profil </a><br><a target=\"indhold\" href=\"pause.html\">jobønske </a><br><a target=\"indhold\" href=\"http://www.erfa.dk\">erfa</a>
</div>

<div class=\"skrift\" style=\"position:absolute;left:230;top:26;width:92;height:50;background-color:#fffff1; visibility:hidden; border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu2\">
<a target=\"indhold\" href=\"pause.html\">menu1 </a><br><a target=\"indhold\" href=\"pause.html\">mousemove </a><br><a target=\"indhold\" href=\"pause.html\">winamp </a><br><a target=\"indhold\" href=\"pause.html\">napster </a>
</div>

<div class=\"skrift\" style=\"position:absolute;left:309;top:26;width:88;height:50;background-color:#fffff1; visibility:hidden; border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu3\">
<a target=\"indhold\" href=\"pause.html\">-jpg- </a><br><a target=\"indhold\" target=\"indhold\" href=\"pause.html\">-gif- </a><br><a target=\"indhold\" href=\"pause.html\">layout </a><br><a target=\"indhold\" href=\"pause.html\">DR 1</a>
</div>

<div class=\"skrift\" style=\"position:absolute;left:400;top:26;width:52;height:50;background-color:#fffff1; visibility:hidden;border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu4\">
<a target=\"indhold\" href=\"pause.html\">movie1 </a><br><a target=\"top\" href=\"C:\\kenneth,s mappe\\FLASH\\terning_spil.html\">spil </a><br><a target=\"indhold\" href=\"pause.html\">Bander </a><br><a target=\"parent\" href=\"C:\\kenneth,s mappe\\matrix\\matrix.html\">matrix </a>
</div>

<div class=\"skrift\" style=\"position:absolute;left:449;top:26;width:70;height:50;background-color:#fffff1; visibility:hidden;border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu5\">
<a target=\"parent\" href=\"C:\\kenneth,s mappe\\opgaver\\e-vikar\\frem.htm\">e-vikar </a><br><a target=\"parent\" href=\"C:\\kenneth,s mappe\\opgaver\\casablanca\\index.htm\">casablanca </a><br><a target=\"indhold\" href=\"pause.html\">---?--- </a><br><a target=\"indhold\" href=\"pause.html\">---?--- </a>
</div>

<div class=\"skrift\" style=\"position:absolute;left:525;top:26;width:70;height:50;background-color:#fffff1; visibility:hidden;border-width:2px;border-color:#000000;border-style:solid;\" id=\"menu6\">
<a target=\"parent\" href=\"C:\\kenneth,s mappe\\opgaver\\e-vikar\\frem.htm\">e-vikar </a><br><a target=\"parent\" href=\"C:\\kenneth,s mappe\\opgaver\\casablanca\\index.htm\">casablanca </a><br><a target=\"indhold\" href=\"pause.html\">---?--- </a><br><a target=\"indhold\" href=\"pause.html\">---?--- </a>
</div>
</body>
</html>
Avatar billede tk2 Nybegynder
14. september 2001 - 16:54 #18
Tak for diverse svar.

Jeg synes at de løsninger der bliver præsenteret ligner Computer Arts\' løsning. Hvis det var det jeg ville, så havde jeg brugt deres, men som jeg nævner i det indledende oplæg, så ønsker jeg en ren CSS/HTML-løsning. Jeg gider ikke scripts

Ud fra de svar jeg har fået synes jeg at konkludere et par ting:
1. Det kan ikke lade sig gøre i CSS og HTML.
2. Hvis jeg ønsker at et menufelt skifter til en specifik farve ved mouseover, skal det løses ved
  a) scripts/programmering
  b) ved gif-pics

Hvis jeg kan få et reelt svar på dette, så ryger pointene til den der giver det klareste svar.
 
Avatar billede olebole Juniormester
14. september 2001 - 16:56 #19
1. Nej.
2. Ja - du vælger selv.
Det er zq da klart!
/mvh
Avatar billede moroax Nybegynder
15. september 2001 - 02:21 #20
Her:

<td onmouseover=\"style.backgroundColor=\'#FFFF00\'; style.color=\'#FF0000\'; style.cursor=\'hand\';\" onMouseOut=\"style.backgroundColor=\'#FF0000\'; style.color=\'#FFFF00\';\">Her</td>

* MoRoax...
Avatar billede roenving Novice
15. september 2001 - 02:25 #21
Nej, du får brug for script, se denne løsning (med divs, men det kan selvfølgelig ændres):

<html>
<head>
<title>Et mouseover farveskift-eksempel</title>

<style><!--
A {color: Black; text-decoration: underline;}
A:link {color: Black; text-decoration: underline;}
A:visited {color: Black; text-decoration: underline;}
A:hover    {text-decoration: underline; color: #990000;}
-->
</style>   

<script type =text/javascript>
var aktiv = \'\';
var farve = new Array(\'#112233\',\'#667788\',\'#ddeeff\');
var diver = 4;

function klik(denne){
//    alert(\'document.all.div0 = \' + document.all.div0?true:false );
  for (i=0;i<diver;i++){
    eval(\'document.all.div\'+i+\'.style.backgroundColor=farve[0]\');
  }
  denne.style.backgroundColor=farve[2];
  aktiv = denne.id;
}

function musInd(denne){
  if (denne.id==aktiv)return;
  denne.style.backgroundColor=farve[1];
}

function musUd(denne){
  if (denne.id==aktiv)return;
  denne.style.backgroundColor=farve[0];
}
</script>
</head>

<body>


<div id=div0 style=\'position:absolute;top:10;left:10;width:100;heigth:30;background:#112233\' onMouseOver=\'musInd(this);\' onMouseOut=\'musUd(this);\' onClick=\'klik(this);\'>
<a href=\"#\" onClick=\"parent.andetFrameNavn.location.href=\'menu1.html\';\">Menu 1</a>
</div>

<div id=div1 style=\'position:absolute;top:50;left:10;width:100;heigth:30;background:#112233\' onMouseOver=\'musInd(this);\' onMouseOut=\'musUd(this);\' onClick=\'klik(this);\'>
<a href=\"#\" onClick=\"parent.andetFrameNavn.location.href=\'menu2.html\';\">Menu 2</a>
</div>

<div id=div2 style=\'position:absolute;top:90;left:10;width:100;heigth:30;background:#112233\' onMouseOver=\'musInd(this);\' onMouseOut=\'musUd(this);\' onClick=\'klik(this);\'>
<a href=\"#\" onClick=\"parent.andetFrameNavn.location.href=\'menu3.html\';\">Menu 3</a>
</div>

<div id=div3 style=\'position:absolute;top:130;left:10;width:100;heigth:30;background:#112233\' onMouseOver=\'musInd(this);\' onMouseOut=\'musUd(this);\' onClick=\'klik(this);\'>
<a href=\"#\" onClick=\"parent.andetFrameNavn.location.href=\'menu4.html\';\">Menu 4</a>
</div>

</body>
</html>
Avatar billede moroax Nybegynder
15. september 2001 - 02:40 #22
Prøv med denne her:
- og skift pic01.gif og pic02.gif ud med 2 billeder som ligger sammen med filen du tester.

---------------------------- START -------------------------
<table width=\"300\" height=\"50 align=\"center\">
    <tr>
        <td align=\"center\" onmouseover=\"style.background=\'URL(pic01.gif)\'; style.color=\'#FF0000\'; style.cursor=\'hand\';\" onMouseOut=\"style.background=\'URL(pic02.gif)\'; style.color=\'#FFFF00\';\">Her</td>
        <td align=\"center\" onmouseover=\"style.backgroundColor=\'#FFFF00\'; style.color=\'#FF0000\'; style.cursor=\'hand\';\" onMouseOut=\"style.backgroundColor=\'#FF0000\'; style.color=\'#FFFF00\';\">Her</td>
    </tr>
</table>
---------------------------- SLUT -------------------------

* MoRoax...

Avatar billede moroax Nybegynder
15. september 2001 - 02:42 #23
>> Kort, simpel og så VIRKER det....

* MoRoax...
Avatar billede roenving Novice
15. september 2001 - 02:46 #24
*G*
Avatar billede roenving Novice
15. september 2001 - 02:47 #25
>>moroax
*Prøv min også*
Avatar billede moroax Nybegynder
15. september 2001 - 03:15 #26
>> roenving >>
Hvad er det lige dit lange script gør som mit på 2 linier ikke gør ??..
Hvis det er at den skifter på klik er den her til at sætte ind i mit:
onClick=\"style.backgroundColor=\'#0000FF\'; style.color=\'#00FF00\';\"

HVIS der er tale om en .asp fil kan du jo tage ALT i td\'erne og lave til en værdi i toppen
eks.
TDmenu = \"align=\'center\' onmouseover=\"\"style.backgroundColor=\'#FFFF00\'; style.color=\'#FF0000\'; style.cursor=\'hand\';\"\" onMouseOut=\"\"style.backgroundColor=\'#FF0000\'; style.color=\'#FFFF00\';\"\"\"

og i de td\'er som skal bruge det, lave denne her <td <%= TDmenu %>>Tekst her</td>


Så er der Een linie med \"script\", som kan kaldes hvor som helst i dok.
(DET er sq optimering der er til at forstå)

* MoRoax...
Avatar billede roenving Novice
15. september 2001 - 03:22 #27
Jes !·]

Jeg indrømmer, at mit eksempel har et helt andet scope, nemlig en spørger, som ville have en Clicked-vis-funktion, altså at mouse-over virker anderledes på et link, når man klikket på det link.

mvh
jes
Ps. Jeg brugte jo lige en masse tid på det i går, så det må da gerne vises frem *S*
Avatar billede tk2 Nybegynder
15. september 2001 - 13:43 #28
>Moroax<

Du kommer sgu tættest på det jeg kunne tænke mig. Som jeg har fundet ud af, bliver jeg nok nød til at lave en løsning med gif\'er. Det er simpelt og til at forstå. Tror jeg nok :))

Jeg er lidt ked af, at folk ikke læser beskrivelsen af det jeg kunne tænke mig. Folk er helt vilde med at smide scripts, asp og DHTML op som løsninger, på trods af at jeg har sagt at det ikke var det jeg ville have. Jeg takker for alle forslagene.

<tk2>
Avatar billede tk2 Nybegynder
15. september 2001 - 13:45 #29
og >olebole< får lige for sit koncise svar :))
Avatar billede moroax Nybegynder
15. september 2001 - 13:58 #30
Takker for point ;-)
Avatar billede olebole Juniormester
16. september 2001 - 14:23 #31
Thnx...  =o)
Avatar billede tk2 Nybegynder
18. september 2001 - 13:37 #32
For dem der er interesseret, så er jeg nu færdig med layout og de første sider. Jeg synes selv løsningen ligger tæt på Computer Arts\'[http://www.computerarts.co.uk/] sider.

http://home1.stofanet.dk/tony/
Avatar billede Tony Juniormester
18. september 2001 - 14:03 #33
Hej Tony (!)

Når du nu har lavet så meget fint ud af dit design, så smid lige den her på din \'Goggle - button\':

.google {background-color:#FFFFFF;
    font-size:18px;
    font-weight:light;
    border-top-width:2px;
    border-right-width:2px;
    border-bottom-width:2px;
    border-left-width:2px;
    background:url(\"google.gif\");
    background-color:black;
}

  <input type=\"button\" value=\"          \" class=\"google\" style=\"cursor:hand\" onFocus=\"this.blur();\">

Held & Lykke - Tony

P.s. Nå det var derfor, jeg ikke kunne få det domæne (home1.stofanet.dk/tony) :)
Avatar billede olebole Juniormester
18. september 2001 - 14:26 #34
tony >> Hvorfor disse:
    font-size:18px;
    font-weight:light;
...og hvorfor to forskellige baggrundsfarver...sort og hvid?  =)
/mvh
Avatar billede olebole Juniormester
18. september 2001 - 14:28 #35
...og hvad synes du border-farven skal være?
Avatar billede Tony Juniormester
18. september 2001 - 14:33 #36
font-size 18px for at knappen passer til gif\'en

Kan slettes: background-color:#FFFFFF; & font-weight:light;

Border evt.: border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;

... ellers noget :)
Avatar billede tk2 Nybegynder
18. september 2001 - 14:34 #37
årh for helvede. Det var noget jeg startede på og som jeg kom bort fra. Jeg må lige kigge nærmere på detaljerne.

Ellers ser det sgu da meget pænt ud, ikk\'?

<tk2>
Avatar billede olebole Juniormester
18. september 2001 - 14:38 #38
\'font-size 18px\' kan passende erstattes af \'height:20px\' - eller hvilken værdi, der findes passende. Det er en noget \'renere\' måde at skrive på  :)
/mvh
Avatar billede Tony Juniormester
18. september 2001 - 14:44 #39
Goe \'gamle\' olebole - Der er da heller intet, der går hverken Gertrud\'s eller Ib\'s øje forbi :))

... så vi tar\' den lige een gang til, \'height:20px\' kan passende erstattes af \'height:20px;\'

;-) Tony
Avatar billede olebole Juniormester
18. september 2001 - 14:48 #40
Tak......så er den aldrende flueknepper lykkelig  :)
Håber, det var ligeså godt for dig, som det var for mig!  *ROTFL*  =oD
/mvh
Avatar billede Tony Juniormester
18. september 2001 - 14:55 #41
Der er ik\' noget der er så godt som en ordentlig \'latterbrøl\' kombineret med lidt læring. Nu har jeg fået dagens første \'brøl\' - tak for det !

P.s. Hva\' betyder *ROTFL* ?
Avatar billede olebole Juniormester
18. september 2001 - 15:04 #42
ROTFL = Rolling On The Floor, Laughin
ROTFLMAO = Rolling On The Floor, Laughin My Ass Off
:)
Avatar billede Tony Juniormester
18. september 2001 - 15:21 #43
OK - \'ROTFL\' here to :)

<tdk>
De to her skulle passe til gif\'en:
height:36px;
width:82px;
Avatar billede tk2 Nybegynder
18. september 2001 - 15:58 #44
Jeg har sakset lidt i forslaget.

Google vil have man skal benytte:
<INPUT type=submit name=btnG VALUE=\"Google-søgning\">

Ved at ændre \"Google-søgning\" til Søg\" og tilføje \"style=\"cursor:hand\" onFocus=\"this.blur();\"\", således at det ser ud som:

<INPUT type=submit name=btnG VALUE=\"Søg\" style=\"cursor:hand\" onFocus=\"this.blur();\">

får man din ønskede præsentation uden at tilføje noget i style sheet.

Og tusind tak for hintet.

<tk2>
Avatar billede tk2 Nybegynder
18. september 2001 - 16:03 #45
tony:

Hvilken gif? Jeg lagde godt mærke til den i dit tidligere forslag, men hvilken mener du? Er det en du har eller er det den jeg har lagt op?

<tk2>
Avatar billede Tony Juniormester
18. september 2001 - 16:49 #46
Det er den du har i forvejen, se evt. her:

http://www16.brinkster.com/breindal/diverse/forms/forms.html
Avatar billede tk2 Nybegynder
18. september 2001 - 16:56 #47
nåehhhh. (doh!)

<tk2>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester