Amateur web design help View previous topic :: View next topic  


NFOHump.com Forum Index - The Bitching Session
Page 1 of 1
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 14:33    Post subject: Amateur web design help
For some reason I have completely forgotten everything I have learned about exporting a navigation bar from Fireworks to Dreamweaver.

No matter what I do, the three states I created for the nav bar buttons never show in the browser, but they do show in the Fireworks preview.

So I'm guessing I'm exporting it wrong from Fireworks or importing it wrong from Dreamweaver, or both.
I'm at a loss. I could really use the help.

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Wed, 9th May 2012 14:44    Post subject:
Sorry, I do not support Dreamweaver or Fireworks Mad Pumpy is only compatible to notepad++.

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 14:51    Post subject:
PumpAction wrote:
Sorry, I do not support Dreamweaver or Fireworks Mad Pumpy is only compatible to notepad++.

That's ok. You and I are compatible in other ways, if you know what I mean and I think that you do.

I'm hoping Werelds stops by, and imparts some of his wisdom.

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
garus
VIP Member



Posts: 34200
PostPosted: Wed, 9th May 2012 15:33    Post subject:
Can you show the result so we can test it?


Also: DEATH TO WYSIWYG EDITORS.
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 15:48    Post subject:
garus wrote:
Can you show the result so we can test it?


Also: DEATH TO WYSIWYG EDITORS.

Not sure what you mean by show the result, but got a new problem. Did a new button, copied it, made the simplest possible menu I could.
http://uploading.com/files/28mm357f/navbar.rar/

The fireworks preview works, so does the browser preview, but the second I try to import it through that Insert->Image Objects->Fireworks HTML in Dreamweaver it completely wrecks my entire site composition.

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 15:59    Post subject:
Managed to insert one button, my guess is the entire nav bar somehow wrecks the layout.
But even this one button doesn't have any of the states it should.

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 16:23    Post subject:
For fucks sake, never thought making a nav bar with an up, over and down state would be so difficult.

Fireworks exports all the slices, and states, but Dreamweaver only ever shows the up state.
Rage

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Wed, 9th May 2012 16:29    Post subject:
Why don't you learn a little bit javascript/jquery and do it yourself? Seeing how many hours you spent with this problem, you could've learned EVERYTHING that you need to know to put the button there with CSS, JS/JQ, HTML.

WYSIWYG Editors for HTML are IMHO obsolete now. With stuff like jQuery, scripting is so easy that it looks outright idiotic to learn using some proprietary tool.

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Wed, 9th May 2012 16:51    Post subject:
Here the HTML for buttons:
<a href="site1.html" class="button">Site 1</a> <a href="site2.html" class="button">Site 1</a> <a href="site1.html" class="button">Site 3</a>

The CSS for the buttons (goes into the <head></head> of your html):
<style type="text/css">
/* The naked button */
a.button:link, visited {
padding: 1em 0.5em;
background: #444;
color: #fff;
text-decoration: none;
}

/* What happens if you move your mouse over it */
a.button:hover {
background: #888;
}

/* What happens if you click it */
a.button:active {
background: #ddd;
color: #666;
}
</style>

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 17:01    Post subject:
PumpAction wrote:
Here the HTML for buttons:
<a href="site1.html" class="button">Site 1</a> <a href="site2.html" class="button">Site 1</a> <a href="site1.html" class="button">Site 3</a>

The CSS for the buttons (goes into the <head></head> of your html):
<style type="text/css">
/* The naked button */
a.button:link, visited {
padding: 1em 0.5em;
background: #444;
color: #fff;
text-decoration: none;
}

/* What happens if you move your mouse over it */
a.button:hover {
background: #888;
}

/* What happens if you click it */
a.button:active {
background: #ddd;
color: #666;
}
</style>



THANK YOU PUMPY!!!!!!!!!!!!!!!!!!!!!!!!
I completely forgot those hover,active and visited atributes.
I'll protect you with my body in BF3 anytime. Especially when you're trying to snipe. Cool Face

Thanks Pumpy <3

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Wed, 9th May 2012 17:23    Post subject:
Nicht verzagen,
Pumpy fragen!

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 19:35    Post subject:
I should probably find a new hobby. Crying or Very sad
The buttons work now pumpy, but how do I align them or move them to fit my nav bar, since the links are currently half way in my banner.

I vaguely recall about using lists that have been turned into a block level element to move the links around...
Scratch Head

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
vaifan1986




Posts: 4640
Location: Birthplace of the necktie.
PostPosted: Wed, 9th May 2012 21:54    Post subject:
Pumpy, you can close the thread, with your help and some dumb luck on my side, managed to complete it.

Thanks again pumpy.

Micek:
i7 4790K @ 4.6GHz- Gigabyte Z97X-Gaming 3 - 980 WF3 \o/ - 16GB Corsair - WD 4TB - Mountain of SSDs - Dell UltraSharp U2414H 24''
Back to top
garus
VIP Member



Posts: 34200
PostPosted: Wed, 9th May 2012 22:15    Post subject:
vaifan1986 wrote:
PumpAction wrote:
Here the HTML for buttons:
<a href="site1.html" class="button">Site 1</a> <a href="site2.html" class="button">Site 1</a> <a href="site1.html" class="button">Site 3</a>

The CSS for the buttons (goes into the <head></head> of your html):
<style type="text/css">
/* The naked button */
a.button:link, visited {
padding: 1em 0.5em;
background: #444;
color: #fff;
text-decoration: none;
}

/* What happens if you move your mouse over it */
a.button:hover {
background: #888;
}

/* What happens if you click it */
a.button:active {
background: #ddd;
color: #666;
}
</style>



THANK YOU PUMPY!!!!!!!!!!!!!!!!!!!!!!!!
I completely forgot those hover,active and visited atributes.
I'll protect you with my body in BF3 anytime. Especially when you're trying to snipe. Cool Face

Thanks Pumpy <3


HEY NOW! You offered your body to me!
Back to top
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Wed, 9th May 2012 22:21    Post subject:
No his sweetness is mine. THREAD LOCKED!

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Page 1 of 1 All times are GMT + 1 Hour
NFOHump.com Forum Index - The Bitching Session
Signature/Avatar nuking: none (can be changed in your profile)  


Display posts from previous:   

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group