Skip to main content

Dreamweaver

For all things Dreamweaver.

10000+ Posts
davidhelp
davidhelpInspiring
 Questions
Drop down menu border lines are doubled up

HelloIn this example of a menu I want a 1px border all around.The problem is the dividing lines and the horizontal lines in the drop down menu are doubled up.How to fix?  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Horizontal Drop Down Menu</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #FFFFE0; padding: 0px; margin-top: 50px; margin-bottom: 50px; } .container { min-width: 650px; max-width: 750px; width: 70%; background-color: #FFFFFF; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .menu ul { list-style-type: none; padding: 0; margin: 0; } .menu li { float: left; position: relative; border-bottom: 1px solid #555555; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; } .

18162
Liam Dilley
E
Eric5E52Participant
 Questions
W
Weat01Inspiring
 Questions
W
Weat01Inspiring
 Questions
Re: Bootstrap "component is not fully compatible..." [Branched]

[Moderator branched & moved to new topic.]   Hi Nancy I have the same problem, but the boostrap files are version 4? When I try and add a navbar menu, it gives me the same message as for the person above, that: "The component is not fully compatible with the current Bootstrap CSS/ JS file (lower than 4.4.1). A new Bootstrap CSS/JS file will be created and linked from the document." When it creates this new file, the contact form stops working fully - it still sends the message but the validation of email sent (Thank you for your message!) opens up as plain text in a blank html page rather than as a pop-up on the original contact form page. The same thing happens if I try and update the script files (jquery.min.js, validator.min.js, bootstrap.min js, popper min js) linking to them from the cdnjs libraries. I can't find a way of including a navbar menu and keeping the contact form working? Below are the references to the script files in the html contact page.   head>

7471
Nancy OShea
Community Expert
D
Dlewis1212Inspiring
 Questions
W
Weat01Inspiring
 Questions
N
natalyas989462Participant
 Questions
N
nonebiz96195581Participant
 Questions
I
ingo9Known Participant
 Questions
G
Ginger5E1BKnown Participant
 Questions
W
Weat01Inspiring
 Questions
W
wcampInspiring
 Questions
Gareth_Williams
Gareth_WilliamsInspiring
 Questions
davidhelp
davidhelpInspiring
 Questions
Vertical navigation will not display right

Vertical navigation will not display right. How to fix?I know it should work as I have stripped away all the other code and it works correctly in the DW CS6 I have and in Firefox. I use NoteTab and Firefox for the grid and Flex code.<!DOCTYPE html> <html> <head> <title>Responsive 3 Col Grid Flex </title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #5F9EA0; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .container { display: flex; flex-direction: column; min-height: 100vh; padding: 0px; margin: 0px } @media (min-width: 768px) { .container { display: grid; grid-template-columns: 200px 1fr 200px; grid-template-rows: auto 1fr auto; } } header

2751
davidhelp
michaelr90360332
michaelr90360332Participant
 Questions
davidhelp
davidhelpInspiring
 Questions
Layout using Grid - Cols & rows spill over container problem

HelloWhy do the columns and rows spill over 'container' before and when you resize the browser window?Plus how to get the 'Sidebar' 'main' 'content1' thru 'content5' columns to drop down from each other when resized?How to add the 'content4 and content5 under the grid-template-columns andgrid-template-columns rows?<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Grid Layout 4 col</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #5F9EA0; margin: 40px; padding: 0px; } .container { width: 85%; display: grid; height: 90vh; grid-template-columns: .70fr .80fr .90fr 1.5fr; /* sidebar, content1, content2, content3 */ grid-template-rows: 0.4fr 2.0fr 1.2fr 1fr; /* height: nav, main, content, footer */ grid-template-areas: "nav nav nav nav " "sidebar main main main" "sidebar content1 conte

4193
B i r n o u
T
TheOriginal150mphInspiring
 Questions
A
andreasn96151084Participant
 Questions
Use CSS File in include file without using L-INK

hi, we're using PHP File in whiche we include some files with e.g. navigation contenten and footer. include ($cfgPath['elements'].'standard1.inc.php');include ('./my-content.inc.php');include ($cfgPath['elements'].'standard2.inc.php'); If I working on my-content.inc.php, I don't have all the style from our stylesheet, whiche will be includes in standard1.inc.php. In earlier versions of DW you could hook up a desing CSS file, which was uses in DW to show the propper design. In the current version I don't see a way to use the stylesheet without linking it with  <link href="/lib/bootstrap-4.6.0/css/custom_main.min.css" rel="stylesheet" type="text/css"> And solutions or ideas? TXS for yxour help.

1611
Nancy OShea
Community Expert
C
ChantalMarieBParticipant
 Questions
O
osgood_Legend
 Questions
<style></style> tags within the body??

Doing a bit more research about the <style> element. According to the w3.org website <style></style> tags CAN be used: 'In the body, where flow content is expected.' https://www.w3.org/TR/html52/document-metadata.html#the-style-element   Is this correct. I always thought they could only be used in the <head></head> section of the page or is this some relic fact that's got stuck in my head and most other developers heads from a bygone age?????? This would be of interest as it means I can create simple web-components and keep all the css/html and js together in one file, without having to use the more complex shadow-dom to create web-components or one of the front end frameworks.     

34812
O
B
bw56_2Participant
 Questions
Y
Yaël5E15Known Participant
 Questions
D
danilolima87Participant
 Questions
20240603
20240603Inspiring
 Questions
W
We0ZAParticipating Frequently
 Questions
Show more posts
Firefly Community Gallery
Adobe Firefly

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

Explore now
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices